Dialyse-Webseite/view/main.php

<h2 class="h1-style">Wir wollen, dass Sie sich bei uns wohlfühlen!</h2>

<p class="lead" style="font-size: 1.15rem; color: var(--primary-dark); font-weight: 500; margin-bottom: 2rem;">
    Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der
    Firmen Nikkiso und Fresenius. Sie können gern während eines Berlin-Urlaubes Ihre Dialyse bei uns
    durchführen. Auch die Betreuung von Menschen mit Behinderungen oder Einschränkungen stellt für uns kein Problem dar.
</p>

<!-- Schwerpunkte / Key Features (Orientierung an hamburg-harburg-dialyse.de) -->
<div class="grid-4" style="margin-bottom: 2.5rem;">
    <div class="feature-box">
        <div class="feature-icon-wrapper" aria-hidden="true">
            <svg 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>
        </div>
        <div class="feature-title">Moderne Technik</div>
        <p class="feature-text">High-Tech Dialyseverfahren mit modernen Nikkiso DBB-07 und Nikkiso DBB-EXA Geräten (Haemo-Master) und Fresenius BCM.</p>
    </div>
    
    <div class="feature-box">
        <div class="feature-icon-wrapper" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
        </div>
        <div class="feature-title">2 Standorte</div>
        <p class="feature-text">Zentrumsdialyse in Mahlsdorf (16 Plätze) &amp; Satellitendialyse am Blumberger Damm (18 Plätze).</p>
    </div>

    <div class="feature-box">
        <div class="feature-icon-wrapper" aria-hidden="true">
            <svg 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>
        </div>
        <div class="feature-title">Feriendialyse</div>
        <p class="feature-text">Ganzjährige Feriendialyse für Berlin-Reisende. Barrierefreie Betreuung für alle Patienten.</p>
    </div>

    <div class="feature-box">
        <div class="feature-icon-wrapper" aria-hidden="true">
            <svg 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>
        </div>
        <div class="feature-title">Bester Komfort</div>
        <p class="feature-text">Kostenloses WLAN, TV, frischer Imbiss und eine breite Auswahl an Getränken während der Dialyse.</p>
    </div>
</div>

<!-- Praxisbeschreibung mit 2-Spalten Layout und Bildintegration -->
<div class="grid-2" style="align-items: center; margin-bottom: 2rem;">
    <div>
        <h2>Unsere Praxis &amp; Standorte</h2>
        <p>
            Unsere Praxis befindet sich seit 1992 im Siedlungsgebiet von Berlin-Mahlsdorf im <strong>Bezirk Marzahn-Hellersdorf</strong> und ist mit 16 Plätzen ausgestattet.
            Die Satellitendialyse, mit 18 Plätzen, befindet sich in 12685 Berlin-Marzahn, Blumberger Damm 130 (Eingang: Pritzhagener Weg 21).
        </p>
        <p>
            Für eine optimale Betreuung sorgen 3 Fachärztinnen, unser freundliches medizinisches Personal und erfahrene Pflegekräfte.
            Während der fachgerechten Behandlung erhalten Sie einen Imbiss und eine breite Auswahl an Getränken.
        </p>
    </div>
    <div>
        <a href="/img/gallery/praxis1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis1.jpg')?>" data-lightbox="main" data-title="Die Praxis von außen" class="gallery-item" style="display: block;">
            <img src="/img/gallery/praxis1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis1.jpg')?>" alt="Die Praxis von außen" width="1024" height="768" loading="lazy" decoding="async">
            <div class="gallery-overlay">
                <span class="gallery-caption">Die Praxis von außen &bull; Thorner Straße</span>
            </div>
            <div class="gallery-zoom-icon" aria-hidden="true">
                <svg aria-hidden="true" focusable="false" 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>
</div>

<div class="grid-2" style="align-items: center; margin-bottom: 2.5rem;">
    <div>
        <a href="/img/gallery/startseite1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/startseite1.jpg')?>" data-lightbox="main" data-title="Sprechzimmer" class="gallery-item" style="display: block;">
            <img src="/img/gallery/startseite1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/startseite1.jpg')?>" alt="Sprechzimmer" width="632" height="1024" loading="lazy" decoding="async">
            <div class="gallery-overlay">
                <span class="gallery-caption">Modern ausgestattetes Sprechzimmer</span>
            </div>
            <div class="gallery-zoom-icon" aria-hidden="true">
                <svg aria-hidden="true" focusable="false" 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>
    <div>
        <h2>Patientenkomfort &amp; Kooperationen</h2>
        <p>
            Um die Dialysezeit kurzweilig zu gestalten, können Sie fernsehen oder den hauseigenen Internetzugang gratis nutzen.
        </p>
        <p>
            Für eine effiziente Betreuung der Patienten pflegen wir eine enge Zusammenarbeit mit den Haus- und Fachärzten und kooperieren mit den umliegenden Krankenhäusern, um Patienten auch während eines Krankenhausaufenthaltes Dialyseleistungen anbieten zu können.
        </p>
        <div style="margin-top: 1.5rem; display: flex; gap: 0.75rem; flex-wrap: wrap;">
            <a href="/leistungen.html" class="btn btn-primary btn-sm">Mehr zu den Leistungen <span aria-hidden="true">&raquo;</span></a>
            <a href="/praxis.html" class="btn btn-secondary btn-sm">Praxisausstattung &amp; Zeiten <span aria-hidden="true">&raquo;</span></a>
        </div>
    </div>
</div>