.kontakt-toggle{border:1px solid var(--border);background:var(--background);border-radius:9999px;gap:4px;padding:4px;display:inline-flex}.kontakt-toggle-option{letter-spacing:.01em;color:var(--muted-soft);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out);background:0 0;border:none;border-radius:9999px;padding:.7rem 1.35rem;font-family:Switzer,system-ui,sans-serif;font-size:13.5px;font-weight:400;position:relative}.kontakt-toggle-option[data-active=true]{color:var(--accent-fg)}.kontakt-toggle-pill{background:var(--accent);border-radius:9999px;position:absolute;inset:0}.kontakt-kachel{text-align:left;background:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);cursor:pointer;transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out);border-radius:14px;align-items:flex-start;gap:.9rem;padding:1.1rem 1.15rem;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.kontakt-kachel:hover{border-color:var(--border-strong)}}.kontakt-kachel[data-active=true]{border-color:var(--accent);background:var(--accent-subtle)}.kontakt-kachel-icon{background:var(--accent-subtle);width:40px;height:40px;color:var(--accent);transition:background-color .22s var(--ease-out), color .22s var(--ease-out);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kontakt-kachel[data-active=true] .kontakt-kachel-icon{background:var(--accent);color:var(--accent-fg)}.kontakt-pille{background:var(--background);border:1px solid var(--border);min-height:46px;color:var(--foreground);cursor:pointer;transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out), color .22s var(--ease-out);border-radius:9999px;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-family:Switzer,system-ui,sans-serif;font-size:14px;font-weight:300;display:inline-flex}@media (hover:hover) and (pointer:fine){.kontakt-pille:hover{border-color:var(--border-strong)}}.kontakt-pille[data-active=true]{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.kontakt-chip{background:var(--accent-subtle);color:var(--foreground);white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:400;display:inline-flex}.kontakt-rail-schritt{text-align:left;width:100%;color:var(--caption);cursor:default;transition:color .22s var(--ease-out);background:0 0;border:none;align-items:center;gap:.85rem;padding:.45rem 0;display:flex}.kontakt-rail-schritt[data-klickbar=true]{cursor:pointer}.kontakt-rail-schritt[data-zustand=aktiv],.kontakt-rail-schritt[data-zustand=erledigt]{color:var(--foreground)}.kontakt-rail-punkt{border:1px solid var(--border-strong);background:var(--background);width:34px;height:34px;color:var(--caption);transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out), color .22s var(--ease-out);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kontakt-rail-schritt[data-zustand=aktiv] .kontakt-rail-punkt{border-color:var(--accent);color:var(--accent)}.kontakt-rail-schritt[data-zustand=erledigt] .kontakt-rail-punkt{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.kontakt-draht-link{color:var(--foreground);transition:color .2s var(--ease-out);text-decoration:none}@media (hover:hover) and (pointer:fine){.kontakt-draht-link:hover{color:var(--accent)}}.kontakt-dropzone{border:1px dashed var(--border-strong);background:var(--background);text-align:center;cursor:pointer;width:100%;transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.6rem 1rem;display:flex}@media (hover:hover) and (pointer:fine){.kontakt-dropzone:hover{border-color:var(--accent)}}.kontakt-dropzone[data-drag=true]{border-color:var(--accent);background:var(--accent-subtle)}