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

Rework using Gemini

Browse Source
This commit is contained in:
chriz committed 2026-10-19 18:43:01 +02:00
1 parent 911b8864ca
commit 8660ea6173
28 files changed
+872 -73
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/frontend.css
+83 -11
View File
@@ -201,24 +201,40 @@ li {
.top-bar {
background-color: var(--primary-dark);
color: #d1e5ed;
font-size: 0.85rem;
padding: 0.5rem 0;
font-size: 0.82rem;
padding: 0.45rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
white-space: nowrap;
}
.top-bar .container {
max-width: 1400px;
}
.top-bar-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 0.75rem;
flex-wrap: nowrap;
gap: 1rem;
width: 100%;
}
.top-bar-left, .top-bar-right {
.top-bar-left {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1.25rem;
flex-shrink: 0;
white-space: nowrap;
}
.top-bar-right {
display: flex;
align-items: center;
gap: 1.25rem;
flex-shrink: 0;
margin-left: auto;
white-space: nowrap;
}
.top-bar a {
@@ -228,6 +244,7 @@ li {
gap: 0.4rem;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
}
.top-bar a:hover {
@@ -239,6 +256,8 @@ li {
display: inline-flex;
align-items: center;
gap: 0.4rem;
white-space: nowrap;
flex-shrink: 0;
}
.top-bar-icon {
@@ -246,6 +265,14 @@ li {
height: 14px;
fill: currentColor;
opacity: 0.85;
flex-shrink: 0;
}
/* Anti-Spam Email Obfuscation (RTL Bidi Fallback) */
.c-rev {
unicode-bidi: bidi-override;
direction: rtl;
display: inline;
}
/* ==========================================================================
@@ -984,9 +1011,11 @@ li {
padding: 1.75rem;
box-shadow: var(--shadow-sm);
display: flex;
gap: 1.5rem;
flex-direction: column;
gap: 1.25rem;
align-items: flex-start;
transition: var(--transition);
height: 100%;
}
.doctor-card:hover {
@@ -1015,6 +1044,9 @@ li {
.doctor-info {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
}
.doctor-name {
@@ -1028,12 +1060,15 @@ li {
color: var(--accent);
font-weight: 600;
font-size: 0.95rem;
line-height: 1.4;
min-height: 2.8em;
margin-bottom: 0.5rem;
}
.doctor-meta {
font-size: 0.9rem;
color: var(--text-muted);
margin-bottom: 1rem;
}
.doctor-meta span {
@@ -1048,10 +1083,11 @@ li {
font-size: 0.8rem;
background-color: var(--bg-alt);
color: var(--primary);
padding: 0.25rem 0.65rem;
padding: 0.3rem 0.65rem;
border-radius: var(--radius-sm);
margin-top: 0.65rem;
margin-top: auto;
font-weight: 600;
align-self: flex-start;
}
/* ==========================================================================
@@ -1432,6 +1468,28 @@ textarea.form-control {
Responsive Media Queries
========================================================================== */
/* Prioritized Address Hiding when space is limited */
@media screen and (max-width: 1240px) {
.top-bar-addr-satellite {
display: none !important;
}
}
@media screen and (max-width: 992px) {
.top-bar-left {
display: none !important;
}
.top-bar-inner {
justify-content: center !important;
}
.top-bar-right {
margin-left: 0 !important;
justify-content: center !important;
}
}
/* Tablet (max 1024px) */
@media screen and (max-width: 1024px) {
.grid-4 {
@@ -1457,11 +1515,20 @@ textarea.form-control {
.top-bar-inner {
justify-content: center;
text-align: center;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.top-bar-left, .top-bar-right {
.top-bar-inner::-webkit-scrollbar {
display: none;
}
.top-bar-right {
justify-content: center;
gap: 0.75rem;
gap: 0.85rem;
font-size: 0.8rem;
flex-wrap: nowrap;
}
.site-header {
@@ -1560,6 +1627,11 @@ textarea.form-control {
/* Small Smartphone (max 480px) */
@media screen and (max-width: 480px) {
.top-bar-right {
gap: 0.65rem;
font-size: 0.76rem;
}
.logo-title {
font-size: 1.05rem;
}
files/dialyse_flyer.pdf
BIN
View File
Binary file not shown.
files/flyer_map.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

files/flyer_template.html
+573
View File
@@ -0,0 +1,573 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Praxis-Flyer | Dialysezentrum Berlin-Mahlsdorf</title>
<style>
@page {
size: A4 portrait;
margin: 0;
}
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #1e293b;
background: #ffffff;
line-height: 1.35;
font-size: 8.5pt;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.page {
width: 210mm;
height: 297mm;
position: relative;
padding: 9.5mm 12mm;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* Header */
.flyer-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2mm;
border-bottom: 2px solid #0284c7;
}
.brand {
display: flex;
align-items: center;
gap: 3mm;
}
.logo-badge {
width: 36px;
height: 36px;
background: linear-gradient(135deg, #07384d 0%, #0284c7 100%);
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
flex-shrink: 0;
}
.logo-badge svg {
width: 22px;
height: 22px;
fill: currentColor;
}
.brand-text h1 {
font-size: 14pt;
font-weight: 800;
color: #07384d;
line-height: 1.1;
letter-spacing: -0.01em;
}
.brand-text h1 span {
color: #0284c7;
}
.brand-text p {
font-size: 7pt;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: 1px;
}
.header-contact {
text-align: right;
font-size: 7.8pt;
color: #07384d;
line-height: 1.25;
}
.header-contact strong {
color: #07384d;
}
.header-contact .email-link {
color: #0284c7;
font-weight: 700;
}
/* Motto Banner */
.motto-banner {
background: linear-gradient(135deg, #07384d 0%, #0b4f6c 100%);
color: #ffffff;
border-radius: 6px;
padding: 2.8mm 4mm;
margin-top: 2mm;
margin-bottom: 2mm;
display: flex;
justify-content: space-between;
align-items: center;
gap: 3mm;
}
.motto-text {
font-size: 9.8pt;
font-weight: 700;
font-style: italic;
color: #f0f9ff;
}
.motto-sub {
font-size: 7.2pt;
color: #bae6fd;
white-space: nowrap;
}
/* Physicians Row (Shortened to Name & Role) */
.physicians-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.5mm;
margin-bottom: 2.2mm;
}
.physician-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-left: 3px solid #0284c7;
border-radius: 5px;
padding: 2mm 2.5mm;
}
.physician-name {
font-size: 8.5pt;
font-weight: 700;
color: #07384d;
line-height: 1.2;
}
.physician-role {
font-size: 7pt;
font-weight: 600;
color: #0284c7;
margin-top: 1px;
line-height: 1.2;
}
/* Main 2-Column Content Grid */
.content-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3.5mm;
}
.section-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 2.8mm 3.2mm;
margin-bottom: 2.2mm;
}
.section-card:last-child {
margin-bottom: 0;
}
.card-header {
display: flex;
align-items: center;
gap: 4px;
font-size: 8.3pt;
font-weight: 700;
color: #07384d;
margin-bottom: 1.2mm;
padding-bottom: 0.8mm;
border-bottom: 1px solid #e2e8f0;
}
.card-header svg {
width: 12px;
height: 12px;
fill: #0284c7;
flex-shrink: 0;
}
/* Lists & Details */
.check-list {
list-style: none;
font-size: 7.1pt;
color: #334155;
}
.check-list li {
position: relative;
padding-left: 11px;
margin-bottom: 0.8mm;
line-height: 1.25;
}
.check-list li:last-child {
margin-bottom: 0;
}
.check-list li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #0284c7;
font-weight: bold;
font-size: 7.5pt;
}
/* Schedule rows */
.sched-item {
display: flex;
justify-content: space-between;
font-size: 7.1pt;
padding: 0.7mm 0;
border-bottom: 1px dashed #e2e8f0;
line-height: 1.25;
}
.sched-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.sched-title {
font-weight: 700;
color: #07384d;
}
.sched-hours {
text-align: right;
color: #1e293b;
}
.badge-tag {
background: #e0f2fe;
color: #0369a1;
font-size: 5.8pt;
font-weight: 700;
padding: 0.5px 3px;
border-radius: 2px;
margin-right: 2px;
}
/* Locations */
.loc-block {
margin-bottom: 1.8mm;
font-size: 7.1pt;
line-height: 1.25;
}
.loc-block:last-child {
margin-bottom: 0;
}
.loc-head {
font-weight: 700;
color: #07384d;
font-size: 7.6pt;
}
.loc-body {
color: #475569;
}
.loc-body strong {
color: #07384d;
}
/* Anfahrt & Map */
.anfahrt-flex {
display: flex;
gap: 3mm;
align-items: center;
}
.anfahrt-text {
flex: 1;
font-size: 7pt;
color: #475569;
line-height: 1.22;
}
.anfahrt-text p {
margin-bottom: 0.8mm;
}
.anfahrt-text p:last-child {
margin-bottom: 0;
}
.map-thumb {
width: 32mm;
height: 36mm;
object-fit: contain;
border: 1px solid #cbd5e1;
border-radius: 4px;
background: #ffffff;
padding: 1mm;
flex-shrink: 0;
}
/* Bottom Callout & Footer */
.footer-callout {
background: linear-gradient(135deg, #07384d 0%, #0284c7 100%);
color: #ffffff;
border-radius: 6px;
padding: 2.5mm 4mm;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2.2mm;
}
.callout-left {
flex: 1;
}
.callout-title {
font-size: 8.5pt;
font-weight: 700;
margin-bottom: 0.5mm;
}
.callout-sub {
font-size: 6.8pt;
color: #e0f2fe;
}
.callout-channels {
display: flex;
gap: 5mm;
align-items: center;
}
.callout-item {
text-align: right;
}
.callout-item small {
display: block;
font-size: 5.8pt;
font-weight: 600;
color: #bae6fd;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.callout-item .channel-val {
font-size: 9.8pt;
font-weight: 800;
color: #ffffff;
white-space: nowrap;
}
.flyer-bottom-info {
border-top: 1px solid #e2e8f0;
padding-top: 1.2mm;
margin-top: 1.8mm;
display: flex;
justify-content: space-between;
font-size: 6.6pt;
color: #64748b;
}
</style>
</head>
<body>
<div class="page">
<!-- Top Brand Header -->
<div class="flyer-header">
<div class="brand">
<div class="logo-badge">
<svg viewBox="0 0 24 24"><path d="M19 10.5V6a2 2 0 0 0-2-2h-3V1.5a1.5 1.5 0 0 0-3 0V4H8a2 2 0 0 0-2 2v4.5C6 14.1 8.9 17 12.5 17h.5c3.6 0 6.5-2.9 6.5-6.5zm-5 6.45V19a3 3 0 0 1-6 0v-2.05A8.5 8.5 0 0 1 4 10.5V6h3v4.5a5.5 5.5 0 0 0 11 0V6h3v4.5a8.5 8.5 0 0 1-7 8.45zM12 21a1 1 0 0 0 1-1v-1h-2v1a1 1 0 0 0 1 1z"/></svg>
</div>
<div class="brand-text">
<h1>DIALYSEZENTRUM <span>Berlin-Mahlsdorf</span></h1>
<p>Zentrum für Innere Medizin &bull; Nephrologische Schwerpunktpraxis</p>
</div>
</div>
<div class="header-contact">
<div>Tel. <strong>030 / 566 24 84</strong></div>
<div>E-Mail: <span class="email-link">kontakt@dialyse-berlin.net</span></div>
<div>Web: <span>www.dialyse-berlin.net</span></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 &bull; Feriendialyse &bull; Barrierefrei</div>
</div>
<!-- Physicians (Shortened to Name and Role) -->
<div class="physicians-row">
<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>
<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>
<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>
</div>
<!-- Main 2-Column Content -->
<div class="content-grid">
<!-- LEFT COLUMN: Leistungen & Behandlungszeiten -->
<div>
<!-- Leistungen -->
<div class="section-card">
<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> Diagnostik &amp; Therapie aller Nierenerkrankungen</li>
<li>Optimale <strong>Blutdruck- &amp; Blutzuckereinstellung</strong> als Schwerpunkt</li>
<li>Spezialisierte Betreuung <strong>niereninsuffizienter Diabetiker</strong></li>
<li><strong>Sonographie</strong> (Ultraschall Nieren/Abdomen), EKG, 24h-Blutdruck</li>
<li><strong>Hämodialyse &amp; Hämodiafiltration (HDF):</strong> Nikkiso DBB-07 und Nikkiso DBB-EXA mit Hemo-Master</li>
<li><strong>Fresenius BCM:</strong> Bioelektrische Blutvolumenmessung</li>
<li>Vorbereitung &amp; Betreuung transplantierter Patienten &bull; Ernährungsberatung</li>
</ul>
</div>
<!-- Feriendialyse & Komfort -->
<div class="section-card">
<div class="card-header">
<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
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>Wohlfühlatmosphäre mit <strong>kostenlosem WLAN, TV &amp; Imbiss- und Getränkeservice</strong></li>
<li>Enge Zusammenarbeit mit Haus- &amp; Fachärzten und umliegenden Krankenhäusern</li>
</ul>
</div>
<!-- Öffnungszeiten -->
<div class="section-card">
<div class="card-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>
Behandlungs- &amp; Sprechzeiten
</div>
<div class="sched-item">
<div class="sched-title">Dialyse (Mo, Mi, Fr):</div>
<div class="sched-hours">
<div><span class="badge-tag">1. Schicht</span> 07:00 &ndash; 13:00 Uhr</div>
<div><span class="badge-tag">2. Schicht</span> 13:00 &ndash; 18:00 Uhr</div>
<div><span class="badge-tag">3. Schicht</span> 14:30 &ndash; 20:00 Uhr</div>
</div>
</div>
<div class="sched-item">
<div class="sched-title">Dialyse (Di, Do, Sa):</div>
<div class="sched-hours"><span class="badge-tag">1. Schicht</span> 07:00 &ndash; 13:00 Uhr</div>
</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>
<div class="sched-item">
<div class="sched-title">Ambulanz (Di, Do):</div>
<div class="sched-hours">08:30 &ndash; 12:00 Uhr</div>
</div>
</div>
</div>
<!-- RIGHT COLUMN: Standorte, Kontakt & Anfahrt -->
<div>
<!-- Standorte -->
<div class="section-card">
<div class="card-header">
<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>
Unsere Standorte in Berlin
</div>
<div class="loc-block">
<div class="loc-head">Zentrumsdialyse (Hauptpraxis &amp; Ambulanz)</div>
<div class="loc-body">
<strong>Thorner Straße 1 &bull; 12623 Berlin</strong> (16 Behandlungsplätze)<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>
</div>
</div>
<div class="loc-block" style="border-top: 1px dashed #e2e8f0; padding-top: 1.2mm;">
<div class="loc-head">Satellitendialyse</div>
<div class="loc-body">
<strong>Blumberger Damm 130 &bull; 12685 Berlin</strong> (18 Behandlungsplätze)<br>
Eingang: Pritzhagener Weg 21
</div>
</div>
</div>
<!-- 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 (Thorner Straße 1)
</div>
<div class="anfahrt-flex">
<div class="anfahrt-text">
<p><strong>ÖPNV:</strong> S-Bahn <strong>S5</strong> 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. / Wilhelmsmühlenweg in die Thorner Str. 1.</p>
<p style="color: #0284c7; font-weight: 600;">Gute Parkmöglichkeiten direkt vor der Praxis vorhanden.</p>
</div>
<img src="file:///d:/web-repo2/files/flyer_map.png" class="map-thumb" alt="Lageplan">
</div>
</div>
<!-- Praxis-Foto -->
<div class="section-card" style="padding: 1.5mm;">
<img src="file:///d:/web-repo2/img/gallery/praxis1.jpg" style="width: 100%; height: 25mm; object-fit: cover; border-radius: 4px;" alt="Praxis aussen">
</div>
</div>
</div>
<!-- Bottom Action Callout with BOTH Phone & Email prominently featured -->
<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>
<div class="callout-channels">
<div class="callout-item">
<small>Zentrale Rufnummer</small>
<div class="channel-val">030 / 566 24 84</div>
</div>
<div class="callout-item">
<small>E-Mail-Kontakt</small>
<div class="channel-val">kontakt@dialyse-berlin.net</div>
</div>
</div>
</div>
<!-- Bottom Info Line -->
<div class="flyer-bottom-info">
<div>Dialysezentrum Berlin-Mahlsdorf &bull; Dr. med. B. Bischoff &amp; Dr. med. J. Hoffzimmer</div>
<div>E-Mail: kontakt@dialyse-berlin.net &bull; Web: www.dialyse-berlin.net</div>
<div>Thorner Str. 1, 12623 Berlin &bull; Blumberger Damm 130, 12685 Berlin</div>
</div>
</div>
</body>
</html>
img/gallery/praxis1.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 259 KiB

img/gallery/praxis1_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 259 KiB

img/gallery/praxis3.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 363 KiB

After

Width:  |  Height:  |  Size: 345 KiB

img/gallery/praxis3_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 345 KiB

img/gallery/praxis4.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 138 KiB

img/gallery/praxis4_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 138 KiB

img/gallery/praxis6.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 501 KiB

After

Width:  |  Height:  |  Size: 436 KiB

img/gallery/praxis6_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 436 KiB

img/gallery/praxis7.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 213 KiB

After

Width:  |  Height:  |  Size: 94 KiB

img/gallery/praxis7_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 94 KiB

img/gallery/praxis8.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 259 KiB

After

Width:  |  Height:  |  Size: 145 KiB

img/gallery/praxis8_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 145 KiB

img/gallery/startseite1.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 195 KiB

After

Width:  |  Height:  |  Size: 138 KiB

img/gallery/startseite1_thumb.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 138 KiB

js/contact.js
+45 -6
View File
@@ -3,13 +3,52 @@
* Dialysezentrum Berlin-Mahlsdorf
*/
function sending() {
// Obfuscated mailto link to prevent bot harvesting
var parts = ['kontakt', 'dialyse-berlin.net'];
window.location.href = 'mailto:' + parts[0] + '@' + parts[1];
function sending(user, domain, tld) {
user = user || 'kontakt';
domain = domain || 'dialyse-berlin';
tld = tld || 'net';
window.location.href = 'mailto:' + user + '@' + domain + '.' + tld;
return true;
}
function initObfuscatedEmails() {
// Dynamically reconstruct obfuscated email links and text for real visitors
$('.mail-obf').each(function() {
var $el = $(this);
var u = $el.attr('data-usr') || $el.data('usr');
var d = $el.attr('data-dom') || $el.data('dom');
var t = $el.attr('data-tld') || $el.data('tld');
if (u && d && t) {
var email = u + '@' + d + '.' + t;
$el.attr('href', 'mailto:' + email);
var $val = $el.find('.mail-val');
if ($val.length) {
$val.removeClass('c-rev').text(email);
}
}
});
$('.mail-obf-text').each(function() {
var $el = $(this);
var u = $el.attr('data-usr') || $el.data('usr');
var d = $el.attr('data-dom') || $el.data('dom');
var t = $el.attr('data-tld') || $el.data('tld');
if (u && d && t) {
var email = u + '@' + d + '.' + t;
var $val = $el.find('.mail-val');
if ($val.length) {
$val.removeClass('c-rev').text(email);
} else {
$el.text(email);
}
}
});
}
$(function() {
initObfuscatedEmails();
});
function showMapLocation(loc) {
var $frame = $('#mapFrame');
var $addrText = $('#mapAddressText');
@@ -20,14 +59,14 @@ function showMapLocation(loc) {
if (loc === 'satellit') {
$frame.attr('src', 'https://maps.google.com/maps?q=Blumberger+Damm+130,+12685+Berlin&t=&z=15&ie=UTF8&iwloc=&output=embed');
$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.542799,13.5694855,17z/');
$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');
} 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');
$addrText.text('Thorner Straße 1, 12623 Berlin');
$extLink.attr('href', 'https://www.google.de/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078935,13.6126659,16z/');
$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');
lib/Helper.php
+87
View File
@@ -36,4 +36,91 @@ class Helper {
return ($dialogShowFrom <= $today && $until > $today);
}
/**
* Generate an obfuscated email link to protect against automated spambot harvesting.
* Raw HTML contains no plain email address or mailto: link.
* Splitting into data attributes with CSS bidi-override fallback renders correctly visually,
* while JavaScript dynamically activates the live mailto link for real human visitors.
*
* @param string $email
* @param string|null $label Optional text/label before or wrapping the email
* @param array $attrs Optional HTML attributes (class, style, title, icon, etc.)
* @return string
*/
public static function obfuscateEmail($email, $label = null, $attrs = []) {
if (strpos($email, '@') === false) {
return htmlspecialchars($email);
}
list($user, $domainPart) = explode('@', $email, 2);
$lastDot = strrpos($domainPart, '.');
if ($lastDot !== false) {
$domain = substr($domainPart, 0, $lastDot);
$tld = substr($domainPart, $lastDot + 1);
} else {
$domain = $domainPart;
$tld = '';
}
$reversed = strrev($email);
$baseClass = isset($attrs['class']) ? $attrs['class'] . ' mail-obf' : 'mail-obf';
$title = isset($attrs['title']) ? ' title="' . htmlspecialchars($attrs['title']) . '"' : '';
$style = isset($attrs['style']) ? ' style="' . htmlspecialchars($attrs['style']) . '"' : '';
$id = isset($attrs['id']) ? ' id="' . htmlspecialchars($attrs['id']) . '"' : '';
$content = '';
if (isset($attrs['icon']) && !empty($attrs['icon'])) {
$content .= $attrs['icon'] . ' ';
}
if ($label !== null && $label !== '') {
$content .= htmlspecialchars($label) . ' ';
}
$content .= '<span class="mail-val c-rev">' . htmlspecialchars($reversed) . '</span>';
return sprintf(
'<a href="javascript:void(0);" class="%s" data-usr="%s" data-dom="%s" data-tld="%s"%s%s%s>%s</a>',
htmlspecialchars($baseClass),
htmlspecialchars($user),
htmlspecialchars($domain),
htmlspecialchars($tld),
$title,
$style,
$id,
$content
);
}
/**
* Obfuscate plain text email (non-link).
*/
public static function obfuscateEmailText($email, $attrs = []) {
if (strpos($email, '@') === false) {
return htmlspecialchars($email);
}
list($user, $domainPart) = explode('@', $email, 2);
$lastDot = strrpos($domainPart, '.');
if ($lastDot !== false) {
$domain = substr($domainPart, 0, $lastDot);
$tld = substr($domainPart, $lastDot + 1);
} else {
$domain = $domainPart;
$tld = '';
}
$reversed = strrev($email);
$baseClass = isset($attrs['class']) ? $attrs['class'] . ' mail-obf-text' : 'mail-obf-text';
$style = isset($attrs['style']) ? ' style="' . htmlspecialchars($attrs['style']) . '"' : '';
return sprintf(
'<span class="%s" data-usr="%s" data-dom="%s" data-tld="%s"%s><span class="mail-val c-rev">%s</span></span>',
htmlspecialchars($baseClass),
htmlspecialchars($user),
htmlspecialchars($domain),
htmlspecialchars($tld),
$style,
htmlspecialchars($reversed)
);
}
}
view/contact.php
+11 -14
View File
@@ -22,7 +22,7 @@
<div class="contact-detail-value">
Thorner Straße 1<br>
12623 Berlin &ndash; Mahlsdorf<br>
<a href="https://www.google.de/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078935,13.6126659,16z/data=!4m2!3m1!1s0x47a84991f9c57f7f:0xad4486f559442067" target="_blank" rel="noopener noreferrer" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;">
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" 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>
</div>
@@ -44,20 +44,13 @@
</div>
</div>
<div class="contact-detail-row">
<svg class="contact-detail-icon" viewBox="0 0 24 24"><path d="M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 14H8v-4h8v4zm2-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>
<div class="contact-detail-label">Telefax:</div>
<div class="contact-detail-value">
030 / 566 25 30
</div>
</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>
<div class="contact-detail-label">E-Mail:</div>
<div class="contact-detail-value">
<a href="javascript:void(0);" onclick="sending();" style="display: inline-flex; align-items: center; gap: 0.35rem; color: var(--accent); font-weight: 600;">
<span>kontakt@dialyse-berlin.net</span>
<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;">
<span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span>
</a>
</div>
</div>
@@ -79,7 +72,7 @@
Blumberger Damm 130<br>
<small style="color: var(--text-muted);">(Eingang: Pritzhagener Weg 21)</small><br>
12685 Berlin<br>
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.542799,13.5694855,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0xda0b4785760166c5!8m2!3d52.542799!4d13.5716742" target="_blank" rel="noopener noreferrer" style="font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; margin-top: 0.25rem;">
<a href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf+LC/@52.5428128,13.5716785,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9d5111b:0xda0b4785760166c5!8m2!3d52.5428128!4d13.5716785!16s%2Fg%2F1ts_5mmj" target="_blank" rel="noopener noreferrer" 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>
</div>
@@ -88,11 +81,15 @@
<!-- Action Links & Download -->
<div style="display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem;">
<a href="/kontakt-formular.html" class="btn btn-primary" style="width: 100%;">
<a href="javascript:void(0);" onclick="sending();" class="btn btn-secondary mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net" style="width: 100%;">
<svg style="width: 18px; height: 18px; fill: currentColor;" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
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;
</a>
<a href="/files/dialyse_flyer.pdf" target="_blank" class="btn btn-secondary" style="width: 100%;">
<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>
Praxis-Flyer herunterladen (PDF)
</a>
@@ -119,7 +116,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.de/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078935,13.6126659,16z/" target="_blank" rel="noopener noreferrer" style="font-weight: 600;">
<a id="mapExternalLink" href="https://www.google.com/maps/place/Dialysezentrum+Berlin-Mahlsdorf/@52.5078291,13.6092903,17z/data=!3m1!4b1!4m6!3m5!1s0x47a84991f9c57f7f:0xad4486f559442067!8m2!3d52.5078291!4d13.6092903!16s%2Fg%2F1tdqghgn" target="_blank" rel="noopener noreferrer" style="font-weight: 600;">
Große Routenkarte &raquo;
</a>
</div>
view/frontend.php
+44 -12
View File
@@ -32,7 +32,7 @@ $currentAction = isset($action) ? $action : 'main';
<link rel="icon" href="/img/favicon.png" type="image/png">
<!-- Modern Stylesheets -->
<link href="/css/frontend.css" rel="stylesheet" media="screen">
<link href="/css/frontend.css?v=<?=filemtime(__DIR__ . '/../css/frontend.css')?>" rel="stylesheet" media="screen">
<link href="/css/lightbox.min.css" rel="stylesheet" media="screen">
<!-- Modern Libraries (Updated) -->
@@ -47,13 +47,13 @@ $currentAction = isset($action) ? $action : 'main';
<div class="top-bar">
<div class="container top-bar-inner">
<div class="top-bar-left">
<span class="top-bar-item">
<span class="top-bar-item top-bar-addr-main" title="Zentrumsdialyse Berlin-Mahlsdorf">
<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>
Thorner Str. 1, 12623 Berlin-Mahlsdorf
<span>Thorner Str. 1, 12623 Berlin</span>
</span>
<span class="top-bar-item">
<span class="top-bar-item top-bar-addr-satellite" title="Satellitendialyse Marzahn">
<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>
Satellit: Blumberger Damm 130, 12685 Berlin
<span>Satellit: Blumberger Damm 130, 12685 Berlin</span>
</span>
</div>
<div class="top-bar-right">
@@ -65,10 +65,10 @@ $currentAction = isset($action) ? $action : 'main';
<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>
Ambulanz: 030 / 566 25 39
</a>
<span class="top-bar-item" title="Telefax">
<svg class="top-bar-icon" viewBox="0 0 24 24"><path d="M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 14H8v-4h8v4zm2-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>
Fax: 030 / 566 25 30
</span>
<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>
<span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span>
</a>
</div>
</div>
</div>
@@ -179,7 +179,7 @@ $currentAction = isset($action) ? $action : 'main';
<p class="footer-desc">
Zentrum für Innere Medizin und Dialyse.<br>
Dr. med. B. Bischoff und Dr. med. J. Hoffzimmer.<br>
Individuelle nephrologische Betreuung und ganzjährige Feriendialysen mit modernster Medizintechnik.
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>
@@ -216,8 +216,8 @@ $currentAction = isset($action) ? $action : 'main';
<span>Ambulanz: <strong>030 / 566 25 39</strong></span>
</div>
<div class="footer-contact-item">
<svg viewBox="0 0 24 24"><path d="M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 14H8v-4h8v4zm2-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>
<span>Telefax: <strong>030 / 566 25 30</strong></span>
<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>
<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>
@@ -244,6 +244,38 @@ $currentAction = isset($action) ? $action : 'main';
<!-- Interactive Scripts -->
<script type="text/javascript">
$(document).ready(function() {
// Anti-Spam Email De-Obfuscation
$('.mail-obf').each(function() {
var $el = $(this);
var u = $el.attr('data-usr') || $el.data('usr');
var d = $el.attr('data-dom') || $el.data('dom');
var t = $el.attr('data-tld') || $el.data('tld');
if (u && d && t) {
var email = u + '@' + d + '.' + t;
$el.attr('href', 'mailto:' + email);
var $val = $el.find('.mail-val');
if ($val.length) {
$val.removeClass('c-rev').text(email);
}
}
});
$('.mail-obf-text').each(function() {
var $el = $(this);
var u = $el.attr('data-usr') || $el.data('usr');
var d = $el.attr('data-dom') || $el.data('dom');
var t = $el.attr('data-tld') || $el.data('tld');
if (u && d && t) {
var email = u + '@' + d + '.' + t;
var $val = $el.find('.mail-val');
if ($val.length) {
$val.removeClass('c-rev').text(email);
} else {
$el.text(email);
}
}
});
// Mobile Navigation Toggle
var $navToggle = $('#navToggle');
var $navMenu = $('#navMenu');
view/imprint.php
+1 -2
View File
@@ -14,8 +14,7 @@
<h4 style="color: var(--primary-dark); margin-top: 1.25rem; margin-bottom: 0.5rem; font-size: 1rem;">Kontakt</h4>
<p style="margin-bottom: 0;">
Telefon: <a href="tel:+49305662484">+49 30 5662484</a><br>
Telefax: +49 30 5662530<br>
E-Mail: <a href="javascript:void(0);" onclick="sending();">kontakt@dialyse-berlin.net</a><br>
E-Mail: <a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net"><span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span></a><br>
Internet: <a href="https://www.dialyse-berlin.net" target="_blank" rel="noopener">www.dialyse-berlin.net</a>
</p>
</div>
view/main.php
+7 -7
View File
@@ -1,7 +1,7 @@
<h1>Wir wollen, dass Sie sich bei uns wohl fühlen!</h1>
<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 modernster Technik der
Unser Dialysezentrum bietet Ihnen verschiedene Dialyseverfahren unter Nutzung moderner Technik der
Firmen Nikkiso und Fresenius. Sie können gern während eines Berlin-Urlaubes Ihre Dialyse bei uns
durchführen. Auch die Betreuung von Menschen mit Behinderungen oder Einschränkungen stellt für uns kein Problem dar.
</p>
@@ -12,8 +12,8 @@
<div class="feature-icon-wrapper" aria-hidden="true">
<svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
</div>
<div class="feature-title">Modernste Technik</div>
<p class="feature-text">High-Tech Dialyseverfahren mit modernsten Nikkiso DBB 05/07 Geräten (Hemo-Master) und Fresenius BCM.</p>
<div class="feature-title">Moderne Technik</div>
<p class="feature-text">High-Tech Dialyseverfahren mit modernen Nikkiso DBB-07 und Nikkiso DBB-EXA Geräten (Hemo-Master) und Fresenius BCM.</p>
</div>
<div class="feature-box">
@@ -55,8 +55,8 @@
</p>
</div>
<div>
<a href="/img/gallery/praxis1.jpg" data-lightbox="main" data-title="Die Praxis von aussen" class="gallery-item" style="display: block;">
<img src="/img/gallery/praxis1.jpg" alt="Die Praxis aussen">
<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">
<div class="gallery-overlay">
<span class="gallery-caption">Die Praxis von außen &bull; Thorner Straße</span>
</div>
@@ -69,8 +69,8 @@
<div class="grid-2" style="align-items: center; margin-bottom: 2.5rem;">
<div>
<a href="/img/gallery/startseite1.jpg" data-lightbox="main" data-title="Sprechzimmer" class="gallery-item" style="display: block;">
<img src="/img/gallery/startseite1.jpg" alt="Sprechzimmer">
<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">
<div class="gallery-overlay">
<span class="gallery-caption">Modern ausgestattetes Sprechzimmer</span>
</div>
view/practice.php
+14 -14
View File
@@ -1,7 +1,7 @@
<h1>Praxisausstattung &amp; Öffnungszeiten</h1>
<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
Unser Dialysezentrum verfügt über modernste Medizintechnik für eine schonende, sichere und individuelle Behandlung unserer Patienten.
Unser Dialysezentrum verfügt über moderne Medizintechnik für eine schonende, sichere und individuelle Behandlung unserer Patienten.
</p>
<!-- Praxisausstattung Grid -->
@@ -39,7 +39,7 @@
<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><strong>Nikkiso DBB 05 / 07</strong> Dialysegeräte mit integriertem Hemo-Master</span>
<span><strong>Nikkiso DBB-07 und Nikkiso DBB-EXA</strong> Dialysegeräte mit integriertem Hemo-Master</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>
@@ -126,13 +126,13 @@
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">Klicken Sie auf ein Bild, um es in voller Größe zu betrachten.</p>
<div class="gallery-grid">
<a href="/img/gallery/praxis3.jpg" data-lightbox="practice" data-title="Praxisräume &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis3.jpg" alt="Praxisraum">
<a href="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" data-lightbox="practice" data-title="Praxisräume &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis3.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis3.jpg')?>" alt="Praxisräume">
<div class="gallery-overlay"><span class="gallery-caption">Praxisräume</span></div>
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</a>
<a href="/img/gallery/praxis4.jpg" data-lightbox="practice" data-title="Praxisausstattung &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis4.jpg" alt="Praxisausstattung">
<a href="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" data-lightbox="practice" data-title="Praxisausstattung &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis4.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis4.jpg')?>" alt="Praxisausstattung">
<div class="gallery-overlay"><span class="gallery-caption">Praxisausstattung</span></div>
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</a>
@@ -141,19 +141,19 @@
<div class="gallery-overlay"><span class="gallery-caption">Behandlungsbereich</span></div>
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</a>
<a href="/img/gallery/praxis6.jpg" data-lightbox="practice" data-title="Dialyseplätze &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis6.jpg" alt="Dialyseplätze">
<div class="gallery-overlay"><span class="gallery-caption">Dialyseplätze</span></div>
<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">
<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>
</a>
<a href="/img/gallery/praxis7.jpg" data-lightbox="practice" data-title="Patientenbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis7.jpg" alt="Patientenbereich">
<a href="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" data-lightbox="practice" data-title="Patientenbereich &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis7.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis7.jpg')?>" alt="Patientenbereich">
<div class="gallery-overlay"><span class="gallery-caption">Patientenbereich</span></div>
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</a>
<a href="/img/gallery/praxis8.jpg" data-lightbox="practice" data-title="Modernste Technik &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis8.jpg" alt="Modernste Technik">
<div class="gallery-overlay"><span class="gallery-caption">Modernste Technik</span></div>
<a href="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" data-lightbox="practice" data-title="Moderne Technik &bull; Dialysezentrum Berlin-Mahlsdorf" class="gallery-item">
<img src="/img/gallery/praxis8.jpg?v=<?=filemtime(__DIR__ . '/../img/gallery/praxis8.jpg')?>" alt="Moderne Technik">
<div class="gallery-overlay"><span class="gallery-caption">Moderne Technik</span></div>
<div class="gallery-zoom-icon"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
</a>
</div>
view/services.php
+2 -2
View File
@@ -1,7 +1,7 @@
<h1>Leistungen &amp; Behandlungsschwerpunkte</h1>
<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
Umfassende Diagnostik, präventive Beratung und hochmoderne Dialyseverfahren für das gesamte Spektrum nephrologischer Erkrankungen.
Umfassende Diagnostik, präventive Beratung und moderne Dialyseverfahren für das gesamte Spektrum nephrologischer Erkrankungen.
</p>
<!-- Leistungsübersicht -->
@@ -99,7 +99,7 @@
Hemo-Master von Nikkiso
</h2>
<p>
Hier handelt es sich um ein hochmodernes Computerprogramm für eine schonende und individuelle Dialyse zur gezielten Verhinderung von Blutdruckabfällen, Kopfschmerzen und Krämpfen während der Behandlung. Ein zusätzliches Steuermodul für die Dialysemaschinen ist dabei erforderlich.
Hier handelt es sich um ein modernes Computerprogramm für eine schonende und individuelle Dialyse zur gezielten Verhinderung von Blutdruckabfällen, Kopfschmerzen und Krämpfen während der Behandlung. Ein zusätzliches Steuermodul für die Dialysemaschinen (Nikkiso DBB-07 und Nikkiso DBB-EXA) ist dabei erforderlich.
</p>
<p>
Während der Dialyse werden kontinuierlich die Blutvolumenänderungen durch die optische Erfassung der Hämokonzentrationsänderung gemessen und aktiv sowohl über die <strong>Leitfähigkeit (Natriumkonzentration)</strong> als auch über die <strong>Ultrafiltrationsrate (Wasserentzug)</strong> präzise geregelt.
view/team.php
+3 -3
View File
@@ -7,7 +7,7 @@
<!-- Ärztinnen Grid -->
<div class="grid-3" style="margin-bottom: 2.5rem;">
<!-- Dr. med. B. Bischoff -->
<div class="doctor-card" style="flex-direction: column;">
<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>
@@ -25,7 +25,7 @@
</div>
<!-- Dr. med. J. Hoffzimmer -->
<div class="doctor-card" style="flex-direction: column;">
<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>
@@ -43,7 +43,7 @@
</div>
<!-- Dr. med. C. Körner -->
<div class="doctor-card" style="flex-direction: column;">
<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>
view/terms.php
+2 -2
View File
@@ -10,12 +10,12 @@
Dr. med. B. Bischoff und Dr. med. J. Hoffzimmer<br>
Thorner Straße 1, 12623 Berlin<br>
Telefon: <a href="tel:+49305662484">+49 30 5662484</a><br>
E-Mail: <a href="javascript:void(0);" onclick="sending();">kontakt@dialyse-berlin.net</a>
E-Mail: <a href="javascript:void(0);" onclick="sending();" class="mail-obf" data-usr="kontakt" data-dom="dialyse-berlin" data-tld="net"><span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span></a>
</div>
<p style="margin-bottom: 0;">
<strong>Datenschutzbeauftragter:</strong> Richard Fendt<br>
E-Mail: <a href="mailto:datenschutz@dialyse-berlin.net">datenschutz@dialyse-berlin.net</a>
E-Mail: <a href="javascript:void(0);" onclick="sending('datenschutz', 'dialyse-berlin', 'net');" class="mail-obf" data-usr="datenschutz" data-dom="dialyse-berlin" data-tld="net"><span class="mail-val c-rev">net.nilreb-esylaid&#64;zhcustenad</span></a>
</p>
</div>