.ansicht{--navy:#0b1a3a;--navy-mitte:#122548;--seitenleiste:#2b3445;--akzent:#9aa0aa;--gold:#c9a84c;--app-grau:#f4f5f6;--tinte-app:#0d1117;--tinte-leise:#6b7280;--tinte-weich:#475569;--linie-app:#e5e7eb;--haarlinie:#0b1a3a1a;--gruen:#16a34a;--rot:#dc2626;color:var(--tinte-app);text-align:start;container-type:inline-size}.fenster{--e:clamp(.5rem, 1.05cqw, .75rem);font-size:var(--e);background-color:var(--app-grau);border:1px solid #ffffff1a;border-radius:1em;line-height:1.25;overflow:clip;box-shadow:0 1px 2px #0006,0 40px 80px -40px #000000e6}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fenster{animation:fenster-auf var(--ease) both;animation-timeline:view(0);animation-range:entry 10% entry 65%}.listenzeile:first-child{animation:zeile-neu var(--ease) both;animation-timeline:view(0);animation-range:cover 15% cover 40%}}}@keyframes fenster-auf{0%{opacity:0;transform:perspective(80rem)rotateX(14deg)translateY(3rem)}}@keyframes zeile-neu{0%{background-color:#0b1a3a24}}@media (prefers-reduced-motion:no-preference){.glocke:after{animation:2.4s ease-in-out infinite pochen}}@keyframes pochen{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.adressleiste{background-color:var(--navy-mitte);border-bottom:1px solid #ffffff0f;align-items:center;gap:1.4em;padding:1em 1.8em;display:flex}.ampel{gap:.6em;display:inline-flex}.ampel i{background-color:#ff5f57;border-radius:50%;width:1em;height:1em}.ampel i:nth-child(2){background-color:#febc2e}.ampel i:nth-child(3){background-color:#28c840}.adresszeile{color:#fff6;white-space:nowrap;text-overflow:ellipsis;background-color:#ffffff0f;border-radius:.7em;flex:1;min-width:0;padding:.35em 1.4em;font-size:1.15em;overflow:hidden}.probe{letter-spacing:.1em;text-transform:uppercase;color:#9aa0aae6;background-color:#9aa0aa1f;border:1px solid #9aa0aa4d;border-radius:.5em;flex-shrink:0;padding:.3em .9em;font-size:.85em;font-weight:700}.app{height:36em;display:flex}.seitenleiste{background-color:var(--seitenleiste);color:#ffffffa6;flex-direction:column;flex-shrink:0;width:14em;padding-top:1em;display:flex;overflow:clip}@container (width<=40rem){.seitenleiste{display:none}}.kanzlei{align-items:center;gap:.6em;padding:0 1em .9em;display:flex}.kanzlei-zeichen{background-color:var(--akzent);width:2.25em;height:2.25em;color:var(--navy);border-radius:.6em;flex-shrink:0;place-items:center;font-size:1em;font-weight:700;display:grid}.kanzlei-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.nav{gap:.2em;padding:0 .75em;display:grid}.nav-titel{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin:.5em 0 .3em;padding:0 .75em;font-size:.7em;font-weight:700}.nav-eintrag{white-space:nowrap;border-radius:.6em;align-items:center;gap:.6em;padding:.55em .75em;font-weight:500;display:flex;position:relative}.nav-eintrag.ist-aktiv{color:#fff;background-color:#9aa0aa29;font-weight:600}.nav-eintrag.ist-aktiv:before{content:"";background-color:var(--akzent);border-radius:0 .35em .35em 0;width:.35em;height:56%;position:absolute;top:22%;left:-.75em}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.25em;height:1.25em}.marke-law4{border:1px solid #ffffff14;border-radius:.8em;align-items:center;gap:.5em;margin:auto .75em .5em;padding:.5em .75em;display:flex}.marke-law4-label{letter-spacing:.12em;text-transform:uppercase;color:#fff6;flex:1;font-size:.6em;font-weight:700}.marke-law4-name{color:#fff;font-weight:700}.marke-law4-name b{color:var(--gold)}.marke-law4-punkt{background-color:var(--gruen);border-radius:50%;width:.5em;height:.5em;box-shadow:0 0 0 .25em #16a34a33}.benutzer{border-top:1px solid #ffffff14;align-items:center;gap:.6em;padding:.75em 1em;display:flex}.benutzer-text{min-width:0}.benutzer-name,.benutzer-rolle{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.benutzer-name{color:#fff;font-size:.9em;font-weight:600}.benutzer-rolle{color:#ffffff80;font-size:.7em}.haupt{flex-direction:column;flex:1;min-width:0;display:flex}.kopfleiste{border-bottom:1px solid var(--linie-app);background-color:#fff;align-items:center;gap:1em;padding:.6em 1.5em;display:flex}.pfad{flex:1;align-items:center;gap:.5em;min-width:0;font-size:.95em;display:flex}.pfad-wurzel{color:var(--tinte-leise);font-weight:500}.pfad-trenner{color:#c3c7cd}.pfad-hier{font-weight:600}.suche{border:1px solid var(--linie-app);color:var(--tinte-leise);white-space:nowrap;background-color:#fafafa;border-radius:.6em;align-items:center;gap:.5em;padding:.35em .75em;font-size:.8em;display:flex}@container (width<=40rem){.suche{display:none}}.suche kbd{border:1px solid var(--linie-app);color:var(--tinte-weich);background-color:#fff;border-radius:.4em;padding:.1em .4em;font-family:inherit;font-size:.8em;font-weight:600}.glocke{border:1.5px solid var(--tinte-weich);border-radius:50%;width:1.1em;height:1.1em;position:relative}.glocke:after{content:"";background-color:var(--rot);border-radius:50%;width:.5em;height:.5em;position:absolute;top:-.2em;right:-.2em}.seite{flex-direction:column;flex:1;gap:1em;min-width:0;padding:1.25em 1.5em;display:flex}.seite-kopf{justify-content:space-between;align-items:flex-end;gap:1em;display:flex}.seite-titel-block{min-width:0}.seite-titel,.seite-sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.seite-titel{letter-spacing:-.02em;font-size:1.9em;font-weight:600;line-height:1.1}.seite-sub{color:var(--tinte-leise);margin-top:.25em;font-size:.85em;font-weight:500}.aktion{background-color:var(--navy);color:#fff;white-space:nowrap;border-radius:.6em;flex-shrink:0;padding:.5em 1em;font-size:.85em;font-weight:600}.kennzahlen{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75em;display:grid}.kennzahl{border:1px solid var(--haarlinie);background-color:#fff;border-radius:.8em;min-width:0;padding:.75em 1em}.kennzahl-label{letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3em;font-size:.7em;font-weight:700;display:block;overflow:hidden}.kennzahl-wert{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6em;font-weight:600;line-height:1.05;display:block}.kennzahl-wert.ist-navy{color:var(--navy)}.kennzahl-wert.ist-leise{color:#5c6572}.kennzahl-wert.ist-gruen{color:var(--gruen)}.kennzahl:first-child .ziffer-zahl{--z:247}.kennzahl:nth-child(2) .ziffer-zahl{--z:42}.kennzahl:nth-child(3) .ziffer-zahl{--z:12}.tabelle{border:1px solid var(--haarlinie);background-color:#fff;border-radius:1em;flex:1;overflow:clip}.listenzeile{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75em;padding:.65em 1.1em;display:flex}.listenzeile:first-child{background-color:#0b1a3a05}.listenzeile:last-child{border-bottom:0}.avatar{width:2em;height:2em;color:var(--navy);background-color:#0b1a3a14;border-radius:50%;flex-shrink:0;place-items:center;font-size:.75em;font-weight:700;display:grid}.avatar.ist-hell{background-color:var(--akzent)}.listen-text{flex:1;min-width:0}.listen-name,.listen-detail{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.listen-name{font-weight:600}.listen-detail{color:var(--tinte-leise);font-size:.8em}.status{letter-spacing:.03em;text-transform:uppercase;border:1px solid;border-radius:.5em;flex-shrink:0;align-items:center;gap:.4em;padding:.3em .6em;font-size:.7em;font-weight:700;line-height:1;display:inline-flex}.status i{background-color:currentColor;border-radius:50%;width:.55em;height:.55em}.status.ist-gruen{color:var(--gruen);background-color:#16a34a1f;border-color:#16a34a40}.status.ist-grau{color:var(--tinte-leise);background-color:#6b72801f;border-color:#6b728040}.referenz{border-radius:var(--radius-karte);text-align:start;gap:2.5rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.referenz-kopf{align-content:start;gap:1.5rem;display:grid}.law4-logo{width:auto;max-width:100%;height:3rem;display:block}.referenz-titel{font-size:clamp(1.75rem,1.25rem + 1.8vw,2.5rem);line-height:1.1}.referenz-text{align-self:end}.referenz-fuss{gap:2rem;display:grid}.merkmale{gap:1.5rem 2rem;padding:0;list-style:none;display:grid}@media (min-width:40rem){.merkmale{grid-template-columns:repeat(3,minmax(0,1fr))}}.merkmal{padding-top:1rem;font-weight:600}.referenz-aktion{margin-top:0}@media (min-width:64rem){.referenz{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem 2rem}.referenz-kopf{grid-column:1/span 6}.referenz-text{grid-column:8/-1}.referenz-ansicht,.referenz-fuss{grid-column:1/-1}.referenz-fuss{grid-template-columns:minmax(0,2fr) auto;align-items:end}}