chriz/Dialyse-Webseite
1
0 Fork 0
forked from itchy/Dialyse-Webseite
Code Pull Requests Actions Activity

Accessibility fixes.

Browse Source
This commit is contained in:
chriz committed 2026-10-20 11:11:04 +02:00
1 parent 02c92db1e5
commit 014422e0b6
12 files changed
+262 -176
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/frontend.css
+96 -12
View File
@@ -18,7 +18,7 @@
--primary-light: #e6f4f8; --primary-light: #e6f4f8;
--primary-hover: #0e6285; --primary-hover: #0e6285;
--accent: #0284c7; --accent: #0277b5;
--accent-hover: #0369a1; --accent-hover: #0369a1;
--accent-light: #e0f2fe; --accent-light: #e0f2fe;
--accent-dark: #075985; --accent-dark: #075985;
@@ -32,21 +32,21 @@
--bg-alt: #f1f5f9; --bg-alt: #f1f5f9;
--text-main: #1e293b; --text-main: #1e293b;
--text-muted: #64748b; --text-muted: #475569;
--text-light: #94a3b8; --text-light: #94a3b8;
--text-white: #ffffff; --text-white: #ffffff;
--border: #e2e8f0; --border: #e2e8f0;
--border-focus: #0284c7; --border-focus: #0277b5;
/* State Colors */ /* State Colors */
--success: #16a34a; --success: #166534;
--success-bg: #dcfce7; --success-bg: #dcfce7;
--success-border: #86efac; --success-border: #86efac;
--danger: #dc2626; --danger: #b91c1c;
--danger-bg: #fee2e2; --danger-bg: #fee2e2;
--danger-border: #fca5a5; --danger-border: #fca5a5;
--warning: #d97706; --warning: #b45309;
--warning-bg: #fef3c7; --warning-bg: #fef3c7;
/* Shadows */ /* Shadows */
@@ -113,6 +113,59 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* Accessibility: Skip Link & Screen-Reader Utility */
.skip-link {
position: absolute;
top: -100px;
left: 1rem;
z-index: 9999;
background-color: var(--primary-dark);
color: #ffffff;
padding: 0.75rem 1.25rem;
border-radius: var(--radius-md);
font-weight: 700;
box-shadow: var(--shadow-lg);
border: 2px solid #ffffff;
text-decoration: none;
}
.skip-link:focus {
top: 0.75rem;
color: #ffffff;
outline: 3px solid var(--accent-light);
outline-offset: 2px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Accessibility: Keyboard Focus Visible */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.nav-link:focus-visible,
.nav-toggle:focus-visible,
.gallery-item:focus-visible {
outline: 3px solid var(--accent);
outline-offset: 2px;
}
.top-bar a:focus-visible,
.site-footer a:focus-visible,
.hero-banner .btn:focus-visible {
outline: 3px solid #bae6fd;
outline-offset: 2px;
}
p { p {
margin-bottom: 1.15rem; margin-bottom: 1.15rem;
} }
@@ -128,15 +181,18 @@ h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h1 { h1,
.h1-style {
font-size: 2rem; font-size: 2rem;
letter-spacing: -0.02em; letter-spacing: -0.02em;
position: relative; position: relative;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
margin-top: 0;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
h1::after { h1::after,
.h1-style::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@@ -975,7 +1031,8 @@ li {
transition: var(--transition); transition: var(--transition);
} }
.gallery-item:hover .gallery-overlay { .gallery-item:hover .gallery-overlay,
.gallery-item:focus-visible .gallery-overlay {
opacity: 1; opacity: 1;
} }
@@ -1002,7 +1059,8 @@ li {
transition: var(--transition); transition: var(--transition);
} }
.gallery-item:hover .gallery-zoom-icon { .gallery-item:hover .gallery-zoom-icon,
.gallery-item:focus-visible .gallery-zoom-icon {
opacity: 1; opacity: 1;
transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
} }
@@ -1461,7 +1519,7 @@ textarea.form-control {
.footer-bottom { .footer-bottom {
padding: 1.5rem 0; padding: 1.5rem 0;
font-size: 0.85rem; font-size: 0.85rem;
color: #64748b; color: #94a3b8;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@@ -1470,7 +1528,7 @@ textarea.form-control {
} }
.footer-bottom a { .footer-bottom a {
color: #94a3b8; color: #cbd5e1;
margin-left: 1rem; margin-left: 1rem;
} }
@@ -1779,4 +1837,30 @@ h1, h2, h3, h4, p, li, .card, .location-card, .contact-detail-value, .btn {
.form-actions .btn { .form-actions .btn {
width: 100%; width: 100%;
} }
}
/* ==========================================================================
Reduced Motion Preference (WCAG 2.3.3)
========================================================================== */
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
.gallery-item:hover img,
.gallery-item:hover,
.feature-box:hover,
.btn:hover,
.header-cta-btn:hover {
transform: none !important;
}
} }
js/contact.js
+4 -4
View File
@@ -64,8 +64,8 @@ function showMapLocation(loc) {
$addrText.text('Blumberger Damm 130 (Eingang Pritzhagener Weg 21), 12685 Berlin'); $addrText.text('Blumberger Damm 130 (Eingang Pritzhagener Weg 21), 12685 Berlin');
$extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj'); $extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj');
$btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary'); $btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false');
$btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary'); $btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true');
} else { } else {
$frame.attr('src', 'https://maps.google.com/maps?q=Thorner+Stra%C3%9Fe+1,+12623+Berlin&t=&z=15&ie=UTF8&iwloc=&output=embed'); $frame.attr('src', 'https://maps.google.com/maps?q=Thorner+Stra%C3%9Fe+1,+12623+Berlin&t=&z=15&ie=UTF8&iwloc=&output=embed');
$frame.attr('title', 'Karte Zentrumsdialyse Berlin-Mahlsdorf'); $frame.attr('title', 'Karte Zentrumsdialyse Berlin-Mahlsdorf');
@@ -73,7 +73,7 @@ function showMapLocation(loc) {
$addrText.text('Thorner Straße 1, 12623 Berlin'); $addrText.text('Thorner Straße 1, 12623 Berlin');
$extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn'); $extLink.attr('href', 'https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn');
$btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary'); $btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true');
$btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary'); $btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false');
} }
} }
view/contact-form.php
+15 -15
View File
@@ -5,11 +5,11 @@ $form = $session->get('form');
<div class="form-card"> <div class="form-card">
<?php if($session->has('alert')): ?> <?php if($session->has('alert')): ?>
<div class="alert <?=$session->get('alert-class')?>"> <div class="alert <?=$session->get('alert-class')?>" role="alert" aria-live="polite">
<?php if($session->get('alert-class') === 'alert-success'): ?> <?php if($session->get('alert-class') === 'alert-success'): ?>
<svg style="width: 22px; height: 22px; fill: currentColor; flex-shrink: 0;" 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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: currentColor; flex-shrink: 0;" 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-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
<?php else: ?> <?php else: ?>
<svg style="width: 22px; height: 22px; fill: currentColor; flex-shrink: 0;" 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: currentColor; flex-shrink: 0;" 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
<?php endif; ?> <?php endif; ?>
<div><?=$session->get('alert')?></div> <div><?=$session->get('alert')?></div>
</div> </div>
@@ -18,9 +18,9 @@ $form = $session->get('form');
<h1>Ihre Kontaktanfrage</h1> <h1>Ihre Kontaktanfrage</h1>
<p style="color: var(--text-muted); margin-bottom: 2rem;"> <p id="form-instructions" style="color: var(--text-muted); margin-bottom: 2rem;">
Hier können Sie, unter Angabe Ihrer Kontaktdaten, eine persönliche Anfrage stellen. Hier können Sie, unter Angabe Ihrer Kontaktdaten, eine persönliche Anfrage stellen.
Die mit einem (<span style="color: var(--danger); font-weight: bold;">*</span>) gekennzeichneten Felder sind Pflichtfelder. Die mit einem (<span aria-hidden="true" style="color: var(--danger); font-weight: bold;">*</span>) gekennzeichneten Felder sind Pflichtfelder.
Bitte geben Sie entweder eine E-Mail-Adresse oder Ihre Telefonnummer an, damit wir Sie erreichen können. Bitte geben Sie entweder eine E-Mail-Adresse oder Ihre Telefonnummer an, damit wir Sie erreichen können.
</p> </p>
@@ -37,39 +37,39 @@ $form = $session->get('form');
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="surname">Vorname</label> <label class="form-label" for="surname">Vorname</label>
<input type="text" class="form-control" name="surname" id="surname" placeholder="Ihr Vorname" value="<?=isset($form) ? htmlspecialchars($form['surname']) : ''?>"> <input type="text" class="form-control" name="surname" id="surname" autocomplete="given-name" placeholder="Ihr Vorname" value="<?=isset($form) ? htmlspecialchars($form['surname']) : ''?>">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label" for="name">Nachname <span class="required">*</span></label> <label class="form-label" for="name">Nachname <span class="required" aria-hidden="true">*</span></label>
<input type="text" class="form-control" name="name" id="name" required placeholder="Ihr Nachname" value="<?=isset($form) ? htmlspecialchars($form['name']) : ''?>"> <input type="text" class="form-control" name="name" id="name" autocomplete="family-name" required placeholder="Ihr Nachname" value="<?=isset($form) ? htmlspecialchars($form['name']) : ''?>">
</div> </div>
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="email">E-Mail-Adresse <span class="required" title="Bitte E-Mail-Adresse oder Telefonnummer angeben">*</span></label> <label class="form-label" for="email">E-Mail-Adresse <span class="required" aria-hidden="true" title="Bitte E-Mail-Adresse oder Telefonnummer angeben">*</span></label>
<input type="email" class="form-control" name="email" id="email" required placeholder="ihre.adresse@example.de" value="<?=isset($form) ? htmlspecialchars($form['email']) : ''?>"> <input type="email" class="form-control" name="email" id="email" autocomplete="email" aria-describedby="form-instructions" required placeholder="ihre.adresse@example.de" value="<?=isset($form) ? htmlspecialchars($form['email']) : ''?>">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label" for="phone">Telefonnummer <span class="required" title="Bitte E-Mail-Adresse oder Telefonnummer angeben">*</span></label> <label class="form-label" for="phone">Telefonnummer <span class="required" aria-hidden="true" title="Bitte E-Mail-Adresse oder Telefonnummer angeben">*</span></label>
<input type="tel" class="form-control" name="phone" id="phone" required placeholder="030 12345678" value="<?=isset($form) ? htmlspecialchars($form['phone']) : ''?>"> <input type="tel" class="form-control" name="phone" id="phone" autocomplete="tel" aria-describedby="form-instructions" required placeholder="030 12345678" value="<?=isset($form) ? htmlspecialchars($form['phone']) : ''?>">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label" for="message">Ihre Mitteilung <span class="required">*</span></label> <label class="form-label" for="message">Ihre Mitteilung <span class="required" aria-hidden="true">*</span></label>
<textarea class="form-control" name="message" id="message" required rows="6" placeholder="Wie können wir Ihnen weiterhelfen?"><?=isset($form) ? htmlspecialchars($form['message']) : ''?></textarea> <textarea class="form-control" name="message" id="message" required rows="6" placeholder="Wie können wir Ihnen weiterhelfen?"><?=isset($form) ? htmlspecialchars($form['message']) : ''?></textarea>
</div> </div>
<div class="form-note"> <div class="form-note">
<svg style="width: 16px; height: 16px; fill: currentColor; vertical-align: middle; margin-right: 4px;" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor; vertical-align: middle; margin-right: 4px;" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
Ihre persönlichen Angaben werden vertraulich behandelt, ausschließlich zur Bearbeitung Ihrer Anfrage gemäß unserer <a href="/datenschutz.html" style="text-decoration: underline;">Datenschutzerklärung</a> verarbeitet und niemals an Dritte weitergegeben. Ihre persönlichen Angaben werden vertraulich behandelt, ausschließlich zur Bearbeitung Ihrer Anfrage gemäß unserer <a href="/datenschutz.html" style="text-decoration: underline;">Datenschutzerklärung</a> verarbeitet und niemals an Dritte weitergegeben.
</div> </div>
<div class="form-actions"> <div class="form-actions">
<button type="button" class="btn btn-outline-primary" onclick="history.back();">Abbrechen</button> <button type="button" class="btn btn-outline-primary" onclick="history.back();">Abbrechen</button>
<button type="submit" class="btn btn-primary" name="send"> <button type="submit" class="btn btn-primary" name="send">
<svg style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
Anfrage absenden Anfrage absenden
</button> </button>
</div> </div>
view/contact.php
+25 -25
View File
@@ -10,26 +10,26 @@
<!-- Zentrumsdialyse Card --> <!-- Zentrumsdialyse Card -->
<div class="location-card"> <div class="location-card">
<div class="location-header"> <div class="location-header">
<div class="location-badge"> <div class="location-badge" 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> <svg aria-hidden="true" focusable="false" 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>
<h2 class="location-title">Zentrumsdialyse (Hauptstandort)</h2> <h2 class="location-title">Zentrumsdialyse (Hauptstandort)</h2>
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" 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> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" 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 class="contact-detail-label">Adresse:</div> <div class="contact-detail-label">Adresse:</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
Thorner Straße 1<br> Thorner Straße 1<br>
12623 Berlin &ndash; Mahlsdorf<br> 12623 Berlin &ndash; Mahlsdorf<br>
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;"> <a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" aria-label="Zentrumsdialyse Thorner Straße 1 in Google Maps öffnen" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;">
<span>&raquo; In Google Maps öffnen</span> <span aria-hidden="true">&raquo;</span> <span>In Google Maps öffnen</span>
</a> </a>
</div> </div>
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
<div class="contact-detail-label">Telefon (Dialyse):</div> <div class="contact-detail-label">Telefon (Dialyse):</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
<a href="tel:0305662484"><strong>030 / 566 24 84</strong></a> <a href="tel:0305662484"><strong>030 / 566 24 84</strong></a>
@@ -37,7 +37,7 @@
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
<div class="contact-detail-label">Telefon (Ambulanz):</div> <div class="contact-detail-label">Telefon (Ambulanz):</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
<a href="tel:0305662539"><strong>030 / 566 25 39</strong></a> <a href="tel:0305662539"><strong>030 / 566 25 39</strong></a>
@@ -46,7 +46,7 @@
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
<div class="contact-detail-label">E-Mail:</div> <div class="contact-detail-label">E-Mail:</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
<a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="display: inline-flex; align-items: center; gap: 0.35rem; color: var(--accent); font-weight: 600;"> <a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="display: inline-flex; align-items: center; gap: 0.35rem; color: var(--accent); font-weight: 600;">
@@ -59,27 +59,27 @@
<!-- Satellitendialyse Card --> <!-- Satellitendialyse Card -->
<div class="location-card"> <div class="location-card">
<div class="location-header"> <div class="location-header">
<div class="location-badge"> <div class="location-badge" 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> <svg aria-hidden="true" focusable="false" 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>
<h2 class="location-title">Satellitendialyse</h2> <h2 class="location-title">Satellitendialyse</h2>
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" 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> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" 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 class="contact-detail-label">Adresse:</div> <div class="contact-detail-label">Adresse:</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
Blumberger Damm 130<br> Blumberger Damm 130<br>
<small style="color: var(--text-muted);">(Eingang: Pritzhagener Weg 21)</small><br> <small style="color: var(--text-muted);">(Eingang: Pritzhagener Weg 21)</small><br>
12685 Berlin &ndash; Marzahn<br> 12685 Berlin &ndash; Marzahn<br>
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj" target="_blank" rel="noopener noreferrer" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;"> <a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj" target="_blank" rel="noopener noreferrer" aria-label="Satellitendialyse Blumberger Damm 130 in Google Maps öffnen" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;">
<span>&raquo; In Google Maps öffnen</span> <span aria-hidden="true">&raquo;</span> <span>In Google Maps öffnen</span>
</a> </a>
</div> </div>
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
<div class="contact-detail-label">Telefon (Dialyse):</div> <div class="contact-detail-label">Telefon (Dialyse):</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
<a href="tel:0305662484"><strong>030 / 566 24 84</strong></a> <a href="tel:0305662484"><strong>030 / 566 24 84</strong></a>
@@ -87,7 +87,7 @@
</div> </div>
<div class="contact-detail-row"> <div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg class="contact-detail-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
<div class="contact-detail-label">E-Mail:</div> <div class="contact-detail-label">E-Mail:</div>
<div class="contact-detail-value"> <div class="contact-detail-value">
<a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="display: inline-flex; align-items: center; gap: 0.35rem; color: var(--accent); font-weight: 600;"> <a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="display: inline-flex; align-items: center; gap: 0.35rem; color: var(--accent); font-weight: 600;">
@@ -100,15 +100,15 @@
<!-- Action Links & Download --> <!-- Action Links & Download -->
<div style="display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem;"> <div style="display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem;">
<a href="javascript:void(0);" onclick="sending();" class="btn btn-secondary mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="width: 100%;"> <a href="javascript:void(0);" onclick="sending();" class="btn btn-secondary mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="width: 100%;">
<svg style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
Direkt per E-Mail schreiben: <span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span> Direkt per E-Mail schreiben: <span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span>
</a> </a>
<a href="/kontakt-formular.html" class="btn btn-primary" style="width: 100%;"> <a href="/kontakt-formular.html" class="btn btn-primary" style="width: 100%;">
<svg style="width: 18px; height: 18px; fill: currentColor;" 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-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: currentColor;" 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-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
Online-Kontaktformular aufrufen &raquo; Online-Kontaktformular aufrufen <span aria-hidden="true">&raquo;</span>
</a> </a>
<a href="/files/dialyse_flyer.pdf" target="_blank" class="btn btn-outline-primary" style="width: 100%;"> <a href="/files/dialyse_flyer.pdf" target="_blank" rel="noopener" class="btn btn-outline-primary" style="width: 100%;">
<svg style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Praxis-Flyer herunterladen (PDF) Praxis-Flyer herunterladen (PDF)
</a> </a>
</div> </div>
@@ -118,10 +118,10 @@
<div> <div>
<div class="map-card"> <div class="map-card">
<div class="map-header"> <div class="map-header">
<span class="map-header-title" id="mapHeaderTitle">Standortkarte &bull; Berlin-Mahlsdorf</span> <h2 class="map-header-title" id="mapHeaderTitle" style="margin: 0;">Standortkarte &bull; Berlin-Mahlsdorf</h2>
<div style="display: flex; gap: 0.5rem;"> <div role="group" aria-label="Standort auf der Karte auswählen" style="display: flex; gap: 0.5rem;">
<button type="button" id="btnMapMahlsdorf" class="btn btn-sm btn-primary" onclick="showMapLocation('mahlsdorf');">Zentrum</button> <button type="button" id="btnMapMahlsdorf" class="btn btn-sm btn-primary" aria-pressed="true" onclick="showMapLocation('mahlsdorf');">Zentrum</button>
<button type="button" id="btnMapSatellit" class="btn btn-sm btn-outline-primary" onclick="showMapLocation('satellit');">Satellit</button> <button type="button" id="btnMapSatellit" class="btn btn-sm btn-outline-primary" aria-pressed="false" onclick="showMapLocation('satellit');">Satellit</button>
</div> </div>
</div> </div>
@@ -135,7 +135,7 @@
<div style="padding: 1rem 1.25rem; background-color: #ffffff; border-top: 1px solid var(--border); font-size: 0.85rem; color: var(--text-muted); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem;"> <div style="padding: 1rem 1.25rem; background-color: #ffffff; border-top: 1px solid var(--border); font-size: 0.85rem; color: var(--text-muted); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem;">
<span id="mapAddressText">Thorner Straße 1, 12623 Berlin</span> <span id="mapAddressText">Thorner Straße 1, 12623 Berlin</span>
<a id="mapExternalLink" href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" style="font-weight: 600;"> <a id="mapExternalLink" href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" style="font-weight: 600;">
Große Routenkarte &raquo; Große Routenkarte <span aria-hidden="true">&raquo;</span>
</a> </a>
</div> </div>
</div> </div>
view/error.php
+2 -2
View File
@@ -1,6 +1,6 @@
<div style="text-align: center; padding: 3rem 1rem;"> <div style="text-align: center; padding: 3rem 1rem;">
<div style="width: 72px; height: 72px; background: var(--danger-bg); color: var(--danger); border-radius: var(--radius-full); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;"> <div aria-hidden="true" style="width: 72px; height: 72px; background: var(--danger-bg); color: var(--danger); border-radius: var(--radius-full); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;">
<svg style="width: 36px; height: 36px; fill: currentColor;" 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg> <svg aria-hidden="true" focusable="false" style="width: 36px; height: 36px; fill: currentColor;" 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
</div> </div>
<h1 style="margin-bottom: 1rem;">Seite nicht gefunden (404)</h1> <h1 style="margin-bottom: 1rem;">Seite nicht gefunden (404)</h1>
<p style="font-size: 1.1rem; color: var(--text-muted); max-width: 500px; margin: 0 auto 2rem;"> <p style="font-size: 1.1rem; color: var(--text-muted); max-width: 500px; margin: 0 auto 2rem;">
view/frontend.php
+40 -38
View File
@@ -42,32 +42,33 @@ $currentAction = isset($action) ? $action : 'main';
</head> </head>
<body> <body>
<a href="#main-content" class="skip-link">Zum Hauptinhalt springen</a>
<div id="outer-container"> <div id="outer-container">
<!-- Top Info Bar --> <!-- Top Info Bar -->
<div class="top-bar"> <div class="top-bar">
<div class="container top-bar-inner"> <div class="container top-bar-inner">
<div class="top-bar-left"> <div class="top-bar-left">
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" class="top-bar-item top-bar-addr-main" title="Zentrumsdialyse Berlin-Mahlsdorf in Google Maps öffnen"> <a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" class="top-bar-item top-bar-addr-main" title="Zentrumsdialyse Berlin-Mahlsdorf in Google Maps öffnen" aria-label="Zentrumsdialyse: Thorner Str. 1, 12623 Berlin (in Google Maps öffnen)">
<svg class="top-bar-icon" 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> <svg class="top-bar-icon" aria-hidden="true" focusable="false" 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>
<span>Thorner Str. 1, 12623 Berlin</span> <span>Thorner Str. 1, 12623 Berlin</span>
</a> </a>
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj" target="_blank" rel="noopener noreferrer" class="top-bar-item top-bar-addr-satellite" title="Satellitendialyse Marzahn in Google Maps öffnen"> <a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj" target="_blank" rel="noopener noreferrer" class="top-bar-item top-bar-addr-satellite" title="Satellitendialyse Marzahn in Google Maps öffnen" aria-label="Satellitendialyse: Blumberger Damm 130, 12685 Berlin (in Google Maps öffnen)">
<svg class="top-bar-icon" 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> <svg class="top-bar-icon" aria-hidden="true" focusable="false" 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>
<span>Satellit: Blumberger Damm 130, 12685 Berlin</span> <span>Satellit: Blumberger Damm 130, 12685 Berlin</span>
</a> </a>
</div> </div>
<div class="top-bar-right"> <div class="top-bar-right">
<a href="tel:0305662484" title="Telefon Dialyse"> <a href="tel:0305662484" title="Telefon Dialyse">
<svg class="top-bar-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg class="top-bar-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
Dialyse: 030 / 566 24 84 Dialyse: 030 / 566 24 84
</a> </a>
<a href="tel:0305662539" title="Telefon Ambulanz"> <a href="tel:0305662539" title="Telefon Ambulanz">
<svg class="top-bar-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg class="top-bar-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
Ambulanz: 030 / 566 25 39 Ambulanz: 030 / 566 25 39
</a> </a>
<a href="javascript:void(0);" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" title="E-Mail schreiben" style="font-weight: 600;"> <a href="javascript:void(0);" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" title="E-Mail schreiben" style="font-weight: 600;">
<svg class="top-bar-icon" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg class="top-bar-icon" aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
<span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span> <span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span>
</a> </a>
</div> </div>
@@ -84,18 +85,18 @@ $currentAction = isset($action) ? $action : 'main';
</a> </a>
<!-- Navigation Menu --> <!-- Navigation Menu -->
<nav id="siteNav"> <nav id="siteNav" aria-label="Hauptnavigation">
<?php include('view/navigation.php'); ?> <?php include('view/navigation.php'); ?>
</nav> </nav>
<!-- Actions & Mobile Toggle --> <!-- Actions & Mobile Toggle -->
<div class="header-actions"> <div class="header-actions">
<a href="/kontakt.html" class="header-cta-btn"> <a href="/kontakt.html" class="header-cta-btn">
<svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
<span>Kontakt / Termin</span> <span>Kontakt / Termin</span>
</a> </a>
<button class="nav-toggle" id="navToggle" aria-label="Menü öffnen" aria-expanded="false"> <button class="nav-toggle" id="navToggle" aria-label="Menü öffnen" aria-expanded="false" aria-controls="navMenu">
<svg viewBox="0 0 24 24" id="toggleIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" id="toggleIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
</button> </button>
</div> </div>
</div> </div>
@@ -103,14 +104,14 @@ $currentAction = isset($action) ? $action : 'main';
<!-- Holiday / Announcement Dialog (if configured) --> <!-- Holiday / Announcement Dialog (if configured) -->
<?php if(Helper::isHoliday($config) && $session->get('dialog') != 'dismissed'): ?> <?php if(Helper::isHoliday($config) && $session->get('dialog') != 'dismissed'): ?>
<div id="holiday-wrapper" class="holiday-notice-banner"> <div id="holiday-wrapper" class="holiday-notice-banner" role="region" aria-label="Aktueller Praxishinweis">
<div class="container holiday-notice-inner"> <div class="container holiday-notice-inner">
<div class="holiday-notice-content"> <div class="holiday-notice-content">
<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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg> <svg aria-hidden="true" focusable="false" 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 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
<div><?=Helper::parseHolidays($config)?></div> <div><?=Helper::parseHolidays($config)?></div>
</div> </div>
<button type="button" class="holiday-dismiss-btn" data-dismiss="dialog"> <button type="button" class="holiday-dismiss-btn" data-dismiss="dialog">
<span>&#x2715; Schließen</span> <span aria-hidden="true">&#x2715;</span> <span>Schließen</span>
</button> </button>
</div> </div>
</div> </div>
@@ -118,11 +119,11 @@ $currentAction = isset($action) ? $action : 'main';
<!-- Hero / Motto Banner on Homepage --> <!-- Hero / Motto Banner on Homepage -->
<?php if($currentAction === 'main'): ?> <?php if($currentAction === 'main'): ?>
<section class="hero-banner"> <section class="hero-banner" aria-label="Willkommensbereich">
<div class="container"> <div class="container">
<div class="hero-content"> <div class="hero-content">
<div class="hero-badge"> <div class="hero-badge">
<span>&#x2714;</span> &bdquo;Die individuelle Dialyse im grünen Gürtel von Berlin&ldquo; <span aria-hidden="true">&#x2714;</span> &bdquo;Die individuelle Dialyse im grünen Gürtel von Berlin&ldquo;
</div> </div>
<h1 class="hero-title">Dialysezentrum Berlin-Mahlsdorf</h1> <h1 class="hero-title">Dialysezentrum Berlin-Mahlsdorf</h1>
<div class="hero-subtitle"> <div class="hero-subtitle">
@@ -138,8 +139,8 @@ $currentAction = isset($action) ? $action : 'main';
</div> </div>
</div> </div>
</div> </div>
<div class="hero-wave"> <div class="hero-wave" aria-hidden="true">
<svg viewBox="0 0 1000 100" preserveAspectRatio="none"> <svg aria-hidden="true" focusable="false" viewBox="0 0 1000 100" preserveAspectRatio="none">
<path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V100H0V30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path> <path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V100H0V30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path>
</svg> </svg>
</div> </div>
@@ -148,17 +149,17 @@ $currentAction = isset($action) ? $action : 'main';
<div class="page-banner"> <div class="page-banner">
<div class="container page-banner-inner"> <div class="container page-banner-inner">
<div> <div>
<div class="breadcrumb"> <nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="/">Startseite</a> &rsaquo; <a href="/">Startseite</a> <span aria-hidden="true">&rsaquo;</span>
<span><?=htmlspecialchars(explode('|', $pageTitle)[0])?></span> <span aria-current="page"><?=htmlspecialchars(trim(explode('|', $pageTitle)[0]))?></span>
</div> </nav>
</div> </div>
</div> </div>
</div> </div>
<?php endif; ?> <?php endif; ?>
<!-- Main Content Area --> <!-- Main Content Area -->
<main class="site-main"> <main id="main-content" class="site-main" tabindex="-1">
<div class="container"> <div class="container">
<div class="content-card"> <div class="content-card">
<?=$content?> <?=$content?>
@@ -178,11 +179,11 @@ $currentAction = isset($action) ? $action : 'main';
Individuelle nephrologische Betreuung und ganzjährige Feriendialysen mit moderner Medizintechnik. Individuelle nephrologische Betreuung und ganzjährige Feriendialysen mit moderner Medizintechnik.
</p> </p>
<div class="footer-contact-item"> <div class="footer-contact-item">
<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> <svg aria-hidden="true" focusable="false" 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>
<span><strong>Zentrumsdialyse:</strong> Thorner Straße 1, 12623 Berlin</span> <span><strong>Zentrumsdialyse:</strong> Thorner Straße 1, 12623 Berlin</span>
</div> </div>
<div class="footer-contact-item"> <div class="footer-contact-item">
<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> <svg aria-hidden="true" focusable="false" 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>
<span><strong>Satellitendialyse:</strong> Blumberger Damm 130, 12685 Berlin</span> <span><strong>Satellitendialyse:</strong> Blumberger Damm 130, 12685 Berlin</span>
</div> </div>
</div> </div>
@@ -191,12 +192,12 @@ $currentAction = isset($action) ? $action : 'main';
<div> <div>
<div class="footer-col-title">Navigation</div> <div class="footer-col-title">Navigation</div>
<ul class="footer-links"> <ul class="footer-links">
<li><a href="/">&rsaquo; Startseite</a></li> <li><a href="/"><span aria-hidden="true">&rsaquo;</span> Startseite</a></li>
<li><a href="/leistungen.html">&rsaquo; Leistungen</a></li> <li><a href="/leistungen.html"><span aria-hidden="true">&rsaquo;</span> Leistungen</a></li>
<li><a href="/praxis.html">&rsaquo; Praxisausstattung</a></li> <li><a href="/praxis.html"><span aria-hidden="true">&rsaquo;</span> Praxisausstattung</a></li>
<li><a href="/team.html">&rsaquo; Unser Team</a></li> <li><a href="/team.html"><span aria-hidden="true">&rsaquo;</span> Unser Team</a></li>
<li><a href="/kontakt.html">&rsaquo; Kontakt &amp; Anfahrt</a></li> <li><a href="/kontakt.html"><span aria-hidden="true">&rsaquo;</span> Kontakt &amp; Anfahrt</a></li>
<li><a href="/kontakt-formular.html">&rsaquo; Kontaktformular</a></li> <li><a href="/kontakt-formular.html"><span aria-hidden="true">&rsaquo;</span> Kontaktformular</a></li>
</ul> </ul>
</div> </div>
@@ -204,20 +205,20 @@ $currentAction = isset($action) ? $action : 'main';
<div> <div>
<div class="footer-col-title">Kontakt &amp; Erreichbarkeit</div> <div class="footer-col-title">Kontakt &amp; Erreichbarkeit</div>
<div class="footer-contact-item"> <div class="footer-contact-item">
<svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
<span>Dialyse: <strong>030 / 566 24 84</strong></span> <span>Dialyse: <strong>030 / 566 24 84</strong></span>
</div> </div>
<div class="footer-contact-item"> <div class="footer-contact-item">
<svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
<span>Ambulanz: <strong>030 / 566 25 39</strong></span> <span>Ambulanz: <strong>030 / 566 25 39</strong></span>
</div> </div>
<div class="footer-contact-item"> <div class="footer-contact-item">
<svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
<span>E-Mail: <a href="javascript:void(0);" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="color: #cbd5e1; font-weight:600;"><span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span></a></span> <span>E-Mail: <a href="javascript:void(0);" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="color: #cbd5e1; font-weight:600;"><span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span></a></span>
</div> </div>
<div class="footer-contact-item"> <div class="footer-contact-item">
<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-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg> <svg aria-hidden="true" focusable="false" 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-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
<span><a href="/files/dialyse_flyer.pdf" target="_blank" style="color: #38bdf8; font-weight:600;">&raquo; Praxis-Flyer herunterladen (PDF)</a></span> <span><a href="/files/dialyse_flyer.pdf" target="_blank" rel="noopener" style="color: #38bdf8; font-weight:600;"><span aria-hidden="true">&raquo;</span> Praxis-Flyer herunterladen (PDF)</a></span>
</div> </div>
</div> </div>
</div> </div>
@@ -281,6 +282,7 @@ $currentAction = isset($action) ? $action : 'main';
var isOpen = $navMenu.hasClass('is-open'); var isOpen = $navMenu.hasClass('is-open');
$navMenu.toggleClass('is-open'); $navMenu.toggleClass('is-open');
$navToggle.attr('aria-expanded', !isOpen); $navToggle.attr('aria-expanded', !isOpen);
$navToggle.attr('aria-label', !isOpen ? 'Menü schließen' : 'Menü öffnen');
// Toggle hamburger icon to X // Toggle hamburger icon to X
if(!isOpen) { if(!isOpen) {
@@ -295,7 +297,7 @@ $currentAction = isset($action) ? $action : 'main';
if (!$(e.target).closest('#siteNav, #navToggle').length) { if (!$(e.target).closest('#siteNav, #navToggle').length) {
if ($navMenu.hasClass('is-open')) { if ($navMenu.hasClass('is-open')) {
$navMenu.removeClass('is-open'); $navMenu.removeClass('is-open');
$navToggle.attr('aria-expanded', 'false'); $navToggle.attr('aria-expanded', 'false').attr('aria-label', 'Menü öffnen');
$('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>'); $('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>');
} }
} }
@@ -305,7 +307,7 @@ $currentAction = isset($action) ? $action : 'main';
$(document).on('keydown', function(e) { $(document).on('keydown', function(e) {
if (e.key === 'Escape' && $navMenu.hasClass('is-open')) { if (e.key === 'Escape' && $navMenu.hasClass('is-open')) {
$navMenu.removeClass('is-open'); $navMenu.removeClass('is-open');
$navToggle.attr('aria-expanded', 'false'); $navToggle.attr('aria-expanded', 'false').attr('aria-label', 'Menü öffnen').trigger('focus');
$('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>'); $('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>');
} }
}); });
view/imprint.php
+6 -6
View File
@@ -3,7 +3,7 @@
<div class="grid-2" style="margin-bottom: 2rem;"> <div class="grid-2" style="margin-bottom: 2rem;">
<!-- Praxis & Kontaktangaben --> <!-- Praxis & Kontaktangaben -->
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); margin-bottom: 1rem;">Angaben gemäß &sect; 5 DDG</h3> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 1rem;">Angaben gemäß &sect; 5 DDG</h2>
<p> <p>
<strong>Dialysezentrum Berlin-Mahlsdorf</strong><br> <strong>Dialysezentrum Berlin-Mahlsdorf</strong><br>
Zentrum für Nephrologie und Dialyse<br> Zentrum für Nephrologie und Dialyse<br>
@@ -12,13 +12,13 @@
12623 Berlin 12623 Berlin
</p> </p>
<h4 style="color: var(--primary-dark); margin-top: 1.25rem; margin-bottom: 0.5rem; font-size: 1rem;">Zweitstandort (Satellitendialyse)</h4> <h3 style="color: var(--primary-dark); margin-top: 1.25rem; margin-bottom: 0.5rem; font-size: 1rem;">Zweitstandort (Satellitendialyse)</h3>
<p> <p>
Blumberger Damm 130 (Eingang: Pritzhagener Weg 21)<br> Blumberger Damm 130 (Eingang: Pritzhagener Weg 21)<br>
12685 Berlin 12685 Berlin
</p> </p>
<h4 style="color: var(--primary-dark); margin-top: 1.25rem; margin-bottom: 0.5rem; font-size: 1rem;">Kontakt</h4> <h3 style="color: var(--primary-dark); margin-top: 1.25rem; margin-bottom: 0.5rem; font-size: 1rem;">Kontakt</h3>
<p style="margin-bottom: 0;"> <p style="margin-bottom: 0;">
Telefon (Dialyse): <a href="tel:+49305662484">+49 30 5662484</a><br> Telefon (Dialyse): <a href="tel:+49305662484">+49 30 5662484</a><br>
Telefon (Ambulanz): <a href="tel:+49305662539">+49 30 5662539</a><br> Telefon (Ambulanz): <a href="tel:+49305662539">+49 30 5662539</a><br>
@@ -29,7 +29,7 @@
<!-- Berufsbezeichnung & Kammern --> <!-- Berufsbezeichnung & Kammern -->
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); margin-bottom: 1rem;">Berufsbezeichnung &amp; Aufsicht</h3> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 1rem;">Berufsbezeichnung &amp; Aufsicht</h2>
<p> <p>
<strong>Gesetzliche Berufsbezeichnung:</strong> Ärztin / Fachärztin für Innere Medizin und Nephrologie<br> <strong>Gesetzliche Berufsbezeichnung:</strong> Ärztin / Fachärztin für Innere Medizin und Nephrologie<br>
<em>Berufsbezeichnungen verliehen in der Bundesrepublik Deutschland</em> <em>Berufsbezeichnungen verliehen in der Bundesrepublik Deutschland</em>
@@ -50,7 +50,7 @@
</div> </div>
<div class="card" style="margin-bottom: 2rem;"> <div class="card" style="margin-bottom: 2rem;">
<h3 style="color: var(--primary-dark); margin-bottom: 0.75rem;">Berufsrechtliche Regelungen</h3> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 0.75rem;">Berufsrechtliche Regelungen</h2>
<ul style="margin-bottom: 0.75rem;"> <ul style="margin-bottom: 0.75rem;">
<li>Berufsordnung der Ärztekammer Berlin</li> <li>Berufsordnung der Ärztekammer Berlin</li>
<li>Berliner Heilberufekammergesetz (BlnHKG)</li> <li>Berliner Heilberufekammergesetz (BlnHKG)</li>
@@ -61,7 +61,7 @@
</div> </div>
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); margin-bottom: 0.75rem;">Haftungshinweis &amp; Urheberrecht</h3> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 0.75rem;">Haftungshinweis &amp; Urheberrecht</h2>
<p> <p>
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
</p> </p>
view/main.php
+7 -7
View File
@@ -1,4 +1,4 @@
<h1>Wir wollen, dass Sie sich bei uns wohlfühlen!</h1> <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;"> <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 Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der
@@ -60,8 +60,8 @@
<div class="gallery-overlay"> <div class="gallery-overlay">
<span class="gallery-caption">Die Praxis von außen &bull; Thorner Straße</span> <span class="gallery-caption">Die Praxis von außen &bull; Thorner Straße</span>
</div> </div>
<div class="gallery-zoom-icon"> <div class="gallery-zoom-icon" aria-hidden="true">
<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> <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> </div>
</a> </a>
</div> </div>
@@ -74,8 +74,8 @@
<div class="gallery-overlay"> <div class="gallery-overlay">
<span class="gallery-caption">Modern ausgestattetes Sprechzimmer</span> <span class="gallery-caption">Modern ausgestattetes Sprechzimmer</span>
</div> </div>
<div class="gallery-zoom-icon"> <div class="gallery-zoom-icon" aria-hidden="true">
<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> <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> </div>
</a> </a>
</div> </div>
@@ -88,8 +88,8 @@
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. 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> </p>
<div style="margin-top: 1.5rem; display: flex; gap: 0.75rem; flex-wrap: wrap;"> <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 &raquo;</a> <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 &raquo;</a> <a href="/praxis.html" class="btn btn-secondary btn-sm">Praxisausstattung &amp; Zeiten <span aria-hidden="true">&raquo;</span></a>
</div> </div>
</div> </div>
</div> </div>
view/navigation.php
+5 -5
View File
@@ -3,9 +3,9 @@
$current = isset($action) ? $action : 'main'; $current = isset($action) ? $action : 'main';
?> ?>
<ul class="nav-menu" id="navMenu"> <ul class="nav-menu" id="navMenu">
<li class="nav-item"><a href="/" class="nav-link <?=$current === 'main' ? 'active' : ''?>">Startseite</a></li> <li class="nav-item"><a href="/" class="nav-link <?=$current === 'main' ? 'active' : ''?>" <?=$current === 'main' ? 'aria-current="page"' : ''?>>Startseite</a></li>
<li class="nav-item"><a href="/leistungen.html" class="nav-link <?=$current === 'leistungen' ? 'active' : ''?>">Leistungen</a></li> <li class="nav-item"><a href="/leistungen.html" class="nav-link <?=$current === 'leistungen' ? 'active' : ''?>" <?=$current === 'leistungen' ? 'aria-current="page"' : ''?>>Leistungen</a></li>
<li class="nav-item"><a href="/praxis.html" class="nav-link <?=$current === 'praxis' ? 'active' : ''?>">Praxis</a></li> <li class="nav-item"><a href="/praxis.html" class="nav-link <?=$current === 'praxis' ? 'active' : ''?>" <?=$current === 'praxis' ? 'aria-current="page"' : ''?>>Praxis</a></li>
<li class="nav-item"><a href="/team.html" class="nav-link <?=$current === 'team' ? 'active' : ''?>">Team</a></li> <li class="nav-item"><a href="/team.html" class="nav-link <?=$current === 'team' ? 'active' : ''?>" <?=$current === 'team' ? 'aria-current="page"' : ''?>>Team</a></li>
<li class="nav-item"><a href="/kontakt.html" class="nav-link <?=in_array($current, ['kontakt', 'kontakt-formular']) ? 'active' : ''?>">Kontakt</a></li> <li class="nav-item"><a href="/kontakt.html" class="nav-link <?=in_array($current, ['kontakt', 'kontakt-formular']) ? 'active' : ''?>" <?=in_array($current, ['kontakt', 'kontakt-formular']) ? 'aria-current="page"' : ''?>>Kontakt</a></li>
</ul> </ul>
view/practice.php
+22 -22
View File
@@ -7,50 +7,50 @@
<!-- Praxisausstattung Grid --> <!-- Praxisausstattung Grid -->
<div class="grid-2" style="margin-bottom: 2.5rem;"> <div class="grid-2" style="margin-bottom: 2.5rem;">
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;"> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;">
<svg style="width: 20px; height: 20px; 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> <svg aria-hidden="true" focusable="false" style="width: 20px; height: 20px; 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>
Diagnostik &amp; Plätze Diagnostik &amp; Plätze
</h3> </h2>
<ul style="list-style: none; padding: 0; margin: 0;"> <ul style="list-style: none; padding: 0; margin: 0;">
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Ambulanz:</strong> Sonographie, EKG, 24 Std. Blutdruckmessung</span> <span><strong>Ambulanz:</strong> Sonographie, EKG, 24 Std. Blutdruckmessung</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Zentrumsdialyse:</strong> 16 Behandlungsplätze</span> <span><strong>Zentrumsdialyse:</strong> 16 Behandlungsplätze</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Satellitendialyse:</strong> 18 Behandlungsplätze</span> <span><strong>Satellitendialyse:</strong> 18 Behandlungsplätze</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Osmoseaufbereitungsanlage</strong> nach neuesten Standards</span> <span><strong>Osmoseaufbereitungsanlage</strong> nach neuesten Standards</span>
</li> </li>
</ul> </ul>
</div> </div>
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;"> <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;">
<svg style="width: 20px; height: 20px; 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> <svg aria-hidden="true" focusable="false" style="width: 20px; height: 20px; 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>
Geräte &amp; Dialysetechnik Geräte &amp; Dialysetechnik
</h3> </h2>
<ul style="list-style: none; padding: 0; margin: 0;"> <ul style="list-style: none; padding: 0; margin: 0;">
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Nikkiso DBB-07 und Nikkiso DBB-EXA</strong> Dialysegeräte mit integriertem <strong>Haemo-Master (BV-UFC/COC)</strong></span> <span><strong>Nikkiso DBB-07 und Nikkiso DBB-EXA</strong> Dialysegeräte mit integriertem <strong>Haemo-Master (BV-UFC/COC)</strong></span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>BCM (Body Composition Monitor)</strong> von Fresenius zur bioelektrischen Messung des Flüssigkeitsstatus und Optimalgewichts</span> <span><strong>BCM (Body Composition Monitor)</strong> von Fresenius zur bioelektrischen Messung des Flüssigkeitsstatus und Optimalgewichts</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span>Breite Palette an <strong>High- und Low-Flux Dialysatoren</strong></span> <span>Breite Palette an <strong>High- und Low-Flux Dialysatoren</strong></span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.5rem;"> <li style="display: flex; align-items: flex-start; gap: 0.5rem;">
<span style="color: var(--accent); font-weight: bold;">&#x2713;</span> <span aria-hidden="true" style="color: var(--accent); font-weight: bold;">&#x2713;</span>
<span><strong>Laborgeräte:</strong> Säure-Basen-Messgerät und Elektrolyt-Messgerät</span> <span><strong>Laborgeräte:</strong> Säure-Basen-Messgerät und Elektrolyt-Messgerät</span>
</li> </li>
</ul> </ul>
@@ -64,7 +64,7 @@
<!-- Dialyse Schichten Card --> <!-- Dialyse Schichten Card -->
<div class="schedule-card"> <div class="schedule-card">
<div class="schedule-header"> <div class="schedule-header">
<svg viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
<h3 class="schedule-title">Dialyse-Schichten</h3> <h3 class="schedule-title">Dialyse-Schichten</h3>
</div> </div>
<ul class="schedule-list"> <ul class="schedule-list">
@@ -94,7 +94,7 @@
<!-- Ambulanz Zeiten Card --> <!-- Ambulanz Zeiten Card -->
<div class="schedule-card"> <div class="schedule-card">
<div class="schedule-header"> <div class="schedule-header">
<svg viewBox="0 0 24 24"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg> <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg>
<h3 class="schedule-title">Ambulanz-Sprechzeiten</h3> <h3 class="schedule-title">Ambulanz-Sprechzeiten</h3>
</div> </div>
<ul class="schedule-list"> <ul class="schedule-list">
@@ -129,31 +129,31 @@
<a href="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" data-lightbox="practice" data-title="Freundlicher Wartebereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" data-lightbox="practice" data-title="Freundlicher Wartebereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" alt="Freundlicher Wartebereich"> <img src="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" alt="Freundlicher Wartebereich">
<div class="gallery-overlay"><span class="gallery-caption">Freundlicher Wartebereich</span></div> <div class="gallery-overlay"><span class="gallery-caption">Freundlicher Wartebereich</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> <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> </a>
<a href="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" data-lightbox="practice" data-title="Nikkiso DBB-EXA Dialysegeräte &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" data-lightbox="practice" data-title="Nikkiso DBB-EXA Dialysegeräte &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" alt="Moderne Nikkiso DBB-EXA Dialysegeräte"> <img src="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" alt="Moderne Nikkiso DBB-EXA Dialysegeräte">
<div class="gallery-overlay"><span class="gallery-caption">Nikkiso DBB-EXA Dialysegeräte</span></div> <div class="gallery-overlay"><span class="gallery-caption">Nikkiso DBB-EXA Dialysegeräte</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> <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> </a>
<a href="/img/gallery/praxis5.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis5.jpg')?>" data-lightbox="practice" data-title="Gepflegter Vorgarten &amp; Außenbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis5.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis5.jpg')?>" data-lightbox="practice" data-title="Gepflegter Vorgarten &amp; Außenbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis5.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis5.jpg')?>" alt="Gepflegter Vorgarten und Außenbereich der Praxis"> <img src="/img/gallery/praxis5.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis5.jpg')?>" alt="Gepflegter Vorgarten und Außenbereich der Praxis">
<div class="gallery-overlay"><span class="gallery-caption">Vorgarten &amp; Außenbereich</span></div> <div class="gallery-overlay"><span class="gallery-caption">Vorgarten &amp; Außenbereich</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> <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> </a>
<a href="/img/gallery/praxis6.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis6.jpg')?>" data-lightbox="practice" data-title="Die Praxis von außen &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis6.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis6.jpg')?>" data-lightbox="practice" data-title="Die Praxis von außen &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis6.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis6.jpg')?>" alt="Die Praxis von außen"> <img src="/img/gallery/praxis6.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis6.jpg')?>" alt="Die Praxis von außen">
<div class="gallery-overlay"><span class="gallery-caption">Die Praxis von außen</span></div> <div class="gallery-overlay"><span class="gallery-caption">Die Praxis von außen</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> <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> </a>
<a href="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" data-lightbox="practice" data-title="Empfang &amp; Anmeldung &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" data-lightbox="practice" data-title="Empfang &amp; Anmeldung &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" alt="Empfang und Anmeldung im Dialysezentrum"> <img src="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" alt="Empfang und Anmeldung im Dialysezentrum">
<div class="gallery-overlay"><span class="gallery-caption">Empfang &amp; Anmeldung</span></div> <div class="gallery-overlay"><span class="gallery-caption">Empfang &amp; Anmeldung</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> <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> </a>
<a href="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" data-lightbox="practice" data-title="Ärztliches Sprechzimmer &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" data-lightbox="practice" data-title="Ärztliches Sprechzimmer &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" alt="Ärztliches Sprechzimmer und Untersuchungsraum"> <img src="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" alt="Ärztliches Sprechzimmer und Untersuchungsraum">
<div class="gallery-overlay"><span class="gallery-caption">Ärztliches Sprechzimmer</span></div> <div class="gallery-overlay"><span class="gallery-caption">Ärztliches Sprechzimmer</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> <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> </a>
</div> </div>
view/services.php
+26 -26
View File
@@ -7,50 +7,50 @@
<!-- Leistungsübersicht --> <!-- Leistungsübersicht -->
<div class="grid-2" style="margin-bottom: 2.5rem;"> <div class="grid-2" style="margin-bottom: 2.5rem;">
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;"> <h2 style="font-size: 1.25rem; margin-top: 0; 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> <svg aria-hidden="true" focusable="false" 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 Nephrologische Ambulanz
</h3> </h2>
<ul style="list-style: none; padding: 0; margin: 0;"> <ul style="list-style: none; padding: 0; margin: 0;">
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Umfassende <strong>Diagnostik und Therapie</strong> akuter und chronischer Nierenerkrankungen</span> <span>Umfassende <strong>Diagnostik und Therapie</strong> akuter und chronischer Nierenerkrankungen</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Optimale <strong>Blutdruck- und Blutzuckereinstellung</strong> als wesentlicher Therapieschwerpunkt</span> <span>Optimale <strong>Blutdruck- und Blutzuckereinstellung</strong> als wesentlicher Therapieschwerpunkt</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span> <span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Ultraschalldiagnostik (Sonographie)</strong> der Nieren und Bauchorgane (Abdomen)</span> <span><strong>Ultraschalldiagnostik (Sonographie)</strong> der Nieren und Bauchorgane (Abdomen)</span>
</li> </li>
</ul> </ul>
</div> </div>
<div class="card"> <div class="card">
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;"> <h2 style="font-size: 1.25rem; margin-top: 0; 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> <svg aria-hidden="true" focusable="false" 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 Dialyse &amp; Betreuung
</h3> </h2>
<ul style="list-style: none; padding: 0; margin: 0;"> <ul style="list-style: none; padding: 0; margin: 0;">
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Hämodialyse (HD)</strong> und <strong>Hämodiafiltration (HDF / Online-HDF)</strong> mit Nikkiso <strong>Haemo-Master</strong></span> <span><strong>Hämodialyse (HD)</strong> und <strong>Hämodiafiltration (HDF / Online-HDF)</strong> mit Nikkiso <strong>Haemo-Master</strong></span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" 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> <span><strong>Bioelektrische Messung des Flüssigkeitsstatus</strong> mit dem Fresenius BCM</span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Transplantationsvorbereitung</strong> und langfristige <strong>Nachsorge nach Nierentransplantation</strong></span> <span><strong>Transplantationsvorbereitung</strong> und langfristige <strong>Nachsorge nach Nierentransplantation</strong></span>
</li> </li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;"> <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 aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Individuelle <strong>Ernährungsberatung</strong> für Nieren- und Dialysepatienten</span> <span>Individuelle <strong>Ernährungsberatung</strong> für Nieren- und Dialysepatienten</span>
</li> </li>
</ul> </ul>
@@ -60,8 +60,8 @@
<!-- Highlight 1: BCM Fresenius --> <!-- Highlight 1: BCM Fresenius -->
<div class="highlight-panel"> <div class="highlight-panel">
<span class="highlight-badge">Präzise Diagnostik</span> <span class="highlight-badge">Präzise Diagnostik</span>
<h2 class="highlight-panel-title"> <h2 class="highlight-panel-title" style="margin-top: 0;">
<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> <svg aria-hidden="true" focusable="false" 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>
Bestimmung des Flüssigkeitsstatus mit dem BCM (Body Composition Monitor) von Fresenius Bestimmung des Flüssigkeitsstatus mit dem BCM (Body Composition Monitor) von Fresenius
</h2> </h2>
<p> <p>
@@ -74,13 +74,13 @@
<div class="condition-grid"> <div class="condition-grid">
<div class="condition-card condition-warning"> <div class="condition-card condition-warning">
<div class="condition-title"> <div class="condition-title">
<span>&#x26A0;</span> Überwässerung (Hyperhydratation) <span aria-hidden="true">&#x26A0;</span> Überwässerung (Hyperhydratation)
</div> </div>
<div>Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div> <div>Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div>
</div> </div>
<div class="condition-card condition-info"> <div class="condition-card condition-info">
<div class="condition-title"> <div class="condition-title">
<span>&#x2139;</span> Unterwässerung (Dehydratation) <span aria-hidden="true">&#x2139;</span> Unterwässerung (Dehydratation)
</div> </div>
<div>Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.</div> <div>Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.</div>
</div> </div>
@@ -94,8 +94,8 @@
<!-- Highlight 2: Haemo-Master Nikkiso --> <!-- Highlight 2: Haemo-Master Nikkiso -->
<div class="highlight-panel"> <div class="highlight-panel">
<span class="highlight-badge">Schonende &amp; Individuelle Dialyse</span> <span class="highlight-badge">Schonende &amp; Individuelle Dialyse</span>
<h2 class="highlight-panel-title"> <h2 class="highlight-panel-title" style="margin-top: 0;">
<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> <svg aria-hidden="true" focusable="false" 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 Blutvolumenmonitoring &amp; Biofeedback-Regelung mit dem Haemo-Master von Nikkiso
</h2> </h2>
<p> <p>
@@ -117,31 +117,31 @@
<a href="/img/gallery/behandlung1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1.jpg')?>" data-lightbox="services" data-title="Individueller Dialyseplatz &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item"> <a href="/img/gallery/behandlung1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1.jpg')?>" data-lightbox="services" data-title="Individueller Dialyseplatz &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/behandlung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1_thumb.jpg')?>" alt="Individueller Dialyseplatz mit Nikkiso DBB-EXA"> <img src="/img/gallery/behandlung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung1_thumb.jpg')?>" alt="Individueller Dialyseplatz mit Nikkiso DBB-EXA">
<div class="gallery-overlay"><span class="gallery-caption">Individueller Dialyseplatz</span></div> <div class="gallery-overlay"><span class="gallery-caption">Individueller 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> <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> </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"> <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"> <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-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> <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> </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"> <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"> <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-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> <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> </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"> <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"> <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-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> <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> </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"> <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"> <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-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> <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> </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"> <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"> <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-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> <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> </a>
</div> </div>
view/team.php
+14 -14
View File
@@ -8,17 +8,17 @@
<div class="grid-3" style="margin-bottom: 2.5rem;"> <div class="grid-3" style="margin-bottom: 2.5rem;">
<!-- Dr. med. Bianca Bischoff --> <!-- Dr. med. Bianca Bischoff -->
<div class="doctor-card"> <div class="doctor-card">
<div class="doctor-avatar"> <div class="doctor-avatar" aria-hidden="true">
<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> <svg aria-hidden="true" focusable="false" 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>
<div class="doctor-info"> <div class="doctor-info">
<h3 class="doctor-name">Dr. med. Bianca Bischoff</h3> <h2 class="doctor-name" style="margin-top: 0;">Dr. med. Bianca Bischoff</h2>
<div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div> <div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div>
<div class="doctor-meta"> <div class="doctor-meta">
<div><strong>Approbation:</strong> 2002 in Berlin</div> <div><strong>Approbation:</strong> 2002 in Berlin</div>
</div> </div>
<div class="chamber-badge"> <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> <svg aria-hidden="true" focusable="false" 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 Mitglied der Ärztekammer Berlin
</div> </div>
</div> </div>
@@ -26,17 +26,17 @@
<!-- Dr. med. Juliane Hoffzimmer --> <!-- Dr. med. Juliane Hoffzimmer -->
<div class="doctor-card"> <div class="doctor-card">
<div class="doctor-avatar"> <div class="doctor-avatar" aria-hidden="true">
<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> <svg aria-hidden="true" focusable="false" 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>
<div class="doctor-info"> <div class="doctor-info">
<h3 class="doctor-name">Dr. med. Juliane Hoffzimmer</h3> <h2 class="doctor-name" style="margin-top: 0;">Dr. med. Juliane Hoffzimmer</h2>
<div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div> <div class="doctor-title">Fachärztin für Innere Medizin &amp; Nephrologie</div>
<div class="doctor-meta"> <div class="doctor-meta">
<div><strong>Approbation:</strong> 2009 in Berlin</div> <div><strong>Approbation:</strong> 2009 in Berlin</div>
</div> </div>
<div class="chamber-badge"> <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> <svg aria-hidden="true" focusable="false" 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 Mitglied der Ärztekammer Berlin
</div> </div>
</div> </div>
@@ -44,17 +44,17 @@
<!-- Dr. med. Claudia Körner --> <!-- Dr. med. Claudia Körner -->
<div class="doctor-card"> <div class="doctor-card">
<div class="doctor-avatar"> <div class="doctor-avatar" aria-hidden="true">
<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> <svg aria-hidden="true" focusable="false" 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>
<div class="doctor-info"> <div class="doctor-info">
<h3 class="doctor-name">Dr. med. Claudia Körner</h3> <h2 class="doctor-name" style="margin-top: 0;">Dr. med. Claudia Körner</h2>
<div class="doctor-title">Fachärztin für Innere Medizin</div> <div class="doctor-title">Fachärztin für Innere Medizin</div>
<div class="doctor-meta"> <div class="doctor-meta">
<div><strong>Approbation:</strong> 2004 in Berlin</div> <div><strong>Approbation:</strong> 2004 in Berlin</div>
</div> </div>
<div class="chamber-badge"> <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> <svg aria-hidden="true" focusable="false" 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 Mitglied der Ärztekammer Berlin
</div> </div>
</div> </div>
@@ -64,8 +64,8 @@
<!-- Mitarbeiter & Pflegekräfte Card --> <!-- Mitarbeiter & Pflegekräfte Card -->
<div class="card" style="background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%); border-left: 4px solid var(--accent); padding: clamp(1.25rem, 3vw, 2rem);"> <div class="card" style="background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%); border-left: 4px solid var(--accent); padding: clamp(1.25rem, 3vw, 2rem);">
<div style="display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;"> <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);"> <div aria-hidden="true" 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> <svg aria-hidden="true" focusable="false" 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>
<div style="flex: 1 1 200px; min-width: 0;"> <div style="flex: 1 1 200px; min-width: 0;">
<h2 style="margin: 0 0 0.5rem 0; font-size: 1.4rem; color: var(--primary-dark);"> <h2 style="margin: 0 0 0.5rem 0; font-size: 1.4rem; color: var(--primary-dark);">