Author SHA1 Message Date
chriz 01ea3bd07a First appointment fixes. 2026-10-21 08:31:00 +02:00
chriz eef49d7bb3 Erstkontakt. 2026-10-20 18:19:06 +02:00
chriz 93d4d3bba3 Ansprechpartner Medizintechnik: 2026-10-20 17:50:04 +02:00
chriz bc1c5a62fb Flyer Optimierungen. 2026-10-20 12:42:38 +02:00
chriz ac8468ca76 Enable HTTP/2 & HTTP/3 2026-10-20 12:02:30 +02:00
chriz 014422e0b6 Accessibility fixes. 2026-10-20 11:11:04 +02:00
26 changed files with 924 additions and 343 deletions

No files matched your search

+35 -2
View File
@@ -2,11 +2,44 @@ Options +FollowSymLinks
RewriteEngine on
# Redirect duplicate homepage URLs (/main.html and /index.php) to canonical root /
RewriteRule ^main\.html$ / [R=301,L]
RewriteCond %{THE_REQUEST} \s/+index\.php[\s?] [NC]
RewriteCond %{QUERY_STRING} ^$
RewriteRule ^index\.php$ / [R=301,L]
# Clean URL routing for .html pages
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{QUERY_STRING} ([a-zA-Z0-9-_.=&+%]*)
RewriteRule ^([0-9a-zA-Z\-]+).html$ index.php?action=$1&%1 [L]
# Custom 404 handler
ErrorDocument 404 /index.php?action=404
# Advertise HTTP/3 (h3) support via Alt-Svc header
<IfModule mod_headers.c>
Header setIfEmpty Alt-Svc "h3=\":443\"; ma=86400"
</IfModule>
# Gzip / Deflate Compression for Core Web Vitals & PageSpeed
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript application/ld+json image/svg+xml
</IfModule>
# Browser Caching for Static Assets
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/pdf "access plus 7 days"
ExpiresByType font/ttf "access plus 1 year"
</IfModule>
<Files .htaccess>
order allow,deny
deny from all
Require all denied
</Files>
+3 -3
View File
@@ -4,9 +4,9 @@ FROM php:8.5-apache-trixie
RUN mv "$PHP_INI_DIR/php.ini-production" "$PHP_INI_DIR/php.ini" \
&& printf "date.timezone = Europe/Berlin\nexpose_php = Off\nsession.cookie_httponly = 1\nsession.use_strict_mode = 1\n" > "$PHP_INI_DIR/conf.d/99-custom.ini"
# Enable Apache modules and harden server signature
RUN a2enmod rewrite headers expires deflate \
&& printf "ServerTokens Prod\nServerSignature Off\n" > /etc/apache2/conf-available/security-hardening.conf \
# Enable Apache modules (including HTTP/2) and harden server signature
RUN a2enmod rewrite headers expires deflate http2 \
&& printf "ServerTokens Prod\nServerSignature Off\nProtocols h2 h2c http/1.1\n" > /etc/apache2/conf-available/security-hardening.conf \
&& a2enconf security-hardening
# Copy application code
+96 -12
View File
@@ -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;
}
}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+135 -142
View File
@@ -19,8 +19,8 @@
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #1e293b;
background: #ffffff;
line-height: 1.36;
font-size: 8.2pt;
line-height: 1.45;
font-size: 9pt;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@@ -29,7 +29,7 @@
width: 210mm;
height: 297mm;
position: relative;
padding: 9mm 11.5mm 8.5mm;
padding: 9.5mm 11.5mm 8.5mm;
overflow: hidden;
display: flex;
flex-direction: column;
@@ -40,9 +40,9 @@
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2.5mm;
padding-bottom: 3mm;
border-bottom: 2px solid #0284c7;
margin-bottom: 3mm;
margin-bottom: 3.5mm;
}
.brand {
@@ -50,29 +50,54 @@
align-items: center;
}
.header-right {
display: flex;
align-items: center;
gap: 3.2mm;
}
.header-contact {
text-align: right;
font-size: 8pt;
font-size: 8.8pt;
color: #07384d;
line-height: 1.35;
line-height: 1.42;
}
.header-contact strong {
color: #07384d;
}
.header-contact .email-link {
.header-contact .web-link {
color: #0284c7;
font-weight: 700;
}
.header-qr-box {
width: 15.5mm;
height: 15.5mm;
padding: 1.1mm;
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.header-qr {
width: 100%;
height: 100%;
display: block;
}
/* Motto Banner */
.motto-banner {
background: linear-gradient(135deg, #07384d 0%, #0b4f6c 100%);
color: #ffffff;
border-radius: 6px;
padding: 2.8mm 4.2mm;
margin-bottom: 3mm;
padding: 3.2mm 4.5mm;
margin-bottom: 3.5mm;
display: flex;
justify-content: space-between;
align-items: center;
@@ -80,7 +105,7 @@
}
.motto-text {
font-size: 9.6pt;
font-size: 10.2pt;
font-weight: 700;
font-style: italic;
color: #f0f9ff;
@@ -88,7 +113,7 @@
}
.motto-sub {
font-size: 7.4pt;
font-size: 8pt;
color: #bae6fd;
white-space: nowrap;
font-weight: 600;
@@ -98,8 +123,8 @@
.physicians-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3mm;
margin-bottom: 3.2mm;
gap: 3.4mm;
margin-bottom: 3.6mm;
}
.physician-card {
@@ -107,43 +132,38 @@
border: 1px solid #e2e8f0;
border-left: 3.5px solid #0284c7;
border-radius: 6px;
padding: 2.4mm 3mm;
padding: 3mm 3.4mm;
}
.physician-name {
font-size: 8.8pt;
font-size: 9.4pt;
font-weight: 700;
color: #07384d;
line-height: 1.22;
line-height: 1.25;
}
.physician-role {
font-size: 7.3pt;
font-size: 7.2pt;
font-weight: 600;
color: #0284c7;
margin-top: 0.5mm;
line-height: 1.22;
}
.physician-meta {
font-size: 6.7pt;
color: #64748b;
margin-top: 0.8mm;
line-height: 1.3;
white-space: nowrap;
}
/* Main 2-Column Content Grid */
.content-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3.6mm;
gap: 3.8mm;
flex: 1;
margin-bottom: 3.2mm;
margin-bottom: 3.5mm;
}
.col-stack {
display: flex;
flex-direction: column;
gap: 3mm;
gap: 3.5mm;
height: 100%;
}
@@ -151,7 +171,7 @@
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 3mm 3.6mm;
padding: 3.8mm 4.2mm;
}
.section-card.card-grow {
@@ -163,18 +183,18 @@
.card-header {
display: flex;
align-items: center;
gap: 5px;
font-size: 8.8pt;
gap: 6px;
font-size: 9.6pt;
font-weight: 700;
color: #07384d;
margin-bottom: 1.8mm;
padding-bottom: 1.1mm;
margin-bottom: 2.5mm;
padding-bottom: 1.5mm;
border-bottom: 1px solid #e2e8f0;
}
.card-header svg {
width: 13px;
height: 13px;
width: 14px;
height: 14px;
fill: #0284c7;
flex-shrink: 0;
}
@@ -182,19 +202,19 @@
/* Lists & Details */
.check-list {
list-style: none;
font-size: 7.7pt;
font-size: 8.8pt;
color: #334155;
display: flex;
flex-direction: column;
justify-content: space-around;
flex: 1;
gap: 2.2mm;
}
.check-list li {
position: relative;
padding-left: 12px;
margin-bottom: 1.25mm;
line-height: 1.32;
}
.check-list li:last-child {
margin-bottom: 0;
padding-left: 14px;
line-height: 1.42;
}
.check-list li::before {
@@ -204,15 +224,7 @@
top: 0;
color: #0284c7;
font-weight: bold;
font-size: 7.9pt;
}
.sub-note {
display: block;
font-size: 7.1pt;
color: #475569;
margin-top: 0.3mm;
line-height: 1.28;
font-size: 8.8pt;
}
/* Schedule rows */
@@ -227,10 +239,10 @@
display: flex;
justify-content: space-between;
align-items: center;
font-size: 7.7pt;
padding: 1.4mm 0;
font-size: 8.5pt;
padding: 1.8mm 0;
border-bottom: 1px dashed #e2e8f0;
line-height: 1.35;
line-height: 1.42;
}
.sched-item:last-child {
@@ -252,18 +264,18 @@
.badge-tag {
background: #e0f2fe;
color: #0369a1;
font-size: 6.3pt;
font-size: 7pt;
font-weight: 700;
padding: 0.5px 3.5px;
padding: 0.5px 4px;
border-radius: 3px;
margin-right: 2px;
margin-right: 3px;
}
/* Locations */
.loc-block {
margin-bottom: 2.4mm;
font-size: 7.7pt;
line-height: 1.36;
margin-bottom: 2.8mm;
font-size: 8.6pt;
line-height: 1.45;
}
.loc-block:last-child {
@@ -274,21 +286,21 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5mm;
margin-bottom: 0.7mm;
}
.loc-head {
font-weight: 700;
color: #07384d;
font-size: 8.2pt;
font-size: 9pt;
}
.loc-badge {
background: #e0f2fe;
color: #0369a1;
font-size: 6.6pt;
font-size: 7.2pt;
font-weight: 700;
padding: 0.4mm 1.8mm;
padding: 0.5mm 2.2mm;
border-radius: 99px;
}
@@ -303,19 +315,19 @@
/* Anfahrt & Map */
.anfahrt-flex {
display: flex;
gap: 3.2mm;
gap: 3.5mm;
align-items: center;
}
.anfahrt-text {
flex: 1;
font-size: 7.5pt;
font-size: 8.5pt;
color: #475569;
line-height: 1.32;
line-height: 1.42;
}
.anfahrt-text p {
margin-bottom: 1.2mm;
margin-bottom: 2mm;
}
.anfahrt-text p:last-child {
@@ -323,8 +335,8 @@
}
.map-thumb {
width: 35mm;
height: 40mm;
width: 39mm;
height: 44mm;
object-fit: contain;
border: 1px solid #cbd5e1;
border-radius: 5px;
@@ -337,7 +349,7 @@
.photo-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.6mm;
gap: 2.8mm;
flex: 1;
}
@@ -347,18 +359,7 @@
overflow: hidden;
border: 1px solid #cbd5e1;
height: 100%;
min-height: 55mm;
}
.photo-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
min-height: 62mm;
}
.photo-caption {
@@ -368,9 +369,9 @@
right: 0;
background: linear-gradient(to top, rgba(7, 56, 77, 0.9), rgba(7, 56, 77, 0));
color: #ffffff;
font-size: 6.6pt;
font-size: 6.5pt;
font-weight: 600;
padding: 3.5mm 2.2mm 1.2mm;
padding: 4mm 1.5mm 1.5mm;
text-align: center;
white-space: nowrap;
}
@@ -380,34 +381,36 @@
background: linear-gradient(135deg, #07384d 0%, #0284c7 100%);
color: #ffffff;
border-radius: 6px;
padding: 2.8mm 4.2mm;
padding: 3mm 4.5mm;
display: flex;
justify-content: space-between;
align-items: center;
gap: 3mm;
gap: 4mm;
}
.callout-left {
flex: 1;
min-width: 0;
}
.callout-title {
font-size: 8.6pt;
font-size: 9pt;
font-weight: 700;
margin-bottom: 0.4mm;
white-space: nowrap;
}
.callout-sub {
font-size: 7pt;
font-size: 7.4pt;
color: #e0f2fe;
white-space: nowrap;
}
.callout-channels {
display: flex;
gap: 4.5mm;
gap: 5mm;
align-items: center;
flex-shrink: 0;
}
.callout-item {
@@ -416,7 +419,7 @@
.callout-item small {
display: block;
font-size: 5.8pt;
font-size: 6pt;
font-weight: 600;
color: #bae6fd;
text-transform: uppercase;
@@ -424,7 +427,7 @@
}
.callout-item .channel-val {
font-size: 9pt;
font-size: 8.8pt;
font-weight: 800;
color: #ffffff;
white-space: nowrap;
@@ -432,16 +435,16 @@
.flyer-bottom-info {
border-top: 1px solid #e2e8f0;
padding-top: 1.3mm;
margin-top: 1.5mm;
padding-top: 1.4mm;
margin-top: 1.6mm;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.4mm;
font-size: 6.4pt;
font-size: 6.6pt;
color: #64748b;
line-height: 1.28;
line-height: 1.3;
}
</style>
</head>
@@ -451,18 +454,23 @@
<!-- Top Brand Header -->
<div class="flyer-header">
<div class="brand">
<img src="file:///d:/web-repo2/img/logo_dialysezentrum.png" style="height: 15mm; width: auto; object-fit: contain;" alt="Dialysezentrum Berlin-Mahlsdorf">
<img src="file:///d:/web-repo2/img/logo_dialysezentrum.png" style="height: 15.5mm; width: auto; object-fit: contain;" alt="Dialysezentrum Berlin-Mahlsdorf">
</div>
<div class="header-contact">
<div>Tel. Dialyse: <strong>030 / 566 24 84</strong> &bull; Ambulanz: <strong>030 / 566 25 39</strong></div>
<div>E-Mail: <span class="email-link">kontakt@dialyse-berlin.net</span> &bull; Web: <strong>www.dialyse-berlin.net</strong></div>
<div class="header-right">
<div class="header-contact">
<div><strong>Praxis für Nephrologie &amp; Dialyse</strong></div>
<div>Web: <span class="web-link">www.dialyse-berlin.net</span></div>
</div>
<div class="header-qr-box">
<svg class="header-qr" viewBox="0 0 29 29" shape-rendering="crispEdges" aria-label="QR-Code www.dialyse-berlin.net"><path fill="#07384d" d="M0,0h1v1h-1zM1,0h1v1h-1zM2,0h1v1h-1zM3,0h1v1h-1zM4,0h1v1h-1zM5,0h1v1h-1zM6,0h1v1h-1zM8,0h1v1h-1zM9,0h1v1h-1zM10,0h1v1h-1zM22,0h1v1h-1zM23,0h1v1h-1zM24,0h1v1h-1zM25,0h1v1h-1zM26,0h1v1h-1zM27,0h1v1h-1zM28,0h1v1h-1zM0,1h1v1h-1zM6,1h1v1h-1zM11,1h1v1h-1zM12,1h1v1h-1zM16,1h1v1h-1zM17,1h1v1h-1zM18,1h1v1h-1zM19,1h1v1h-1zM22,1h1v1h-1zM28,1h1v1h-1zM0,2h1v1h-1zM2,2h1v1h-1zM3,2h1v1h-1zM4,2h1v1h-1zM6,2h1v1h-1zM9,2h1v1h-1zM10,2h1v1h-1zM12,2h1v1h-1zM13,2h1v1h-1zM15,2h1v1h-1zM16,2h1v1h-1zM17,2h1v1h-1zM20,2h1v1h-1zM22,2h1v1h-1zM24,2h1v1h-1zM25,2h1v1h-1zM26,2h1v1h-1zM28,2h1v1h-1zM0,3h1v1h-1zM2,3h1v1h-1zM3,3h1v1h-1zM4,3h1v1h-1zM6,3h1v1h-1zM8,3h1v1h-1zM10,3h1v1h-1zM11,3h1v1h-1zM12,3h1v1h-1zM14,3h1v1h-1zM15,3h1v1h-1zM16,3h1v1h-1zM18,3h1v1h-1zM22,3h1v1h-1zM24,3h1v1h-1zM25,3h1v1h-1zM26,3h1v1h-1zM28,3h1v1h-1zM0,4h1v1h-1zM2,4h1v1h-1zM3,4h1v1h-1zM4,4h1v1h-1zM6,4h1v1h-1zM8,4h1v1h-1zM9,4h1v1h-1zM10,4h1v1h-1zM11,4h1v1h-1zM12,4h1v1h-1zM13,4h1v1h-1zM14,4h1v1h-1zM16,4h1v1h-1zM17,4h1v1h-1zM18,4h1v1h-1zM22,4h1v1h-1zM24,4h1v1h-1zM25,4h1v1h-1zM26,4h1v1h-1zM28,4h1v1h-1zM0,5h1v1h-1zM6,5h1v1h-1zM8,5h1v1h-1zM11,5h1v1h-1zM13,5h1v1h-1zM14,5h1v1h-1zM15,5h1v1h-1zM19,5h1v1h-1zM20,5h1v1h-1zM22,5h1v1h-1zM28,5h1v1h-1zM0,6h1v1h-1zM1,6h1v1h-1zM2,6h1v1h-1zM3,6h1v1h-1zM4,6h1v1h-1zM5,6h1v1h-1zM6,6h1v1h-1zM8,6h1v1h-1zM10,6h1v1h-1zM12,6h1v1h-1zM14,6h1v1h-1zM16,6h1v1h-1zM18,6h1v1h-1zM20,6h1v1h-1zM22,6h1v1h-1zM23,6h1v1h-1zM24,6h1v1h-1zM25,6h1v1h-1zM26,6h1v1h-1zM27,6h1v1h-1zM28,6h1v1h-1zM8,7h1v1h-1zM10,7h1v1h-1zM11,7h1v1h-1zM14,7h1v1h-1zM17,7h1v1h-1zM19,7h1v1h-1zM0,8h1v1h-1zM4,8h1v1h-1zM6,8h1v1h-1zM7,8h1v1h-1zM8,8h1v1h-1zM9,8h1v1h-1zM10,8h1v1h-1zM12,8h1v1h-1zM13,8h1v1h-1zM14,8h1v1h-1zM15,8h1v1h-1zM16,8h1v1h-1zM17,8h1v1h-1zM19,8h1v1h-1zM20,8h1v1h-1zM21,8h1v1h-1zM22,8h1v1h-1zM23,8h1v1h-1zM24,8h1v1h-1zM25,8h1v1h-1zM28,8h1v1h-1zM2,9h1v1h-1zM5,9h1v1h-1zM8,9h1v1h-1zM10,9h1v1h-1zM11,9h1v1h-1zM17,9h1v1h-1zM18,9h1v1h-1zM22,9h1v1h-1zM23,9h1v1h-1zM24,9h1v1h-1zM25,9h1v1h-1zM26,9h1v1h-1zM27,9h1v1h-1zM28,9h1v1h-1zM0,10h1v1h-1zM1,10h1v1h-1zM3,10h1v1h-1zM6,10h1v1h-1zM9,10h1v1h-1zM13,10h1v1h-1zM14,10h1v1h-1zM15,10h1v1h-1zM17,10h1v1h-1zM20,10h1v1h-1zM22,10h1v1h-1zM23,10h1v1h-1zM24,10h1v1h-1zM28,10h1v1h-1zM3,11h1v1h-1zM7,11h1v1h-1zM8,11h1v1h-1zM10,11h1v1h-1zM11,11h1v1h-1zM12,11h1v1h-1zM13,11h1v1h-1zM15,11h1v1h-1zM16,11h1v1h-1zM17,11h1v1h-1zM18,11h1v1h-1zM20,11h1v1h-1zM21,11h1v1h-1zM22,11h1v1h-1zM24,11h1v1h-1zM25,11h1v1h-1zM27,11h1v1h-1zM28,11h1v1h-1zM1,12h1v1h-1zM4,12h1v1h-1zM6,12h1v1h-1zM9,12h1v1h-1zM10,12h1v1h-1zM11,12h1v1h-1zM12,12h1v1h-1zM13,12h1v1h-1zM17,12h1v1h-1zM20,12h1v1h-1zM21,12h1v1h-1zM27,12h1v1h-1zM0,13h1v1h-1zM1,13h1v1h-1zM3,13h1v1h-1zM4,13h1v1h-1zM5,13h1v1h-1zM10,13h1v1h-1zM11,13h1v1h-1zM12,13h1v1h-1zM13,13h1v1h-1zM14,13h1v1h-1zM16,13h1v1h-1zM17,13h1v1h-1zM18,13h1v1h-1zM20,13h1v1h-1zM22,13h1v1h-1zM24,13h1v1h-1zM25,13h1v1h-1zM26,13h1v1h-1zM27,13h1v1h-1zM28,13h1v1h-1zM1,14h1v1h-1zM2,14h1v1h-1zM6,14h1v1h-1zM7,14h1v1h-1zM10,14h1v1h-1zM11,14h1v1h-1zM12,14h1v1h-1zM16,14h1v1h-1zM18,14h1v1h-1zM20,14h1v1h-1zM21,14h1v1h-1zM24,14h1v1h-1zM25,14h1v1h-1zM26,14h1v1h-1zM28,14h1v1h-1zM3,15h1v1h-1zM4,15h1v1h-1zM5,15h1v1h-1zM9,15h1v1h-1zM10,15h1v1h-1zM12,15h1v1h-1zM14,15h1v1h-1zM17,15h1v1h-1zM20,15h1v1h-1zM22,15h1v1h-1zM27,15h1v1h-1zM28,15h1v1h-1zM3,16h1v1h-1zM5,16h1v1h-1zM6,16h1v1h-1zM7,16h1v1h-1zM10,16h1v1h-1zM13,16h1v1h-1zM14,16h1v1h-1zM15,16h1v1h-1zM16,16h1v1h-1zM17,16h1v1h-1zM18,16h1v1h-1zM19,16h1v1h-1zM20,16h1v1h-1zM21,16h1v1h-1zM23,16h1v1h-1zM27,16h1v1h-1zM0,17h1v1h-1zM2,17h1v1h-1zM3,17h1v1h-1zM5,17h1v1h-1zM7,17h1v1h-1zM12,17h1v1h-1zM17,17h1v1h-1zM18,17h1v1h-1zM22,17h1v1h-1zM23,17h1v1h-1zM24,17h1v1h-1zM25,17h1v1h-1zM27,17h1v1h-1zM28,17h1v1h-1zM2,18h1v1h-1zM6,18h1v1h-1zM8,18h1v1h-1zM13,18h1v1h-1zM14,18h1v1h-1zM15,18h1v1h-1zM18,18h1v1h-1zM20,18h1v1h-1zM21,18h1v1h-1zM22,18h1v1h-1zM24,18h1v1h-1zM26,18h1v1h-1zM28,18h1v1h-1zM4,19h1v1h-1zM9,19h1v1h-1zM10,19h1v1h-1zM13,19h1v1h-1zM15,19h1v1h-1zM16,19h1v1h-1zM17,19h1v1h-1zM19,19h1v1h-1zM22,19h1v1h-1zM27,19h1v1h-1zM28,19h1v1h-1zM0,20h1v1h-1zM1,20h1v1h-1zM4,20h1v1h-1zM6,20h1v1h-1zM7,20h1v1h-1zM8,20h1v1h-1zM9,20h1v1h-1zM13,20h1v1h-1zM17,20h1v1h-1zM19,20h1v1h-1zM20,20h1v1h-1zM21,20h1v1h-1zM22,20h1v1h-1zM23,20h1v1h-1zM24,20h1v1h-1zM25,20h1v1h-1zM28,20h1v1h-1zM8,21h1v1h-1zM13,21h1v1h-1zM14,21h1v1h-1zM16,21h1v1h-1zM17,21h1v1h-1zM18,21h1v1h-1zM20,21h1v1h-1zM24,21h1v1h-1zM28,21h1v1h-1zM0,22h1v1h-1zM1,22h1v1h-1zM2,22h1v1h-1zM3,22h1v1h-1zM4,22h1v1h-1zM5,22h1v1h-1zM6,22h1v1h-1zM8,22h1v1h-1zM9,22h1v1h-1zM10,22h1v1h-1zM11,22h1v1h-1zM16,22h1v1h-1zM18,22h1v1h-1zM19,22h1v1h-1zM20,22h1v1h-1zM22,22h1v1h-1zM24,22h1v1h-1zM25,22h1v1h-1zM26,22h1v1h-1zM28,22h1v1h-1zM0,23h1v1h-1zM6,23h1v1h-1zM10,23h1v1h-1zM11,23h1v1h-1zM12,23h1v1h-1zM14,23h1v1h-1zM17,23h1v1h-1zM19,23h1v1h-1zM20,23h1v1h-1zM24,23h1v1h-1zM27,23h1v1h-1zM0,24h1v1h-1zM2,24h1v1h-1zM3,24h1v1h-1zM4,24h1v1h-1zM6,24h1v1h-1zM8,24h1v1h-1zM9,24h1v1h-1zM10,24h1v1h-1Line truncated
</div>
</div>
</div>
<!-- Motto Banner -->
<div class="motto-banner">
<div class="motto-text">&bdquo;Die individuelle Dialyse im grünen Gürtel von Berlin&ldquo;</div>
<div class="motto-sub">Seit 1992 &bull; 2 Standorte (34 Plätze) &bull; Feriendialyse &bull; Barrierefrei</div>
<div class="motto-sub">2 Standorte &bull; Feriendialyse &bull; Barrierefrei</div>
</div>
<!-- Physicians Row -->
@@ -470,17 +478,14 @@
<div class="physician-card">
<div class="physician-name">Dr. med. Bianca Bischoff</div>
<div class="physician-role">Fachärztin für Innere Medizin &amp; Nephrologie</div>
<div class="physician-meta">Approbation 2002 &bull; Ärztekammer Berlin</div>
</div>
<div class="physician-card">
<div class="physician-name">Dr. med. Juliane Hoffzimmer</div>
<div class="physician-role">Fachärztin für Innere Medizin &amp; Nephrologie</div>
<div class="physician-meta">Approbation 2009 &bull; Ärztekammer Berlin</div>
</div>
<div class="physician-card">
<div class="physician-name">Dr. med. Claudia Körner</div>
<div class="physician-role">Fachärztin für Innere Medizin</div>
<div class="physician-meta">Approbation 2004 &bull; Ärztekammer Berlin</div>
</div>
</div>
@@ -489,26 +494,16 @@
<!-- LEFT COLUMN: Leistungen, Komfort & Behandlungszeiten -->
<div class="col-stack">
<!-- Leistungen -->
<div class="section-card">
<div class="section-card card-grow">
<div class="card-header">
<svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
Leistungsspektrum &amp; Medizintechnik
</div>
<ul class="check-list">
<li><strong>Nephrologische Ambulanz:</strong> Umfassende Diagnostik &amp; Therapie von Nierenerkrankungen</li>
<li>Optimale <strong>Blutdruck- &amp; Blutzuckereinstellung</strong> als wesentlicher Schwerpunkt</li>
<li>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></li>
<li><strong>Sonographie</strong> (Ultraschall Nieren/Abdomen), EKG &amp; 24-Std.-Blutdruckmessung</li>
<li>
<strong>Hämodialyse (HD) &amp; Hämodiafiltration (HDF / Online-HDF):</strong>
<span class="sub-note">Nikkiso DBB-07 &amp; DBB-EXA mit <strong>Haemo-Master (BV-UFC/COC)</strong> zur aktiven Blutvolumen-, Ultrafiltrations- &amp; Leitfähigkeitsregelung</span>
</li>
<li>
<strong>Fresenius BCM (Body Composition Monitor):</strong>
<span class="sub-note">Bioelektrische Präzisionsmessung zur exakten Bestimmung des Optimalgewichts</span>
</li>
<li><strong>High- &amp; Low-Flux-Dialysatoren</strong>, moderne Osmoseanlage &amp; Praxislabor</li>
<li><strong>Transplantationsvorbereitung</strong> &amp; Nachsorge &bull; <strong>Ernährungsberatung</strong></li>
<li><strong>Nephrologische Ambulanz:</strong> Diagnostik &amp; Therapie von Nierenerkrankungen, Blutdruck- und Diabeteseinstellung</li>
<li><strong>Funktionsdiagnostik:</strong> Sonographie (Nieren/Abdomen), EKG &amp; 24-Std.-Blutdruckmessung</li>
<li><strong>Dialyseverfahren (HD &amp; Online-HDF):</strong> Kreislaufschonend mit Nikkiso <strong>Haemo-Master</strong> &amp; <strong>Fresenius BCM</strong></li>
<li><strong>Begleitende Betreuung:</strong> Transplantationsvorbereitung, Nachsorge &amp; individuelle Ernährungsberatung</li>
</ul>
</div>
@@ -519,11 +514,9 @@
Feriendialyse &amp; Patientenkomfort
</div>
<ul class="check-list">
<li><strong>Ganzjährige Feriendialysen</strong> für Berlin-Besucher und Urlauber</li>
<li>Vollständig <strong>barrierefreier Zugang</strong> für bewegungseingeschränkte Patienten</li>
<li>Erfahrenes Team aus <strong>3 Fachärztinnen und 23 Pflege- &amp; Servicekräften</strong></li>
<li>Wohlfühlatmosphäre mit <strong>kostenlosem WLAN, TV &amp; Imbiss- und Getränkeservice</strong></li>
<li>Enge Kooperation mit Haus- &amp; Fachärzten sowie umliegenden Krankenhäusern</li>
<li><strong>Ganzjährige Feriendialysen</strong> für Berlin-Besucher in barrierefreien Praxisräumen</li>
<li><strong>Persönliche Betreuung</strong> durch 3 Fachärztinnen sowie 23 Pflege- und Servicekräfte</li>
<li><strong>Wohlfühlatmosphäre</strong> mit kostenlosem WLAN, Patienten-TV, Imbiss &amp; Getränken</li>
</ul>
</div>
@@ -548,7 +541,10 @@
</div>
<div class="sched-item">
<div class="sched-title">Ambulanz (Mo, Mi, Fr):</div>
<div class="sched-hours">08:30 &ndash; 11:30 &bull; n. Vereinb. 14:00 &ndash; 17:00</div>
<div class="sched-hours">
<div>08:30 &ndash; 11:30 Uhr</div>
<div>14:00 &ndash; 17:00 Uhr (n. Vereinb.)</div>
</div>
</div>
<div class="sched-item">
<div class="sched-title">Ambulanz (Di, Do):</div>
@@ -572,20 +568,17 @@
<span class="loc-badge">16 Plätze</span>
</div>
<div class="loc-body">
<strong>Thorner Straße 1 &bull; 12623 Berlin-Mahlsdorf</strong><br>
Telefon Dialyse: <strong>030 / 566 24 84</strong><br>
Telefon Ambulanz: <strong>030 / 566 25 39</strong><br>
E-Mail: <strong style="color: #0284c7;">kontakt@dialyse-berlin.net</strong>
<strong>Thorner Straße 1 &bull; 12623 Berlin-Mahlsdorf</strong>
</div>
</div>
<div class="loc-block" style="border-top: 1px dashed #e2e8f0; padding-top: 2mm;">
<div class="loc-block" style="border-top: 1px dashed #e2e8f0; padding-top: 2.4mm;">
<div class="loc-head-row">
<div class="loc-head">Satellitendialyse Berlin-Marzahn</div>
<span class="loc-badge">18 Plätze</span>
</div>
<div class="loc-body">
<strong>Blumberger Damm 130 &bull; 12685 Berlin</strong><br>
Eingang: Pritzhagener Weg 21 &bull; Tel.: <strong>030 / 566 24 84</strong>
Eingang: Pritzhagener Weg 21
</div>
</div>
</div>
@@ -593,14 +586,14 @@
<!-- Anfahrt & Skizze -->
<div class="section-card">
<div class="card-header">
<svg viewBox="0 0 24 24"><path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25-.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></svg>
Anfahrt &amp; Parken (Thorner Straße 1)
<svg viewBox="0 0 24 24"><path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07-.36-.25-.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></svg>
Anfahrt &amp; Parken (Hauptpraxis)
</div>
<div class="anfahrt-flex">
<div class="anfahrt-text">
<p><strong>ÖPNV:</strong> S-Bahn <strong>S5</strong> oder Regionalbahn bis <strong>S-Bhf. Berlin-Mahlsdorf</strong>, von dort wenige Minuten Fußweg oder per Bus.</p>
<p><strong>Pkw:</strong> Über die <strong>B1 / B5 (Alt-Mahlsdorf)</strong> in die Hönower Str., weiter über Waldowstr. und Wilhelmsmühlenweg in die Thorner Str. 1.</p>
<p style="color: #0284c7; font-weight: 600;">&#x2713; Gute Parkmöglichkeiten direkt vor der Praxis vorhanden.</p>
<p><strong>ÖPNV:</strong> S-Bahn <strong>S5</strong> oder Regionalbahn bis <strong>S-Bhf. Mahlsdorf</strong> (wenige Gehminuten).</p>
<p><strong>Pkw:</strong> Über <strong>B1/B5 (Alt-Mahlsdorf)</strong> &rarr; Hönower Str. &rarr; Waldowstr. &rarr; Thorner Str. 1.</p>
<p style="color: #0284c7; font-weight: 600;">&#x2713; Parkplätze direkt vor der Praxis.</p>
</div>
<img src="file:///d:/web-repo2/files/flyer_map.png" class="map-thumb" alt="Lageplan">
</div>
@@ -616,8 +609,8 @@
<div class="photo-item" style="background: url('file:///d:/web-repo2/img/gallery/praxis1.jpg') 92% 65% / cover no-repeat;">
<div class="photo-caption">Praxisgebäude &bull; Thorner Str. 1</div>
</div>
<div class="photo-item" style="background: url('file:///d:/web-repo2/img/gallery/leistung1.jpg') 44% 55% / cover no-repeat;">
<div class="photo-caption">Dialyseplatz im Grünen</div>
<div class="photo-item" style="background: url('file:///d:/web-repo2/img/gallery/behandlung2.jpg') center center / cover no-repeat;">
<div class="photo-caption">Dialyseplatz mit Nikkiso-Technik</div>
</div>
</div>
</div>
@@ -627,8 +620,8 @@
<!-- Bottom Action Callout -->
<div class="footer-callout">
<div class="callout-left">
<div class="callout-title">Haben Sie Fragen oder wünschen Sie einen Termin?</div>
<div class="callout-sub">Nehmen Sie direkt Kontakt auf &bull; Online-Anfrage: www.dialyse-berlin.net</div>
<div class="callout-title">Kontakt &amp; Terminvereinbarung</div>
<div class="callout-sub">Wir beraten Sie gern persönlich</div>
</div>
<div class="callout-channels">
<div class="callout-item">
@@ -640,7 +633,7 @@
<div class="channel-val">030 / 566 25 39</div>
</div>
<div class="callout-item">
<small>E-Mail-Kontakt</small>
<small>E-Mail</small>
<div class="channel-val">kontakt@dialyse-berlin.net</div>
</div>
</div>
+4
View File
@@ -34,6 +34,9 @@ switch ($action) {
case 'team':
$content = $loadFile('view/team.php');
break;
case 'ersttermin':
$content = $loadFile('view/first-appointment.php');
break;
case 'kontakt':
$content = $loadFile('view/contact.php');
break;
@@ -48,6 +51,7 @@ switch ($action) {
break;
default:
http_response_code(404);
$action = '404';
$content = $loadFile('view/error.php');
}
+4 -4
View File
@@ -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');
}
}
+7 -2
View File
@@ -1,4 +1,9 @@
User-agent:EmailCollector
User-agent: EmailCollector
Disallow: /
sitemap: https://www.dialyse-berlin.net/sitemap.xml.gz
User-agent: *
Allow: /
Disallow: /api.php
Sitemap: https://www.dialyse-berlin.net/sitemap.xml
Sitemap: https://www.dialyse-berlin.net/sitemap.xml.gz
+46
View File
@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.dialyse-berlin.net/</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/leistungen.html</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/praxis.html</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/team.html</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/ersttermin.html</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/kontakt.html</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.dialyse-berlin.net/files/dialyse_flyer.pdf</loc>
<lastmod>2026-10-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
</urlset>
BIN
View File
Binary file not shown.
+15 -15
View File
@@ -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>
+29 -25
View File
@@ -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 &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;">
<span>&raquo; 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">&raquo;</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 &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;">
<span>&raquo; 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">&raquo;</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,19 @@
<!-- 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&#64;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 &raquo;
<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">&raquo;</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="/ersttermin.html" 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 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-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
Informationen &amp; Formulare zum 1. Termin <span aria-hidden="true">&raquo;</span>
</a>
<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 +122,10 @@
<div>
<div class="map-card">
<div class="map-header">
<span class="map-header-title" id="mapHeaderTitle">Standortkarte &bull; 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 &bull; 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 +139,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 &raquo;
Große Routenkarte <span aria-hidden="true">&raquo;</span>
</a>
</div>
</div>
+2 -2
View File
@@ -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;">
+241
View File
@@ -0,0 +1,241 @@
<?php
$pdfInfo = '/files/' . rawurlencode('Information zum 1 Termin ab 1-2024.pdf');
$pdfAnamnese = '/files/' . rawurlencode('Anamnesebogen.pdf');
$pdfDatenschutz = '/files/' . rawurlencode('Datenschutzerklärung_neu.pdf');
$pdfAusfall = '/files/' . rawurlencode('Einverständniserklärung zur Ausfallhonorarregelung.pdf');
$pdfPrivat = '/files/' . rawurlencode('Behandlunsvertrag Privatpatienten.pdf');
?>
<h1>Informationen zu Ihrem 1. Termin</h1>
<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
Liebe Patientin, lieber Patient, willkommen in der Nephrologie / Dialysepraxis Berlin-Mahlsdorf!
Damit wir uns bei Ihrem Erstbesuch optimal auf Sie vorbereiten können, finden Sie hier die Checkliste aller benötigten Unterlagen sowie alle Formulare zum direkten <strong>Online-Ausfüllen im Browser</strong> oder zum <strong>Herunterladen</strong>.
</p>
<!-- Checkliste & Vorbefunde Grid -->
<div class="grid-2" style="margin-bottom: 2rem;">
<!-- Erforderliche Unterlagen -->
<div class="card">
<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); flex-shrink: 0;" 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-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
Erforderliche Unterlagen zum 1. Termin
</h2>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1rem;">
Bitte bringen Sie zu Ihrem 1. Termin bei uns folgende Unterlagen mit:
</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Überweisung</strong> vom aktuellen oder letzten Quartal</span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Versichertenkarte</strong> (elektronische Gesundheitskarte)</span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Falls vorhanden: Ihren <strong>Befreiungsausweis</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Die <strong>letzten 3 Laboruntersuchungen</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Ihren <strong>aktuellen Medikamentenplan</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><a href="#form-anamnese" style="font-weight: 700;">Anamnesebogen</a> (ausgefüllt und unterschrieben)</span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><a href="#form-datenschutz" style="font-weight: 700;">Patienteninformation &amp; Einwilligung zum Datenschutz</a> (ausgefüllt und unterschrieben)</span>
</li>
</ul>
</div>
<!-- Fachärztliche Vorbefunde -->
<div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
<div>
<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); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Falls vorhanden: Fachärztliche Vorbefunde
</h2>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1rem;">
Sofern bei Ihnen bereits Vorbefunde vorliegen, bringen Sie diese bitte ebenfalls zum Termin mit:
</p>
<ul style="list-style: none; padding: 0; margin: 0 0 1.5rem 0;">
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Krankenhausbericht(e)</strong> der letzten 2 Jahre</span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Kardiologiebefund</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Urologiebefund</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Gynäkologiebefund</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>Angiologiebefund</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span><strong>MRT- / CT-Befund(e)</strong> sowie <strong>Röntgenbefund(e)</strong></span>
</li>
</ul>
</div>
<!-- Wichtiger Hinweis zu Originalbefunden -->
<div style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-left: 4px solid var(--accent); border-radius: var(--radius-md); padding: 1rem 1.15rem;">
<div style="font-weight: 700; color: var(--primary-dark); margin-bottom: 0.25rem; display: flex; align-items: center; gap: 0.4rem;">
<svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: var(--accent); 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-6h2v6zm0-8h-2V7h2v2z"/></svg>
Wichtiger Hinweis zu Ihren Originalbefunden:
</div>
<p style="margin: 0; font-size: 0.92rem; color: var(--primary-dark);">
Bitte bringen Sie die <strong>Originalbefunde</strong> mit &ndash; wir scannen alles vor Ort ein und Sie erhalten Ihre Unterlagen am selben Tag wieder zurück.
</p>
</div>
</div>
</div>
<!-- Formulare zum Online-Ausfüllen & Herunterladen -->
<div class="highlight-panel" style="margin-top: 2rem; margin-bottom: 2.5rem;">
<span class="highlight-badge">Interaktive PDF-Formulare</span>
<h2 class="highlight-panel-title" style="margin-top: 0;">
<svg aria-hidden="true" focusable="false" style="width: 24px; height: 24px; fill: var(--accent); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Formulare &amp; Patientenunterlagen (Online ausfüllbar)
</h2>
<p style="margin-bottom: 1.5rem;">
Alle nachfolgenden Dokumente verfügen über <strong>interaktive Formularfelder</strong>. Sie können die Bögen direkt <strong>online im Browser öffnen und am Bildschirm ausfüllen</strong>, anschließend ausdrucken und unterschrieben zu Ihrem Termin mitbringen &ndash; oder als PDF-Datei auf Ihr Gerät herunterladen.
</p>
<div class="grid-2" style="margin-bottom: 0;">
<!-- 1. Anamnesebogen -->
<div class="card" id="form-anamnese" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
<div>
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
<h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">1. Anamnesebogen &bull; Patientenfragebogen</h3>
<span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Pflichtdokument</span>
</div>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
Fragebogen zu Ihren persönlichen Stammdaten, eigenen Erkrankungen, Voroperationen, Familienanamnese, Vorsorgeuntersuchungen sowie Notfallkontakt &amp; Abholvollmacht (2 Seiten).
</p>
</div>
<div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
<a href="<?=$pdfAnamnese?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
Online ausfüllen &amp; öffnen
</a>
<a href="<?=$pdfAnamnese?>" download="Anamnesebogen_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Herunterladen (PDF)
</a>
</div>
</div>
<!-- 2. Datenschutz & Schweigepflichtentbindung -->
<div class="card" id="form-datenschutz" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
<div>
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
<h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">2. Patienteninformation &amp; Datenschutz</h3>
<span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Pflichtdokument</span>
</div>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
Pflichtinformationen gemäß Art. 13 DSGVO sowie Einwilligungserklärung und Schweigepflichtentbindung (§ 73 Abs. 1b SGB V, § 203 StGB) für Hausärzte, mitbehandelnde Ärzte und Angehörige.
</p>
</div>
<div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
<a href="<?=$pdfDatenschutz?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
Online ausfüllen &amp; öffnen
</a>
<a href="<?=$pdfDatenschutz?>" download="Datenschutz_Einwilligung_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Herunterladen (PDF)
</a>
</div>
</div>
<!-- 3. Einverständniserklärung zur Ausfallhonorarregelung -->
<div class="card" id="form-ausfallhonorar" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
<div>
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
<h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">3. Vereinbarung zur Terminabsage / Ausfallhonorar</h3>
<span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Pflichtdokument</span>
</div>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
Patienteninformation und Terminvereinbarung für Neupatientinnen und Neupatienten (§ 615 BGB) zur rechtzeitigen Absage reservierter Behandlungszeitfenster (mindestens 24 Stunden vor dem Termin).
</p>
</div>
<div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
<a href="<?=$pdfAusfall?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
Online ausfüllen &amp; öffnen
</a>
<a href="<?=$pdfAusfall?>" download="Ausfallhonorarregelung_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Herunterladen (PDF)
</a>
</div>
</div>
<!-- 4. Behandlungsvertrag Privatpatienten / Selbstzahler -->
<div class="card" id="form-privat" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
<div>
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
<h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">4. Behandlungsvertrag (Privatpatienten &amp; Selbstzahler)</h3>
<span style="background: #f1f5f9; color: var(--text-muted); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Bei Bedarf</span>
</div>
<p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
Vereinbarung über die privatärztliche Behandlung (§ 630a BGB, GOÄ) sowie Selbstzahlererklärung (§ 630c Abs. 3 BGB) &ndash; nur für Privatversicherte oder Selbstzahler erforderlich.
</p>
</div>
<div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
<a href="<?=$pdfPrivat?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
Online ausfüllen &amp; öffnen
</a>
<a href="<?=$pdfPrivat?>" download="Behandlungsvertrag_Privatpatienten_Dialysezentrum.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
<svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
Herunterladen (PDF)
</a>
</div>
</div>
</div>
<!-- Checkliste als PDF -->
<div style="margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
<div>
<strong style="color: var(--primary-dark);">Gesamte Checkliste zum 1. Termin als PDF-Dokument:</strong>
<div style="font-size: 0.9rem; color: var(--text-muted);">Übersichtsblatt aller erforderlichen Unterlagen und Vorbefunde für Sie persönlich zur Übersicht. Sie müssen das Dokument nicht mitbringen.</div>
</div>
<div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
<a href="<?=$pdfInfo?>" target="_blank" rel="noopener" class="btn btn-secondary btn-sm">
Checkliste öffnen (PDF)
</a>
<a href="<?=$pdfInfo?>" download="Information_zum_1_Termin_Dialysezentrum.pdf" class="btn btn-outline-primary btn-sm">
Checkliste herunterladen
</a>
</div>
</div>
</div>
<!-- Kontakt-Hinweis bei Rückfragen -->
<div class="card" style="background: var(--bg-alt); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
<div>
<h2 style="font-size: 1.15rem; margin: 0 0 0.25rem 0; color: var(--primary-dark);">Haben Sie Fragen zu Ihrem ersten Termin oder zum Ausfüllen der Bögen?</h2>
<p style="margin: 0; font-size: 0.95rem; color: var(--text-muted);">
Unser Praxisteam hilft Ihnen gern telefonisch unter <a href="tel:0305662539"><strong>030 / 566 25 39</strong></a> (Ambulanz) oder vor Ort weiter.
</p>
</div>
<a href="/kontakt.html" class="btn btn-primary btn-sm">Kontakt &amp; Anfahrt <span aria-hidden="true">&raquo;</span></a>
</div>
+202 -42
View File
@@ -9,13 +9,149 @@ $titles = [
'leistungen' => 'Leistungen & Schwerpunkte | Dialysezentrum Berlin-Mahlsdorf',
'praxis' => 'Praxisausstattung & Öffnungszeiten | Dialysezentrum Berlin-Mahlsdorf',
'team' => 'Unser Ärzteteam & Mitarbeiter | Dialysezentrum Berlin-Mahlsdorf',
'ersttermin' => 'Informationen zum 1. Termin & Formulare | Dialysezentrum Berlin-Mahlsdorf',
'kontakt' => 'Kontakt & Anfahrt | Dialysezentrum Berlin-Mahlsdorf',
'kontakt-formular' => 'Kontaktanfrage | Dialysezentrum Berlin-Mahlsdorf',
'impressum' => 'Impressum | Dialysezentrum Berlin-Mahlsdorf',
'datenschutz' => 'Datenschutzerklärung | Dialysezentrum Berlin-Mahlsdorf',
'404' => 'Seite nicht gefunden (404) | Dialysezentrum Berlin-Mahlsdorf',
];
$pageTitle = isset($titles[$action]) ? $titles[$action] : 'Dialysezentrum Berlin-Mahlsdorf';
$descriptions = [
'main' => 'Dialysezentrum Berlin-Mahlsdorf & Marzahn: Individuelle Hämodialyse, Online-HDF, nephrologische Ambulanz und ganzjährige Feriendialysen in Berlin.',
'leistungen' => 'Leistungen im Dialysezentrum Berlin-Mahlsdorf: Nephrologische Ambulanz, Hämodialyse, Online-HDF mit Nikkiso Haemo-Master, Fresenius BCM & Sonographie.',
'praxis' => 'Praxisausstattung, Dialyse-Schichten & Ambulanz-Sprechzeiten: 16 Plätze in Berlin-Mahlsdorf, 18 Plätze in Berlin-Marzahn und moderne Nikkiso-Dialysetechnik.',
'team' => 'Lernen Sie unser Ärzteteam kennen: Dr. med. Bianca Bischoff, Dr. med. Juliane Hoffzimmer, Dr. med. Claudia Körner und 23 engagierte Pflege- & Servicekräfte.',
'ersttermin' => 'Checkliste und interaktive Formulare für Ihren 1. Termin im Dialysezentrum Berlin-Mahlsdorf: Anamnesebogen, Datenschutz & Patientenunterlagen online ausfüllen.',
'kontakt' => 'Kontakt & Anfahrt zum Dialysezentrum Berlin-Mahlsdorf (Thorner Str. 1, 12623 Berlin) und zur Satellitendialyse Marzahn (Blumberger Damm 130, 12685 Berlin).',
'kontakt-formular' => 'Senden Sie uns Ihre Anfrage bequem online über das Kontaktformular des Dialysezentrums Berlin-Mahlsdorf für Termine, Feriendialysen oder allgemeine Fragen.',
'impressum' => 'Impressum und Pflichtangaben der Berufsausübungsgemeinschaft Dr. med. Bianca Bischoff & Dr. med. Juliane Hoffzimmer – Dialysezentrum Berlin-Mahlsdorf.',
'datenschutz' => 'Datenschutzerklärung und Informationen zum Schutz Ihrer personenbezogenen Daten gemäß DSGVO im Dialysezentrum Berlin-Mahlsdorf.',
'404' => 'Die angeforderte Seite wurde leider nicht gefunden. Zurück zur Startseite des Dialysezentrums Berlin-Mahlsdorf.',
];
$currentAction = isset($action) ? $action : 'main';
$pageTitle = isset($titles[$currentAction]) ? $titles[$currentAction] : 'Dialysezentrum Berlin-Mahlsdorf';
$pageDescription = isset($descriptions[$currentAction]) ? $descriptions[$currentAction] : $descriptions['main'];
$baseUrl = 'https://www.dialyse-berlin.net';
if ($currentAction === '404') {
$robotsMeta = 'noindex, nofollow';
$canonicalUrl = null;
} elseif (in_array($currentAction, ['impressum', 'datenschutz', 'kontakt-formular'], true)) {
$robotsMeta = 'noindex, follow';
$canonicalUrl = $baseUrl . '/' . $currentAction . '.html';
} elseif ($currentAction === 'main') {
$robotsMeta = 'index, follow';
$canonicalUrl = $baseUrl . '/';
} else {
$robotsMeta = 'index, follow';
$canonicalUrl = $baseUrl . '/' . $currentAction . '.html';
}
$schemaGraph = [
[
'@type' => 'MedicalClinic',
'@id' => $baseUrl . '/#organization',
'name' => 'Dialysezentrum Berlin-Mahlsdorf',
'alternateName' => 'Zentrum für Nephrologie und Dialyse – Dr. med. Bianca Bischoff & Dr. med. Juliane Hoffzimmer',
'url' => $baseUrl . '/',
'logo' => $baseUrl . '/img/logo_dialysezentrum.png',
'image' => $baseUrl . '/img/gallery/praxis1.jpg',
'description' => $descriptions['main'],
'medicalSpecialty' => 'https://schema.org/Nephrology',
'telephone' => '+49-30-5662484',
'email' => 'kontakt@dialyse-berlin.net',
'address' => [
'@type' => 'PostalAddress',
'streetAddress' => 'Thorner Straße 1',
'postalCode' => '12623',
'addressLocality' => 'Berlin',
'addressRegion' => 'Berlin',
'addressCountry' => 'DE',
],
'geo' => [
'@type' => 'GeoCoordinates',
'latitude' => 52.5078291,
'longitude' => 13.6092903,
],
'hasMap' => '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',
'openingHoursSpecification' => [
[
'@type' => 'OpeningHoursSpecification',
'dayOfWeek' => ['Monday', 'Wednesday', 'Friday'],
'opens' => '07:00',
'closes' => '20:00',
],
[
'@type' => 'OpeningHoursSpecification',
'dayOfWeek' => ['Tuesday', 'Thursday', 'Saturday'],
'opens' => '07:00',
'closes' => '13:00',
],
],
'department' => [
'@type' => 'MedicalClinic',
'name' => 'Dialysezentrum Berlin-Mahlsdorf – Satellitendialyse Marzahn',
'medicalSpecialty' => 'https://schema.org/Nephrology',
'telephone' => '+49-30-5662484',
'email' => 'kontakt@dialyse-berlin.net',
'address' => [
'@type' => 'PostalAddress',
'streetAddress' => 'Blumberger Damm 130 (Eingang: Pritzhagener Weg 21)',
'postalCode' => '12685',
'addressLocality' => 'Berlin',
'addressRegion' => 'Berlin',
'addressCountry' => 'DE',
],
'geo' => [
'@type' => 'GeoCoordinates',
'latitude' => 52.5428128,
'longitude' => 13.5716785,
],
'hasMap' => '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',
],
'employee' => [
[
'@type' => 'Physician',
'name' => 'Dr. med. Bianca Bischoff',
'jobTitle' => 'Fachärztin für Innere Medizin und Nephrologie',
'medicalSpecialty' => 'https://schema.org/Nephrology',
],
[
'@type' => 'Physician',
'name' => 'Dr. med. Juliane Hoffzimmer',
'jobTitle' => 'Fachärztin für Innere Medizin und Nephrologie',
'medicalSpecialty' => 'https://schema.org/Nephrology',
],
[
'@type' => 'Physician',
'name' => 'Dr. med. Claudia Körner',
'jobTitle' => 'Fachärztin für Innere Medizin',
],
],
],
];
if ($canonicalUrl && $currentAction !== 'main') {
$schemaGraph[] = [
'@type' => 'BreadcrumbList',
'itemListElement' => [
[
'@type' => 'ListItem',
'position' => 1,
'name' => 'Startseite',
'item' => $baseUrl . '/',
],
[
'@type' => 'ListItem',
'position' => 2,
'name' => trim(explode('|', $pageTitle)[0]),
'item' => $canonicalUrl,
],
],
];
}
?>
<!DOCTYPE html>
<html lang="de">
@@ -24,9 +160,28 @@ $currentAction = isset($action) ? $action : 'main';
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?=htmlspecialchars($pageTitle)?></title>
<meta name="language" content="de">
<meta name="description" content="Dialysezentrum Berlin-Mahlsdorf: Ganzjährige Feriendialysen und individuelle Betreuung im modernen Zentrum für Nephrologie und Dialyse.">
<meta name="robots" content="index, follow">
<meta name="description" content="<?=htmlspecialchars($pageDescription)?>">
<meta name="robots" content="<?=htmlspecialchars($robotsMeta)?>">
<?php if($canonicalUrl): ?>
<link rel="canonical" href="<?=htmlspecialchars($canonicalUrl)?>">
<?php endif; ?>
<!-- Open Graph / Link Preview Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:locale" content="de_DE">
<meta property="og:site_name" content="Dialysezentrum Berlin-Mahlsdorf">
<meta property="og:title" content="<?=htmlspecialchars($pageTitle)?>">
<meta property="og:description" content="<?=htmlspecialchars($pageDescription)?>">
<?php if($canonicalUrl): ?>
<meta property="og:url" content="<?=htmlspecialchars($canonicalUrl)?>">
<?php endif; ?>
<meta property="og:image" content="<?=$baseUrl?>/img/gallery/praxis1.jpg">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="768">
<meta property="og:image:alt" content="Dialysezentrum Berlin-Mahlsdorf – Praxisgebäude in der Thorner Straße 1">
<!-- Schema.org Structured Data (JSON-LD) -->
<script type="application/ld+json"><?=json_encode(['@context' => 'https://schema.org', '@graph' => $schemaGraph], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE)?></script>
<link rel="icon" href="/img/favicon.ico?v=<?=filemtime(__DIR__ . '/../img/favicon.ico')?>" type="image/x-icon">
<link rel="icon" href="/img/favicon.png?v=<?=filemtime(__DIR__ . '/../img/favicon.png')?>" type="image/png">
@@ -42,32 +197,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&#64;tkatnok</span>
</a>
</div>
@@ -80,22 +236,23 @@ $currentAction = isset($action) ? $action : 'main';
<a href="/" class="site-logo" title="Dialysezentrum Berlin-Mahlsdorf &ndash; Startseite">
<img src="/img/logo_dialysezentrum.png?v=<?=filemtime(__DIR__ . '/../img/logo_dialysezentrum.png')?>"
alt="Dialysezentrum Berlin-Mahlsdorf &ndash; Zentrum für Nephrologie &amp; Dialyse"
width="915" height="199"
class="site-logo-img">
</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 +260,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>&#x2715; Schließen</span>
<span aria-hidden="true">&#x2715;</span> <span>Schließen</span>
</button>
</div>
</div>
@@ -118,11 +275,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>&#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>
<h1 class="hero-title">Dialysezentrum Berlin-Mahlsdorf</h1>
<div class="hero-subtitle">
@@ -135,11 +292,12 @@ $currentAction = isset($action) ? $action : 'main';
<a href="/leistungen.html" class="btn btn-primary">Unsere Leistungen</a>
<a href="/praxis.html" class="btn btn-secondary">Praxis &amp; Öffnungszeiten</a>
<a href="/kontakt.html" class="btn btn-outline">Kontakt aufnehmen</a>
<a href="/ersttermin.html" class="btn btn-outline">Infos zum 1. Termin</a>
</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 +306,17 @@ $currentAction = isset($action) ? $action : 'main';
<div class="page-banner">
<div class="container page-banner-inner">
<div>
<div class="breadcrumb">
<a href="/">Startseite</a> &rsaquo;
<span><?=htmlspecialchars(explode('|', $pageTitle)[0])?></span>
</div>
<nav class="breadcrumb" aria-label="Brotkrumennavigation">
<a href="/">Startseite</a> <span aria-hidden="true">&rsaquo;</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 +336,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 +349,13 @@ $currentAction = isset($action) ? $action : 'main';
<div>
<div class="footer-col-title">Navigation</div>
<ul class="footer-links">
<li><a href="/">&rsaquo; Startseite</a></li>
<li><a href="/leistungen.html">&rsaquo; Leistungen</a></li>
<li><a href="/praxis.html">&rsaquo; Praxisausstattung</a></li>
<li><a href="/team.html">&rsaquo; Unser Team</a></li>
<li><a href="/kontakt.html">&rsaquo; Kontakt &amp; Anfahrt</a></li>
<li><a href="/kontakt-formular.html">&rsaquo; Kontaktformular</a></li>
<li><a href="/"><span aria-hidden="true">&rsaquo;</span> Startseite</a></li>
<li><a href="/leistungen.html"><span aria-hidden="true">&rsaquo;</span> Leistungen</a></li>
<li><a href="/praxis.html"><span aria-hidden="true">&rsaquo;</span> Praxisausstattung</a></li>
<li><a href="/team.html"><span aria-hidden="true">&rsaquo;</span> Unser Team</a></li>
<li><a href="/ersttermin.html"><span aria-hidden="true">&rsaquo;</span> Infos zum 1. Termin</a></li>
<li><a href="/kontakt.html"><span aria-hidden="true">&rsaquo;</span> Kontakt &amp; Anfahrt</a></li>
<li><a href="/kontakt-formular.html"><span aria-hidden="true">&rsaquo;</span> Kontaktformular</a></li>
</ul>
</div>
@@ -204,20 +363,20 @@ $currentAction = isset($action) ? $action : 'main';
<div>
<div class="footer-col-title">Kontakt &amp; 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&#64;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;">&raquo; 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">&raquo;</span> Praxis-Flyer herunterladen (PDF)</a></span>
</div>
</div>
</div>
@@ -281,6 +440,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 +455,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 +465,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"/>');
}
});
+17 -6
View File
@@ -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äß &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>
<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 &amp; Aufsicht</h3>
<h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); margin-bottom: 1rem;">Berufsbezeichnung &amp; 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,18 @@
</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;">Beauftragter für Medizinproduktesicherheit (&sect; 6 MPBetreibV)</h2>
<p>
Gemäß &sect; 6 der Medizinprodukte-Betreiberverordnung (MPBetreibV) steht für Behörden, Hersteller und Vertreiber von Medizinprodukten eine zentrale Kontaktstelle für Meldungen über Risiken von Medizinprodukten sowie zur Umsetzung notwendiger Sicherheits- und Korrekturmaßnahmen zur Verfügung:
</p>
<p style="margin-bottom: 0;">
<strong>Ansprechpartner Medizintechnik:</strong>
<a href="javascript:void(0);" class="mail-obf" data-usr="medizintechnik" data-dom="dialyse-berlin" data-tld="net" style="font-weight: 600;"><span class="mail-val c-rev">net.nilreb-esylaid&#64;kinhcetnizidem</span></a>
</p>
</div>
<div class="card" style="margin-bottom: 2rem;">
<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 +72,7 @@
</div>
<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>
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>
+9 -9
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;">
Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der
@@ -56,12 +56,12 @@
</div>
<div>
<a href="/img/gallery/praxis1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis1.jpg')?>" data-lightbox="main" data-title="Die Praxis von außen" class="gallery-item" style="display: block;">
<img src="/img/gallery/praxis1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis1.jpg')?>" alt="Die Praxis von außen">
<img src="/img/gallery/praxis1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis1.jpg')?>" alt="Die Praxis von außen" width="1024" height="768" loading="lazy" decoding="async">
<div class="gallery-overlay">
<span class="gallery-caption">Die Praxis von außen &bull; Thorner Straße</span>
</div>
<div class="gallery-zoom-icon">
<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>
@@ -70,12 +70,12 @@
<div class="grid-2" style="align-items: center; margin-bottom: 2.5rem;">
<div>
<a href="/img/gallery/startseite1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/startseite1.jpg')?>" data-lightbox="main" data-title="Sprechzimmer" class="gallery-item" style="display: block;">
<img src="/img/gallery/startseite1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/startseite1.jpg')?>" alt="Sprechzimmer">
<img src="/img/gallery/startseite1.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/startseite1.jpg')?>" alt="Sprechzimmer" width="632" height="1024" loading="lazy" decoding="async">
<div class="gallery-overlay">
<span class="gallery-caption">Modern ausgestattetes Sprechzimmer</span>
</div>
<div class="gallery-zoom-icon">
<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 &raquo;</a>
<a href="/praxis.html" class="btn btn-secondary btn-sm">Praxisausstattung &amp; Zeiten &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 <span aria-hidden="true">&raquo;</span></a>
</div>
</div>
</div>
+5 -5
View File
@@ -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', 'ersttermin']) ? 'active' : ''?>" <?=in_array($current, ['kontakt', 'kontakt-formular', 'ersttermin']) ? 'aria-current="page"' : ''?>>Kontakt</a></li>
</ul>
+28 -28
View File
@@ -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 &amp; 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;">&#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>
</li>
<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>
</li>
<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>
</li>
<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>
</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 &amp; 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;">&#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>
</li>
<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>
</li>
<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>
</li>
<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>
</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">
@@ -127,33 +127,33 @@
<div class="gallery-grid">
<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" width="1024" height="768" loading="lazy" decoding="async">
<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 &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" width="682" height="1024" loading="lazy" decoding="async">
<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 &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" width="1200" height="800" loading="lazy" decoding="async">
<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 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" width="1024" height="768" loading="lazy" decoding="async">
<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 &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" width="1024" height="560" loading="lazy" decoding="async">
<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 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" width="1024" height="771" loading="lazy" decoding="async">
<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>
+32 -32
View File
@@ -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;">&#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>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span 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>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></span>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span 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>
</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 &amp; 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;">&#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>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span 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>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.85rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span 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>
</li>
<li style="display: flex; align-items: flex-start; gap: 0.6rem;">
<span style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
<span 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>
</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>&#x26A0;</span> Überwässerung (Hyperhydratation)
<span aria-hidden="true">&#x26A0;</span> Überwässerung (Hyperhydratation)
</div>
<div>Kann zu Bluthochdruck und Gewebsödemen bis hin zum lebensbedrohlichen Lungenödem führen.</div>
</div>
<div class="condition-card condition-info">
<div class="condition-title">
<span>&#x2139;</span> Unterwässerung (Dehydratation)
<span aria-hidden="true">&#x2139;</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 &amp; Individuelle Dialyse</span>
<h2 class="highlight-panel-title">
<svg style="width: 24px; height: 24px; fill: var(--accent);" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"/></svg>
<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 &amp; Biofeedback-Regelung mit dem Haemo-Master von Nikkiso
</h2>
<p>
@@ -115,33 +115,33 @@
<div class="gallery-grid">
<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" width="600" height="400" loading="lazy" decoding="async">
<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 &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" width="600" height="400" loading="lazy" decoding="async">
<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 &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" width="600" height="446" loading="lazy" decoding="async">
<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 &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" width="600" height="427" loading="lazy" decoding="async">
<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 &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" width="600" height="425" loading="lazy" decoding="async">
<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 &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" width="600" height="400" loading="lazy" decoding="async">
<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
View File
@@ -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 &amp; 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 &amp; 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);">