@layer components{.mechanik-grid{gap:48px 24px;margin-top:48px;display:grid}.mechanik-artikel{width:100%;min-width:0;max-width:640px;margin-inline:auto}.mechanik-bild{border-radius:12px;min-width:0;padding:24px;display:flex}.mechanik-bild-blau{background:var(--color-symbol-blau-flaeche)}.mechanik-bild-gelb{background:var(--color-symbol-gelb-flaeche)}.mechanik-bild-gruen{background:var(--color-symbol-gruen-flaeche)}.mechanik-ui{min-width:0;min-height:440px;color:var(--color-tinte);text-align:left;flex:1;align-items:flex-start;display:flex}.mechanik-ausschnitt{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0}.mechanik-ausschnitt .karte{box-shadow:0 3px 9px #37352f0a}.mechanik-karte-kopf{flex-direction:column;gap:8px;padding:16px 16px 0;display:flex}.mechanik-ausschnitt .app-anfrage-verlauf{padding:16px}.mechanik-beschreibung{padding-top:24px}.mechanik-nummer{color:var(--color-platzhalter);font-variant-numeric:tabular-nums;font-size:12px}.mechanik-beschreibung h3{font-size:var(--text-untertitel);letter-spacing:-.025em;margin-top:8px;font-weight:700;line-height:28px}.mechanik-text{color:var(--color-gedaempft);font-size:var(--text-kartentext);margin-top:16px;line-height:24px}.mechanik-details{margin-top:12px}.mechanik-details>summary{cursor:pointer;color:var(--color-tinte);text-underline-offset:3px;font-size:14px;font-weight:500;text-decoration:underline}.mechanik-details>summary:focus-visible{outline:2px solid var(--color-akzent);outline-offset:3px;border-radius:4px}.mechanik-mehr{color:var(--color-akzent);align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.mechanik-mehr:hover{text-underline-offset:4px;text-decoration:underline}@media (min-width:1024px){.mechanik-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}.mechanik-artikel{grid-template-rows:subgrid;grid-row:span 2;row-gap:0;display:grid}}}