forked from itchy/Dialyse-Webseite
Accessibility fixes.
This commit is contained in:
chriz committed
1 parent
02c92db1e5
commit
014422e0b6
12 files changed
+262
-176
No files matched your search
+96
-12
@@ -18,7 +18,7 @@
|
||||
--primary-light: #e6f4f8;
|
||||
--primary-hover: #0e6285;
|
||||
|
||||
--accent: #0284c7;
|
||||
--accent: #0277b5;
|
||||
--accent-hover: #0369a1;
|
||||
--accent-light: #e0f2fe;
|
||||
--accent-dark: #075985;
|
||||
@@ -32,21 +32,21 @@
|
||||
--bg-alt: #f1f5f9;
|
||||
|
||||
--text-main: #1e293b;
|
||||
--text-muted: #64748b;
|
||||
--text-muted: #475569;
|
||||
--text-light: #94a3b8;
|
||||
--text-white: #ffffff;
|
||||
|
||||
--border: #e2e8f0;
|
||||
--border-focus: #0284c7;
|
||||
--border-focus: #0277b5;
|
||||
|
||||
/* State Colors */
|
||||
--success: #16a34a;
|
||||
--success: #166534;
|
||||
--success-bg: #dcfce7;
|
||||
--success-border: #86efac;
|
||||
--danger: #dc2626;
|
||||
--danger: #b91c1c;
|
||||
--danger-bg: #fee2e2;
|
||||
--danger-border: #fca5a5;
|
||||
--warning: #d97706;
|
||||
--warning: #b45309;
|
||||
--warning-bg: #fef3c7;
|
||||
|
||||
/* Shadows */
|
||||
@@ -113,6 +113,59 @@ a:hover {
|
||||
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 {
|
||||
margin-bottom: 1.15rem;
|
||||
}
|
||||
@@ -128,15 +181,18 @@ h1, h2, h3, h4, h5, h6 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
h1,
|
||||
.h1-style {
|
||||
font-size: 2rem;
|
||||
letter-spacing: -0.02em;
|
||||
position: relative;
|
||||
padding-bottom: 0.75rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
h1::after {
|
||||
h1::after,
|
||||
.h1-style::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -975,7 +1031,8 @@ li {
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.gallery-item:hover .gallery-overlay {
|
||||
.gallery-item:hover .gallery-overlay,
|
||||
.gallery-item:focus-visible .gallery-overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -1002,7 +1059,8 @@ li {
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.gallery-item:hover .gallery-zoom-icon {
|
||||
.gallery-item:hover .gallery-zoom-icon,
|
||||
.gallery-item:focus-visible .gallery-zoom-icon {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
}
|
||||
@@ -1461,7 +1519,7 @@ textarea.form-control {
|
||||
.footer-bottom {
|
||||
padding: 1.5rem 0;
|
||||
font-size: 0.85rem;
|
||||
color: #64748b;
|
||||
color: #94a3b8;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -1470,7 +1528,7 @@ textarea.form-control {
|
||||
}
|
||||
|
||||
.footer-bottom a {
|
||||
color: #94a3b8;
|
||||
color: #cbd5e1;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
@@ -1779,4 +1837,30 @@ h1, h2, h3, h4, p, li, .card, .location-card, .contact-detail-value, .btn {
|
||||
.form-actions .btn {
|
||||
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;
|
||||
}
|
||||
}
|
||||
+4
-4
@@ -64,8 +64,8 @@ function showMapLocation(loc) {
|
||||
$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');
|
||||
|
||||
$btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary');
|
||||
$btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary');
|
||||
$btnMahlsdorf.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false');
|
||||
$btnSatellit.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true');
|
||||
} 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('title', 'Karte Zentrumsdialyse Berlin-Mahlsdorf');
|
||||
@@ -73,7 +73,7 @@ function showMapLocation(loc) {
|
||||
$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');
|
||||
|
||||
$btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary');
|
||||
$btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary');
|
||||
$btnMahlsdorf.removeClass('btn-outline-primary').addClass('btn-primary').attr('aria-pressed', 'true');
|
||||
$btnSatellit.removeClass('btn-primary').addClass('btn-outline-primary').attr('aria-pressed', 'false');
|
||||
}
|
||||
}
|
||||
+15
-15
@@ -5,11 +5,11 @@ $form = $session->get('form');
|
||||
|
||||
<div class="form-card">
|
||||
<?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'): ?>
|
||||
<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: ?>
|
||||
<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; ?>
|
||||
<div><?=$session->get('alert')?></div>
|
||||
</div>
|
||||
@@ -18,9 +18,9 @@ $form = $session->get('form');
|
||||
|
||||
<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.
|
||||
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.
|
||||
</p>
|
||||
|
||||
@@ -37,39 +37,39 @@ $form = $session->get('form');
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<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 class="form-group">
|
||||
<label class="form-label" for="name">Nachname <span class="required">*</span></label>
|
||||
<input type="text" class="form-control" name="name" id="name" required placeholder="Ihr Nachname" value="<?=isset($form) ? htmlspecialchars($form['name']) : ''?>">
|
||||
<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" autocomplete="family-name" required placeholder="Ihr Nachname" value="<?=isset($form) ? htmlspecialchars($form['name']) : ''?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<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>
|
||||
<input type="email" class="form-control" name="email" id="email" required placeholder="ihre.adresse@example.de" value="<?=isset($form) ? htmlspecialchars($form['email']) : ''?>">
|
||||
<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" autocomplete="email" aria-describedby="form-instructions" required placeholder="ihre.adresse@example.de" value="<?=isset($form) ? htmlspecialchars($form['email']) : ''?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="phone">Telefonnummer <span class="required" 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']) : ''?>">
|
||||
<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" autocomplete="tel" aria-describedby="form-instructions" required placeholder="030 12345678" value="<?=isset($form) ? htmlspecialchars($form['phone']) : ''?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<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.
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="button" class="btn btn-outline-primary" onclick="history.back();">Abbrechen</button>
|
||||
<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
|
||||
</button>
|
||||
</div>
|
||||
|
||||
+25
-25
@@ -10,26 +10,26 @@
|
||||
<!-- Zentrumsdialyse Card -->
|
||||
<div class="location-card">
|
||||
<div class="location-header">
|
||||
<div class="location-badge">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
|
||||
<div class="location-badge" aria-hidden="true">
|
||||
<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>
|
||||
<h2 class="location-title">Zentrumsdialyse (Hauptstandort)</h2>
|
||||
</div>
|
||||
|
||||
<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-value">
|
||||
Thorner Straße 1<br>
|
||||
12623 Berlin – 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;">
|
||||
<span>» In Google Maps öffnen</span>
|
||||
<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 aria-hidden="true">»</span> <span>In Google Maps öffnen</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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-value">
|
||||
<a href="tel:0305662484"><strong>030 / 566 24 84</strong></a>
|
||||
@@ -37,7 +37,7 @@
|
||||
</div>
|
||||
|
||||
<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-value">
|
||||
<a href="tel:0305662539"><strong>030 / 566 25 39</strong></a>
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
|
||||
<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-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;">
|
||||
@@ -59,27 +59,27 @@
|
||||
<!-- Satellitendialyse Card -->
|
||||
<div class="location-card">
|
||||
<div class="location-header">
|
||||
<div class="location-badge">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
|
||||
<div class="location-badge" aria-hidden="true">
|
||||
<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>
|
||||
<h2 class="location-title">Satellitendialyse</h2>
|
||||
</div>
|
||||
|
||||
<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-value">
|
||||
Blumberger Damm 130<br>
|
||||
<small style="color: var(--text-muted);">(Eingang: Pritzhagener Weg 21)</small><br>
|
||||
12685 Berlin – 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;">
|
||||
<span>» In Google Maps öffnen</span>
|
||||
<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 aria-hidden="true">»</span> <span>In Google Maps öffnen</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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-value">
|
||||
<a href="tel:0305662484"><strong>030 / 566 24 84</strong></a>
|
||||
@@ -87,7 +87,7 @@
|
||||
</div>
|
||||
|
||||
<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-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;">
|
||||
@@ -100,15 +100,15 @@
|
||||
<!-- Action Links & Download -->
|
||||
<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%;">
|
||||
<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@tkatnok</span>
|
||||
</a>
|
||||
<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>
|
||||
Online-Kontaktformular aufrufen »
|
||||
<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 <span aria-hidden="true">»</span>
|
||||
</a>
|
||||
<a href="/files/dialyse_flyer.pdf" target="_blank" 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>
|
||||
<a href="/files/dialyse_flyer.pdf" target="_blank" rel="noopener" class="btn btn-outline-primary" style="width: 100%;">
|
||||
<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)
|
||||
</a>
|
||||
</div>
|
||||
@@ -118,10 +118,10 @@
|
||||
<div>
|
||||
<div class="map-card">
|
||||
<div class="map-header">
|
||||
<span class="map-header-title" id="mapHeaderTitle">Standortkarte • Berlin-Mahlsdorf</span>
|
||||
<div 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="btnMapSatellit" class="btn btn-sm btn-outline-primary" onclick="showMapLocation('satellit');">Satellit</button>
|
||||
<h2 class="map-header-title" id="mapHeaderTitle" style="margin: 0;">Standortkarte • Berlin-Mahlsdorf</h2>
|
||||
<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" aria-pressed="true" onclick="showMapLocation('mahlsdorf');">Zentrum</button>
|
||||
<button type="button" id="btnMapSatellit" class="btn btn-sm btn-outline-primary" aria-pressed="false" onclick="showMapLocation('satellit');">Satellit</button>
|
||||
</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;">
|
||||
<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;">
|
||||
Große Routenkarte »
|
||||
Große Routenkarte <span aria-hidden="true">»</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+2
-2
@@ -1,6 +1,6 @@
|
||||
<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;">
|
||||
<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>
|
||||
<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 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>
|
||||
<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;">
|
||||
|
||||
+40
-38
@@ -42,32 +42,33 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Zum Hauptinhalt springen</a>
|
||||
<div id="outer-container">
|
||||
|
||||
<!-- Top Info Bar -->
|
||||
<div class="top-bar">
|
||||
<div class="container top-bar-inner">
|
||||
<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">
|
||||
<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>
|
||||
<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" 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>
|
||||
</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">
|
||||
<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>
|
||||
<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" 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>
|
||||
</a>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<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
|
||||
</a>
|
||||
<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
|
||||
</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;">
|
||||
<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@tkatnok</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -84,18 +85,18 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
</a>
|
||||
|
||||
<!-- Navigation Menu -->
|
||||
<nav id="siteNav">
|
||||
<nav id="siteNav" aria-label="Hauptnavigation">
|
||||
<?php include('view/navigation.php'); ?>
|
||||
</nav>
|
||||
|
||||
<!-- Actions & Mobile Toggle -->
|
||||
<div class="header-actions">
|
||||
<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>
|
||||
</a>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<svg viewBox="0 0 24 24" id="toggleIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="Menü öffnen" aria-expanded="false" aria-controls="navMenu">
|
||||
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" id="toggleIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -103,14 +104,14 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
|
||||
<!-- Holiday / Announcement Dialog (if configured) -->
|
||||
<?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="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>
|
||||
<button type="button" class="holiday-dismiss-btn" data-dismiss="dialog">
|
||||
<span>✕ Schließen</span>
|
||||
<span aria-hidden="true">✕</span> <span>Schließen</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -118,11 +119,11 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
|
||||
<!-- Hero / Motto Banner on Homepage -->
|
||||
<?php if($currentAction === 'main'): ?>
|
||||
<section class="hero-banner">
|
||||
<section class="hero-banner" aria-label="Willkommensbereich">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<div class="hero-badge">
|
||||
<span>✔</span> „Die individuelle Dialyse im grünen Gürtel von Berlin“
|
||||
<span aria-hidden="true">✔</span> „Die individuelle Dialyse im grünen Gürtel von Berlin“
|
||||
</div>
|
||||
<h1 class="hero-title">Dialysezentrum Berlin-Mahlsdorf</h1>
|
||||
<div class="hero-subtitle">
|
||||
@@ -138,8 +139,8 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-wave">
|
||||
<svg viewBox="0 0 1000 100" preserveAspectRatio="none">
|
||||
<div class="hero-wave" aria-hidden="true">
|
||||
<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>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -148,17 +149,17 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
<div class="page-banner">
|
||||
<div class="container page-banner-inner">
|
||||
<div>
|
||||
<div class="breadcrumb">
|
||||
<a href="/">Startseite</a> ›
|
||||
<span><?=htmlspecialchars(explode('|', $pageTitle)[0])?></span>
|
||||
</div>
|
||||
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
|
||||
<a href="/">Startseite</a> <span aria-hidden="true">›</span>
|
||||
<span aria-current="page"><?=htmlspecialchars(trim(explode('|', $pageTitle)[0]))?></span>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- Main Content Area -->
|
||||
<main class="site-main">
|
||||
<main id="main-content" class="site-main" tabindex="-1">
|
||||
<div class="container">
|
||||
<div class="content-card">
|
||||
<?=$content?>
|
||||
@@ -178,11 +179,11 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
Individuelle nephrologische Betreuung und ganzjährige Feriendialysen mit moderner Medizintechnik.
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -191,12 +192,12 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
<div>
|
||||
<div class="footer-col-title">Navigation</div>
|
||||
<ul class="footer-links">
|
||||
<li><a href="/">› Startseite</a></li>
|
||||
<li><a href="/leistungen.html">› Leistungen</a></li>
|
||||
<li><a href="/praxis.html">› Praxisausstattung</a></li>
|
||||
<li><a href="/team.html">› Unser Team</a></li>
|
||||
<li><a href="/kontakt.html">› Kontakt & Anfahrt</a></li>
|
||||
<li><a href="/kontakt-formular.html">› Kontaktformular</a></li>
|
||||
<li><a href="/"><span aria-hidden="true">›</span> Startseite</a></li>
|
||||
<li><a href="/leistungen.html"><span aria-hidden="true">›</span> Leistungen</a></li>
|
||||
<li><a href="/praxis.html"><span aria-hidden="true">›</span> Praxisausstattung</a></li>
|
||||
<li><a href="/team.html"><span aria-hidden="true">›</span> Unser Team</a></li>
|
||||
<li><a href="/kontakt.html"><span aria-hidden="true">›</span> Kontakt & Anfahrt</a></li>
|
||||
<li><a href="/kontakt-formular.html"><span aria-hidden="true">›</span> Kontaktformular</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -204,20 +205,20 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
<div>
|
||||
<div class="footer-col-title">Kontakt & Erreichbarkeit</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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@tkatnok</span></a></span>
|
||||
</div>
|
||||
<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>
|
||||
<span><a href="/files/dialyse_flyer.pdf" target="_blank" style="color: #38bdf8; font-weight:600;">» Praxis-Flyer herunterladen (PDF)</a></span>
|
||||
<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" rel="noopener" style="color: #38bdf8; font-weight:600;"><span aria-hidden="true">»</span> Praxis-Flyer herunterladen (PDF)</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -281,6 +282,7 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
var isOpen = $navMenu.hasClass('is-open');
|
||||
$navMenu.toggleClass('is-open');
|
||||
$navToggle.attr('aria-expanded', !isOpen);
|
||||
$navToggle.attr('aria-label', !isOpen ? 'Menü schließen' : 'Menü öffnen');
|
||||
|
||||
// Toggle hamburger icon to X
|
||||
if(!isOpen) {
|
||||
@@ -295,7 +297,7 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
if (!$(e.target).closest('#siteNav, #navToggle').length) {
|
||||
if ($navMenu.hasClass('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"/>');
|
||||
}
|
||||
}
|
||||
@@ -305,7 +307,7 @@ $currentAction = isset($action) ? $action : 'main';
|
||||
$(document).on('keydown', function(e) {
|
||||
if (e.key === 'Escape' && $navMenu.hasClass('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"/>');
|
||||
}
|
||||
});
|
||||
|
||||
+6
-6
@@ -3,7 +3,7 @@
|
||||
<div class="grid-2" style="margin-bottom: 2rem;">
|
||||
<!-- Praxis & Kontaktangaben -->
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); margin-bottom: 1rem;">Angaben gemäß § 5 DDG</h3>
|
||||
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 1rem;">Angaben gemäß § 5 DDG</h2>
|
||||
<p>
|
||||
<strong>Dialysezentrum Berlin-Mahlsdorf</strong><br>
|
||||
Zentrum für Nephrologie und Dialyse<br>
|
||||
@@ -12,13 +12,13 @@
|
||||
12623 Berlin
|
||||
</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>
|
||||
Blumberger Damm 130 (Eingang: Pritzhagener Weg 21)<br>
|
||||
12685 Berlin
|
||||
</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;">
|
||||
Telefon (Dialyse): <a href="tel:+49305662484">+49 30 5662484</a><br>
|
||||
Telefon (Ambulanz): <a href="tel:+49305662539">+49 30 5662539</a><br>
|
||||
@@ -29,7 +29,7 @@
|
||||
|
||||
<!-- Berufsbezeichnung & Kammern -->
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); margin-bottom: 1rem;">Berufsbezeichnung & Aufsicht</h3>
|
||||
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 1rem;">Berufsbezeichnung & Aufsicht</h2>
|
||||
<p>
|
||||
<strong>Gesetzliche Berufsbezeichnung:</strong> Ärztin / Fachärztin für Innere Medizin und Nephrologie<br>
|
||||
<em>Berufsbezeichnungen verliehen in der Bundesrepublik Deutschland</em>
|
||||
@@ -50,7 +50,7 @@
|
||||
</div>
|
||||
|
||||
<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;">
|
||||
<li>Berufsordnung der Ärztekammer Berlin</li>
|
||||
<li>Berliner Heilberufekammergesetz (BlnHKG)</li>
|
||||
@@ -61,7 +61,7 @@
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); margin-bottom: 0.75rem;">Haftungshinweis & Urheberrecht</h3>
|
||||
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 0.75rem;">Haftungshinweis & Urheberrecht</h2>
|
||||
<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.
|
||||
</p>
|
||||
|
||||
+7
-7
@@ -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;">
|
||||
Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der
|
||||
@@ -60,8 +60,8 @@
|
||||
<div class="gallery-overlay">
|
||||
<span class="gallery-caption">Die Praxis von außen • Thorner Straße</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 class="gallery-zoom-icon" aria-hidden="true">
|
||||
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -74,8 +74,8 @@
|
||||
<div class="gallery-overlay">
|
||||
<span class="gallery-caption">Modern ausgestattetes 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 class="gallery-zoom-icon" aria-hidden="true">
|
||||
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -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.
|
||||
</p>
|
||||
<div style="margin-top: 1.5rem; display: flex; gap: 0.75rem; flex-wrap: wrap;">
|
||||
<a href="/leistungen.html" class="btn btn-primary btn-sm">Mehr zu den Leistungen »</a>
|
||||
<a href="/praxis.html" class="btn btn-secondary btn-sm">Praxisausstattung & Zeiten »</a>
|
||||
<a href="/leistungen.html" class="btn btn-primary btn-sm">Mehr zu den Leistungen <span aria-hidden="true">»</span></a>
|
||||
<a href="/praxis.html" class="btn btn-secondary btn-sm">Praxisausstattung & Zeiten <span aria-hidden="true">»</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
+5
-5
@@ -3,9 +3,9 @@
|
||||
$current = isset($action) ? $action : 'main';
|
||||
?>
|
||||
<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="/leistungen.html" class="nav-link <?=$current === 'leistungen' ? 'active' : ''?>">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="/team.html" class="nav-link <?=$current === 'team' ? 'active' : ''?>">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="/" 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' : ''?>" <?=$current === 'leistungen' ? 'aria-current="page"' : ''?>>Leistungen</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' : ''?>" <?=$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' : ''?>" <?=in_array($current, ['kontakt', 'kontakt-formular']) ? 'aria-current="page"' : ''?>>Kontakt</a></li>
|
||||
</ul>
|
||||
+22
-22
@@ -7,50 +7,50 @@
|
||||
<!-- Praxisausstattung Grid -->
|
||||
<div class="grid-2" style="margin-bottom: 2.5rem;">
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 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>
|
||||
<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 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 & Plätze
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>Ambulanz:</strong> Sonographie, EKG, 24 Std. Blutdruckmessung</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>Zentrumsdialyse:</strong> 16 Behandlungsplätze</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>Satellitendialyse:</strong> 18 Behandlungsplätze</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>Osmoseaufbereitungsanlage</strong> nach neuesten Standards</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3 style="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>
|
||||
<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 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 & Dialysetechnik
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</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 style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>BCM (Body Composition Monitor)</strong> von Fresenius zur bioelektrischen Messung des Flüssigkeitsstatus und Optimalgewichts</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.75rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span>Breite Palette an <strong>High- und Low-Flux Dialysatoren</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.5rem;">
|
||||
<span style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold;">✓</span>
|
||||
<span><strong>Laborgeräte:</strong> Säure-Basen-Messgerät und Elektrolyt-Messgerät</span>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -64,7 +64,7 @@
|
||||
<!-- Dialyse Schichten Card -->
|
||||
<div class="schedule-card">
|
||||
<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>
|
||||
</div>
|
||||
<ul class="schedule-list">
|
||||
@@ -94,7 +94,7 @@
|
||||
<!-- Ambulanz Zeiten Card -->
|
||||
<div class="schedule-card">
|
||||
<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>
|
||||
</div>
|
||||
<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 • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<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-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 href="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" data-lightbox="practice" data-title="Nikkiso DBB-EXA Dialysegeräte • 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">
|
||||
<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 href="/img/gallery/praxis5.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis5.jpg')?>" data-lightbox="practice" data-title="Gepflegter Vorgarten & Außenbereich • 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">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Vorgarten & 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 href="/img/gallery/praxis6.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis6.jpg')?>" data-lightbox="practice" data-title="Die Praxis von außen • 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">
|
||||
<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 href="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" data-lightbox="practice" data-title="Empfang & Anmeldung • 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">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Empfang & 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 href="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" data-lightbox="practice" data-title="Ärztliches Sprechzimmer • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<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-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>
|
||||
</div>
|
||||
+26
-26
@@ -7,50 +7,50 @@
|
||||
<!-- Leistungsübersicht -->
|
||||
<div class="grid-2" style="margin-bottom: 2.5rem;">
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
<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 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
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Umfassende <strong>Diagnostik und Therapie</strong> akuter und chronischer Nierenerkrankungen</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Optimale <strong>Blutdruck- und Blutzuckereinstellung</strong> als wesentlicher Therapieschwerpunkt</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Ultraschalldiagnostik (Sonographie)</strong> der Nieren und Bauchorgane (Abdomen)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3 style="color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
|
||||
<svg style="width: 22px; height: 22px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
|
||||
<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 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 & Betreuung
|
||||
</h3>
|
||||
</h2>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Hämodialyse (HD)</strong> und <strong>Hämodiafiltration (HDF / Online-HDF)</strong> mit Nikkiso <strong>Haemo-Master</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Bioelektrische Messung des Flüssigkeitsstatus</strong> mit dem Fresenius BCM</span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span><strong>Transplantationsvorbereitung</strong> und langfristige <strong>Nachsorge nach Nierentransplantation</strong></span>
|
||||
</li>
|
||||
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
|
||||
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">✓</span>
|
||||
<span>Individuelle <strong>Ernährungsberatung</strong> für Nieren- und Dialysepatienten</span>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -60,8 +60,8 @@
|
||||
<!-- Highlight 1: BCM Fresenius -->
|
||||
<div class="highlight-panel">
|
||||
<span class="highlight-badge">Präzise Diagnostik</span>
|
||||
<h2 class="highlight-panel-title">
|
||||
<svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
|
||||
<h2 class="highlight-panel-title" style="margin-top: 0;">
|
||||
<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
|
||||
</h2>
|
||||
<p>
|
||||
@@ -74,13 +74,13 @@
|
||||
<div class="condition-grid">
|
||||
<div class="condition-card condition-warning">
|
||||
<div class="condition-title">
|
||||
<span>⚠</span> Überwässerung (Hyperhydratation)
|
||||
<span aria-hidden="true">⚠</span> Überwässerung (Hyperhydratation)
|
||||
</div>
|
||||
<div>Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div>
|
||||
</div>
|
||||
<div class="condition-card condition-info">
|
||||
<div class="condition-title">
|
||||
<span>ℹ</span> Unterwässerung (Dehydratation)
|
||||
<span aria-hidden="true">ℹ</span> Unterwässerung (Dehydratation)
|
||||
</div>
|
||||
<div>Kann schwere Blutdruckabfälle, schmerzhafte Muskelkrämpfe und Kopfschmerzen verursachen.</div>
|
||||
</div>
|
||||
@@ -94,8 +94,8 @@
|
||||
<!-- Highlight 2: Haemo-Master Nikkiso -->
|
||||
<div class="highlight-panel">
|
||||
<span class="highlight-badge">Schonende & Individuelle Dialyse</span>
|
||||
<h2 class="highlight-panel-title">
|
||||
<svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
|
||||
<h2 class="highlight-panel-title" style="margin-top: 0;">
|
||||
<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 & Biofeedback-Regelung mit dem Haemo-Master von Nikkiso
|
||||
</h2>
|
||||
<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 • 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">
|
||||
<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 href="/img/gallery/behandlung2.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2.jpg')?>" data-lightbox="services" data-title="Dialyseplatz mit Nikkiso-Technik • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/behandlung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/behandlung2_thumb.jpg')?>" alt="Dialyseplatz mit Nikkiso Dialysegerät">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseplatz mit Nikkiso-Technik</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<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 href="/img/gallery/leistung1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1.jpg')?>" data-lightbox="services" data-title="Komfort-Dialyseplatz am Fenster • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung1_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung1_thumb.jpg')?>" alt="Komfort-Dialyseplatz am Fenster">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Komfort-Dialyseplatz am Fenster</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<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 href="/img/gallery/leistung2.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2.jpg')?>" data-lightbox="services" data-title="Blick in die Behandlungsräume • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung2_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung2_thumb.jpg')?>" alt="Blick vom Flur in die hellen Behandlungsräume">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Blick in die Behandlungsräume</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<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 href="/img/gallery/leistung3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3.jpg')?>" data-lightbox="services" data-title="Dialyseraum mit Patienten-TV • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung3_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung3_thumb.jpg')?>" alt="Dialyseraum mit mehreren Behandlungsplätzen und TV">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseraum mit Patienten-TV</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<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 href="/img/gallery/leistung4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4.jpg')?>" data-lightbox="services" data-title="Dialyseplätze mit Blick ins Grüne • Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
|
||||
<img src="/img/gallery/leistung4_thumb.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/leistung4_thumb.jpg')?>" alt="Dialyseplätze am Erkerfenster mit Blick ins Grüne">
|
||||
<div class="gallery-overlay"><span class="gallery-caption">Dialyseplätze mit Blick ins Grüne</span></div>
|
||||
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
<div class="gallery-zoom-icon" aria-hidden="true"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
|
||||
</a>
|
||||
</div>
|
||||
+14
-14
@@ -8,17 +8,17 @@
|
||||
<div class="grid-3" style="margin-bottom: 2.5rem;">
|
||||
<!-- Dr. med. Bianca Bischoff -->
|
||||
<div class="doctor-card">
|
||||
<div class="doctor-avatar">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
|
||||
<div class="doctor-avatar" aria-hidden="true">
|
||||
<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 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 & Nephrologie</div>
|
||||
<div class="doctor-meta">
|
||||
<div><strong>Approbation:</strong> 2002 in Berlin</div>
|
||||
</div>
|
||||
<div class="chamber-badge">
|
||||
<svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
|
||||
<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
|
||||
</div>
|
||||
</div>
|
||||
@@ -26,17 +26,17 @@
|
||||
|
||||
<!-- Dr. med. Juliane Hoffzimmer -->
|
||||
<div class="doctor-card">
|
||||
<div class="doctor-avatar">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
|
||||
<div class="doctor-avatar" aria-hidden="true">
|
||||
<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 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 & Nephrologie</div>
|
||||
<div class="doctor-meta">
|
||||
<div><strong>Approbation:</strong> 2009 in Berlin</div>
|
||||
</div>
|
||||
<div class="chamber-badge">
|
||||
<svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
|
||||
<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
|
||||
</div>
|
||||
</div>
|
||||
@@ -44,17 +44,17 @@
|
||||
|
||||
<!-- Dr. med. Claudia Körner -->
|
||||
<div class="doctor-card">
|
||||
<div class="doctor-avatar">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
|
||||
<div class="doctor-avatar" aria-hidden="true">
|
||||
<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 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-meta">
|
||||
<div><strong>Approbation:</strong> 2004 in Berlin</div>
|
||||
</div>
|
||||
<div class="chamber-badge">
|
||||
<svg style="width: 14px; height: 14px; fill: currentColor;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
|
||||
<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
|
||||
</div>
|
||||
</div>
|
||||
@@ -64,8 +64,8 @@
|
||||
<!-- 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 style="display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;">
|
||||
<div style="width: 60px; height: 60px; border-radius: var(--radius-full); background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(2, 132, 199, 0.25);">
|
||||
<svg style="width: 32px; height: 32px; fill: currentColor;" viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
|
||||
<div 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 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 style="flex: 1 1 200px; min-width: 0;">
|
||||
<h2 style="margin: 0 0 0.5rem 0; font-size: 1.4rem; color: var(--primary-dark);">
|
||||
|
||||
Reference in new issue
Block a user