{% if kontakt.typ == 'organisation' %}
<div style="border: 1px solid var(--kw-border); border-radius: var(--kw-radius); background: var(--kw-card-bg); transition: border-color 0.15s, box-shadow 0.15s;">
    <div style="display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1rem;">
        <button type="button" class="btn-icon"
                style="padding: 0.1rem 0.4rem; font-size: 0.8rem; border: none; cursor: pointer; color: var(--kw-text-muted); flex-shrink: 0;"
                onclick="var d=this.closest('div').parentElement.querySelector('.org-mitarbeiter'); if(d.style.display==='none'){d.style.display='block';this.textContent='▼';if(!d.dataset.loaded){d.dataset.loaded='1';htmx.ajax('GET','/organisationen/{{kontakt.id}}/mitarbeiter',{target:d,swap:'innerHTML'})}}else{d.style.display='none';this.textContent='▶'}"
                title="Mitarbeiter anzeigen">▶</button>
        <a href="/kontakte/{{ kontakt.id }}" style="display: flex; align-items: center; gap: 1rem; flex: 1; text-decoration: none; color: var(--kw-text);">
            <div class="kontakt-avatar org">
                {{ (kontakt.firmenname or '?')[:2]|upper }}
            </div>
            <div class="kontakt-info">
                <div class="kontakt-name">{{ kontakt.anzeigename }}</div>
                <div class="kontakt-detail">
                    {% if kontakt.ort %}{{ kontakt.ort }}{% endif %}
                </div>
            </div>
        </a>
        {% if kontakt.gruppen %}
        <div class="kontakt-tags">
            {% for kg in kontakt.gruppen %}
            <span class="gruppe-badge" style="background: {{ kg.gruppe.farbe }}">{{ kg.gruppe.name }}</span>
            {% endfor %}
        </div>
        {% endif %}
    </div>
    <div class="org-mitarbeiter" style="display: none; border-top: 1px solid var(--kw-border);"></div>
</div>
{% else %}
<a href="/kontakte/{{ kontakt.id }}" class="kontakt-card">
    <div class="kontakt-avatar">
        {{ (kontakt.vorname or '?')[:1]|upper }}{{ (kontakt.nachname or '?')[:1]|upper }}
    </div>
    <div class="kontakt-info">
        <div class="kontakt-name">{{ kontakt.anzeigename }}</div>
        <div class="kontakt-detail">
            {% if kontakt.typ == 'person' and kontakt.firmenname %}{{ kontakt.firmenname }}{% endif %}
            {% if kontakt.ort %}{% if kontakt.firmenname %} &middot; {% endif %}{{ kontakt.ort }}{% endif %}
        </div>
    </div>
    {% if kontakt.gruppen %}
    <div class="kontakt-tags">
        {% for kg in kontakt.gruppen %}
        <span class="gruppe-badge" style="background: {{ kg.gruppe.farbe }}">{{ kg.gruppe.name }}</span>
        {% endfor %}
    </div>
    {% endif %}
</a>
{% endif %}
