Dialyse-Webseite/view/services.php

<h1>Leistungen &amp; Behandlungsschwerpunkte</h1>

<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
    Umfassende Diagnostik, präventive Beratung und moderne Dialyseverfahren für das gesamte Spektrum nephrologischer Erkrankungen.
</p>

<!-- Leistungsübersicht -->
<div class="grid-2" style="margin-bottom: 2.5rem;">
    <div class="card">
        <h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
            <svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
            Nephrologische Ambulanz
        </h3>
        <ul style="list-style: none; padding: 0; margin: 0;">
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Diagnostik und Therapie</strong> von Nierenerkrankungen (nephrologische Ambulanz)</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Optimale <strong>Blutdruckeinstellung + Blutzuckereinstellung</strong> als wesentlicher Schwerpunkt</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Sonographie</strong> von Nieren und Abdomen (Ultraschalldiagnostik)</span>
            </li>
        </ul>
    </div>

    <div class="card">
        <h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
            <svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
            Dialyse &amp; Betreuung
        </h3>
        <ul style="list-style: none; padding: 0; margin: 0;">
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Hämodialyse (HD)</strong> und <strong>Hämodiafiltration (HDF und online HDF)</strong> mit Hemo-Master</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Präzise Blutvolumenmessung</strong> mit dem Fresenius BCM</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Transplantationsvorbereitung</strong> und <strong>Betreuung transplantierter Patienten</strong></span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem;">
                <span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Individuelle <strong>Ernährungsberatung</strong> speziell für Dialysepatienten</span>
            </li>
        </ul>
    </div>
</div>

<!-- Highlight 1: BCM Fresenius -->
<div class="highlight-panel">
    <span class="highlight-badge">Medizinische Spitzentechnologie</span>
    <h2 class="highlight-panel-title">
        <svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
        Blutvolumenmessung mit dem BCM (Body Composition Monitor) von Fresenius
    </h2>
    <p>
        Das BCM ist ein Analysesystem, mit dem zeitnah über bioelektrische Ströme im Menschen der relative Anteil an Fett-, Muskel- und Wassermasse ermittelt und über einen Zeitraum hinweg kontrolliert werden kann.
    </p>
    <p>
        In der Dialyse dient das System dazu, am Dialysepatienten ein Optimalgewicht zu bestimmen, um eine <strong>&bdquo;Überwässerung&ldquo;</strong> oder <strong>&bdquo;Unterwässerung&ldquo;</strong> präzise zu erkennen und zu vermeiden:
    </p>
    
    <div class="condition-grid">
        <div class="condition-card condition-warning">
            <div class="condition-title">
                <span>&#x26A0;</span> Überwässerung
            </div>
            <div>Kann zu Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div>
        </div>
        <div class="condition-card condition-info">
            <div class="condition-title">
                <span>&#x2139;</span> Unterwässerung (Hämokonzentration)
            </div>
            <div>Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.</div>
        </div>
    </div>
    
    <p style="margin-bottom: 0; font-weight: 600; color: var(--primary);">
        <em>Hinweis:</em> Diese Möglichkeit der modernen bioelektrischen Analyse wird nur von wenigen Dialysepraxen angeboten.
    </p>
</div>

<!-- Highlight 2: Hemo-Master Nikkiso -->
<div class="highlight-panel">
    <span class="highlight-badge">Schonende &amp; Individuelle Dialyse</span>
    <h2 class="highlight-panel-title">
        <svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
        Hemo-Master von Nikkiso
    </h2>
    <p>
        Hier handelt es sich um ein modernes Computerprogramm für eine schonende und individuelle Dialyse zur gezielten Verhinderung von Blutdruckabfällen, Kopfschmerzen und Krämpfen während der Behandlung. Ein zusätzliches Steuermodul für die Dialysemaschinen (Nikkiso DBB-07 und Nikkiso DBB-EXA) ist dabei erforderlich.
    </p>
    <p>
        Während der Dialyse werden kontinuierlich die Blutvolumenänderungen durch die optische Erfassung der Hämokonzentrationsänderung gemessen und aktiv sowohl über die <strong>Leitfähigkeit (Natriumkonzentration)</strong> als auch über die <strong>Ultrafiltrationsrate (Wasserentzug)</strong> präzise geregelt.
    </p>
    <p>
        Alle Werte werden digital aufgezeichnet, ausgewertet und für künftige Dialysen individuell angepasst.
    </p>
    <p style="margin-bottom: 0; font-weight: 600; color: var(--primary);">
        <em>Besonderheit:</em> Aufgrund der kostenintensiven Anschaffung und des zusätzlichen qualifizierten Arbeitsaufwandes bieten nicht alle Dialysepraxen diesen exzellenten Service an.
    </p>
</div>

<!-- Galerie Behandlungsräume & Technik -->
<h2 style="margin-top: 2.5rem; margin-bottom: 1rem;">Behandlungsräume &amp; Medizintechnik</h2>
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">Einblicke in unsere moderne apparative Ausstattung und Patientenumgebung.</p>

<div class="gallery-grid">
    <a href="/img/gallery/behandlung1.jpg" data-lightbox="services" data-title="Behandlungsbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/behandlung1.jpg" alt="Behandlungszimmer">
        <div class="gallery-overlay"><span class="gallery-caption">Behandlungsbereich</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
    <a href="/img/gallery/behandlung2.jpg" data-lightbox="services" data-title="Dialyseplatz &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/behandlung2.jpg" alt="Behandlungsplatz">
        <div class="gallery-overlay"><span class="gallery-caption">Dialyseplatz</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
    <a href="/img/gallery/leistung1.jpg" data-lightbox="services" data-title="Nikkiso Dialysetechnik &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung1.jpg" alt="Medizintechnik">
        <div class="gallery-overlay"><span class="gallery-caption">Nikkiso Dialysetechnik</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
    <a href="/img/gallery/leistung2.jpg" data-lightbox="services" data-title="Hemo-Master Monitor &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung2.jpg" alt="Hemo-Master">
        <div class="gallery-overlay"><span class="gallery-caption">Hemo-Master Monitor</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
    <a href="/img/gallery/leistung3.jpg" data-lightbox="services" data-title="Patientenüberwachung &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung3.jpg" alt="Patientenüberwachung">
        <div class="gallery-overlay"><span class="gallery-caption">Patientenüberwachung</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
    <a href="/img/gallery/leistung4.jpg" data-lightbox="services" data-title="Fresenius BCM Messplatz &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung4.jpg" alt="BCM Messplatz">
        <div class="gallery-overlay"><span class="gallery-caption">Fresenius BCM Messplatz</span></div>
        <div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
    </a>
</div>