Dialyse-Webseite/view/team.php

<h1>Unser Team</h1>

<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
    Lernen Sie unsere erfahrenen Fachärztinnen und unser engagiertes Pflegeteam kennen. Bei uns steht Ihre Gesundheit, Sicherheit und persönliche Betreuung im Mittelpunkt.
</p>

<!-- Ärztinnen Grid -->
<div class="grid-3" style="margin-bottom: 2.5rem;">
    <!-- Dr. med. B. Bischoff -->
    <div class="doctor-card" style="flex-direction: column;">
        <div class="doctor-avatar">
            <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
        </div>
        <div class="doctor-info">
            <h3 class="doctor-name">Dr. med. B. Bischoff</h3>
            <div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div>
            <div class="doctor-meta">
                <div><strong>Approbation:</strong> 2002 in Berlin</div>
            </div>
            <div class="chamber-badge">
                <svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                Mitglied der Ärztekammer Berlin
            </div>
        </div>
    </div>

    <!-- Dr. med. J. Hoffzimmer -->
    <div class="doctor-card" style="flex-direction: column;">
        <div class="doctor-avatar">
            <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
        </div>
        <div class="doctor-info">
            <h3 class="doctor-name">Dr. med. J. Hoffzimmer</h3>
            <div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div>
            <div class="doctor-meta">
                <div><strong>Approbation:</strong> 2009 in Berlin</div>
            </div>
            <div class="chamber-badge">
                <svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                Mitglied der Ärztekammer Berlin
            </div>
        </div>
    </div>

    <!-- Dr. med. C. Körner -->
    <div class="doctor-card" style="flex-direction: column;">
        <div class="doctor-avatar">
            <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
        </div>
        <div class="doctor-info">
            <h3 class="doctor-name">Dr. med. C. Körner</h3>
            <div class="doctor-title">Fachärztin für Innere Medizin</div>
            <div class="doctor-meta">
                <div><strong>Approbation:</strong> 2004 in Berlin</div>
            </div>
            <div class="chamber-badge">
                <svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                Mitglied der Ärztekammer Berlin
            </div>
        </div>
    </div>
</div>

<!-- Mitarbeiter & Pflegekräfte Card -->
<div class="card" style="background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%); border-left: 4px solid var(--accent); padding: 2rem;">
    <div style="display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;">
        <div style="width: 60px; height: 60px; border-radius: var(--radius-full); background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.25);">
            <svg style="width: 32px; height: 32px; fill: currentColor;" viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
        </div>
        <div style="flex: 1; min-width: 250px;">
            <h2 style="margin: 0 0 0.5rem 0; font-size: 1.4rem; color: var(--primary-dark);">
                23 Mitarbeiterinnen und Mitarbeiter
            </h2>
            <p style="margin: 0; color: var(--text-main); font-size: 1rem; line-height: 1.5;">
                Unser Team umfasst engagierte <strong>Schwestern, Arzthelferinnen und Servicekräfte</strong>, die rund um die Uhr für Ihr Wohlergehen, fachkundige Betreuung und einen angenehmen Aufenthalt während der Behandlung sorgen.
            </p>
        </div>
    </div>
</div>