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 Nikkiso <strong>Haemo-Master</strong></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>Bioelektrische Messung des Flüssigkeitsstatus</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>
        Körperzusammensetzungs- &amp; Flüssigkeitsstatusmessung mit dem BCM (Body Composition Monitor) von Fresenius
    </h2>
    <p>
        Das BCM ist ein Analysesystem, mit dem zeitnah über bioelektrische Ströme (Bioimpedanzspektroskopie) 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 exaktes Optimalgewicht (Trockengewicht) 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 (Hyperhydratation)
            </div>
            <div>Kann zu Bluthochdruck und 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 (Dehydratation)
            </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: Haemo-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>
        Blutvolumenmonitoring &amp; Biofeedback-Regelung mit dem Haemo-Master von Nikkiso
    </h2>
    <p>
        Der <strong>Haemo-Master</strong> ist ein in unsere Dialysesysteme (<strong>Nikkiso DBB-07 und Nikkiso DBB-EXA</strong>) integriertes optisches Blutvolumenmonitoring- und Biofeedback-System für eine besonders kreislaufschonende, individuell gesteuerte Dialyse. Es dient der gezielten Vermeidung von intradialytischen Blutdruckabfällen (Hypotonien), Muskelkrämpfen und Kopfschmerzen während der Behandlung.
    </p>
    <p>
        Über einen optischen Sensor (Nahinfrarotreflexion an den roten Blutkörperchen im arteriellen Blutschlauchsystem) überwacht das Blutvolumenmonitor-Modul (<strong>BVM</strong>) kontinuierlich die relative Blutvolumenänderung (<strong>dBV</strong>) sowie die <strong>Plasma-Refilling-Rate (PRR)</strong> des Patienten. Auf Basis einer patientenindividuellen Idealkurve regelt das System im geschlossenen Regelkreis aktiv sowohl die <strong>Ultrafiltrationsrate / Wasserentzugsrate (BV-UFC)</strong> als auch die <strong>Leitfähigkeit bzw. Natriumkonzentration der Dialysierflüssigkeit (BV-COC)</strong>.
    </p>
    <p>
        Alle Mess- und Verlaufswerte werden digital erfasst, grafisch ausgewertet und für künftige Dialysebehandlungen individuell optimiert.
    </p>
    <p style="margin-bottom: 0; font-weight: 600; color: var(--primary);">
        <em>Besonderheit:</em> Aufgrund der kostenintensiven Geräteausstattung und des zusätzlichen qualifizierten Betreuungsaufwandes bieten nicht alle Dialysepraxen dieses Verfahren 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?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1.jpg')?>" data-lightbox="services" data-title="Heller Behandlungsbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/behandlung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1_thumb.jpg')?>" alt="Heller Behandlungsbereich mit zwei Dialyseplätzen">
        <div class="gallery-overlay"><span class="gallery-caption">Heller 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?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2.jpg')?>" data-lightbox="services" data-title="Dialyseplatz mit Nikkiso-Technik &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/behandlung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2_thumb.jpg')?>" alt="Dialyseplatz mit Nikkiso Dialysegerät">
        <div class="gallery-overlay"><span class="gallery-caption">Dialyseplatz mit Nikkiso-Technik</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?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1.jpg')?>" data-lightbox="services" data-title="Komfort-Dialyseplatz am Fenster &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1_thumb.jpg')?>" alt="Komfort-Dialyseplatz am Fenster">
        <div class="gallery-overlay"><span class="gallery-caption">Komfort-Dialyseplatz am Fenster</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?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2.jpg')?>" data-lightbox="services" data-title="Blick in die Behandlungsräume &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2_thumb.jpg')?>" alt="Blick vom Flur in die hellen Behandlungsräume">
        <div class="gallery-overlay"><span class="gallery-caption">Blick in die Behandlungsräume</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?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3.jpg')?>" data-lightbox="services" data-title="Dialyseraum mit Patienten-TV &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung3_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3_thumb.jpg')?>" alt="Dialyseraum mit mehreren Behandlungsplätzen und TV">
        <div class="gallery-overlay"><span class="gallery-caption">Dialyseraum mit Patienten-TV</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?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4.jpg')?>" data-lightbox="services" data-title="Dialyseplätze mit Blick ins Grüne &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
        <img src="/img/gallery/leistung4_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4_thumb.jpg')?>" alt="Dialyseplätze am Erkerfenster mit Blick ins Grüne">
        <div class="gallery-overlay"><span class="gallery-caption">Dialyseplätze mit Blick ins Grüne</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>