:root{--sg-name-breite:14rem;--sg-icon-feld:7rem;--katalog-spalte:16rem;--katalog-oben:var(--space-xlarge);--katalog-karte:20rem;--katalog-verkleinerung:.32}.sg-abschnitt+.sg-abschnitt{margin-top:var(--space-xxlarge);padding-top:var(--space-xlarge);border-top:var(--border-width) solid var(--color-border)}.sg-inhalt{gap:var(--space-tiny);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sg-inhalt a{padding:var(--space-xtiny) var(--space-xxsmall);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-small);text-decoration:none;display:inline-block}.sg-inhalt a:hover{border-color:var(--color-primary);color:var(--color-primary-text)}.sg-probe{grid-template-columns:1fr minmax(0, var(--sg-name-breite));align-items:center;gap:var(--space-small);padding:var(--space-xxsmall) 0;display:grid}.sg-probe+.sg-probe{border-top:var(--border-width) solid var(--color-neutral-200)}.sg-probe.is-ohne-beispiel{grid-template-columns:1fr}@media screen and (width<=767px){.sg-probe{gap:var(--space-tiny);grid-template-columns:1fr}}.sg-probe-beispiel{min-width:0}.sg-name{align-items:center;gap:var(--space-xtiny);max-width:100%;padding:var(--space-xxtiny) var(--space-tiny);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-small);background-color:var(--color-neutral-100);color:var(--color-neutral-700);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);text-align:left;overflow-wrap:anywhere;display:inline-flex}.sg-name:hover{border-color:var(--color-primary);color:var(--color-primary-text)}.sg-name[data-kopiert=true]{border-color:var(--color-success);background-color:var(--color-success-light);color:var(--color-success)}.sg-farbfeld{width:var(--space-xlarge);height:var(--space-xlarge);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium)}.sg-balken{height:var(--space-xsmall);min-width:var(--border-width);border-radius:var(--radius-small);background-color:var(--color-primary)}.sg-kasten{width:var(--space-xlarge);height:var(--space-xlarge);border:var(--border-width) solid var(--color-border);background-color:var(--color-background)}.sg-icon-quadrat{background-color:var(--color-primary);border-radius:var(--radius-small)}.sg-flaeche{border:var(--border-width) dashed var(--color-neutral-400);border-radius:var(--radius-medium);background-color:var(--color-neutral-100)}.sg-block{padding:var(--space-xxsmall);border-radius:var(--radius-small);background-color:var(--color-primary-light);color:var(--color-primary-text);font-size:var(--font-size-small);text-align:center}.sg-hinweis{padding:var(--space-xxsmall) var(--space-small);border-radius:var(--radius-medium);background-color:var(--color-neutral-900);color:var(--color-white);font-size:var(--font-size-small)}.sg-dunkel{background-color:var(--color-background-invert)}.sg-icon-raster{grid-template-columns:repeat(auto-fill, minmax(min(var(--sg-icon-feld), 100%), 1fr));gap:var(--space-tiny);display:grid}.sg-icon-feld{align-items:center;gap:var(--space-xtiny);padding:var(--space-xxsmall) var(--space-xtiny);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);background-color:var(--color-background);color:var(--color-text);flex-direction:column;display:flex}.sg-icon-feld:hover{border-color:var(--color-primary);color:var(--color-primary-text)}.sg-icon-feld[data-kopiert=true]{border-color:var(--color-success);background-color:var(--color-success-light);color:var(--color-success)}.sg-icon-name{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);overflow-wrap:anywhere}.sg-icon-feld[hidden]{display:none}.sg-befehl{padding:var(--space-xxsmall) var(--space-xsmall);border-radius:var(--radius-medium);background-color:var(--color-neutral-900);color:var(--color-white);overflow-x:auto}.sg-befehl>code{color:inherit}.baustein+.baustein{margin-top:var(--space-xlarge);padding-top:var(--space-xlarge);border-top:var(--border-width) solid var(--color-border)}.baustein-kopf{justify-content:space-between;align-items:flex-start;gap:var(--space-small);flex-wrap:wrap;display:flex}.baustein-buehne{margin-top:var(--space-small);border-top:var(--border-width) dashed var(--color-border);border-bottom:var(--border-width) dashed var(--color-border);background-color:var(--color-background)}.katalog-leiste{z-index:var(--z-sticky);border-bottom:var(--border-width) solid var(--color-border);background-color:var(--color-background);position:sticky;top:0;overflow-x:auto}.katalog-leiste-inner{gap:var(--space-tiny);padding-top:var(--space-tiny);padding-bottom:var(--space-tiny);white-space:nowrap;display:flex}.katalog-leiste a{padding:var(--space-xtiny) var(--space-xxsmall);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-small);text-decoration:none}.katalog-leiste a:hover{background-color:var(--color-background-alt);color:var(--color-text)}.katalog-leiste a.is-aktiv{background-color:var(--color-primary);color:var(--color-text-invert)}.katalog-gruppe{padding-top:var(--space-xlarge)}.baustein-rahmen{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-large);background-color:var(--color-background);overflow:hidden}.baustein-rahmen .header{position:static}.sg-grundprobe{padding:var(--space-small);border-radius:var(--radius-large)}.sg-grundprobe.is-falsch{background-color:var(--color-primary)}.sg-grundprobe-titel{margin-bottom:var(--space-xxsmall);color:var(--color-text-invert);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.sg-knopf-unsichtbar{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-text-invert)}.sg-auf-dunkel{padding:var(--space-xxsmall);border-radius:var(--radius-medium);background-color:var(--color-background-invert);display:inline-block}.katalog{grid-template-columns:var(--katalog-spalte) minmax(0, 1fr);align-items:start;display:grid}.katalog-seitenleiste{top:var(--katalog-oben);max-height:calc(100vh - var(--katalog-oben));padding:var(--space-small) var(--space-xsmall) var(--space-large);border-right:var(--border-width) solid var(--color-border);position:sticky;overflow-y:auto}.katalog-inhalt{min-width:0}.katalog-nav-gruppe+.katalog-nav-gruppe{margin-top:var(--space-small)}.katalog-nav-titel{color:var(--color-text-muted);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.katalog-nav-liste{margin:var(--space-xtiny) 0 0;padding:0;list-style:none}.katalog-nav-liste a{padding:var(--space-xxtiny) var(--space-tiny);border-radius:var(--radius-small);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-base);text-decoration:none;display:block}.katalog-nav-liste a:hover{background-color:var(--color-background-alt);color:var(--color-text)}.katalog-nav-liste a.is-aktiv{background-color:var(--color-primary-light);color:var(--color-primary-text);font-weight:var(--font-weight-medium)}.katalog-gruppe-kopf{padding-top:var(--space-large);padding-bottom:var(--space-xsmall)}@media screen and (width<=991px){.katalog{grid-template-columns:minmax(0,1fr)}.katalog-seitenleiste{display:none}}@media screen and (width>=992px){.katalog-leiste{display:none}}