Files
Dialyse-Webseite/view/frontend.php
T
2026-10-19 20:49:57 +02:00

327 lines
17 KiB
PHP

<?php
/* @var string $action */
/* @var string $content */
/* @var array $config */
/* @var Session $session */
$titles = [
'main' => 'Dialysezentrum Berlin-Mahlsdorf | Praxis für Nephrologie & Dialyse',
'leistungen' => 'Leistungen & Schwerpunkte | Dialysezentrum Berlin-Mahlsdorf',
'praxis' => 'Praxisausstattung & Öffnungszeiten | Dialysezentrum Berlin-Mahlsdorf',
'team' => 'Unser Ärzteteam & Mitarbeiter | 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',
];
$pageTitle = isset($titles[$action]) ? $titles[$action] : 'Dialysezentrum Berlin-Mahlsdorf';
$currentAction = isset($action) ? $action : 'main';
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<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">
<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">
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png?v=<?=filemtime(__DIR__ . '/../img/apple-touch-icon.png')?>">
<!-- Modern Stylesheets -->
<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) -->
<script src="/js/jquery-3.7.1.min.js" type="text/javascript"></script>
<script src="/js/lightbox.min.js" type="text/javascript"></script>
</head>
<body>
<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>
<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>
<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>
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>
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>
<span class="mail-val c-rev">net.nilreb-esylaid&#64;tkatnok</span>
</a>
</div>
</div>
</div>
<!-- Main Navigation Header -->
<header class="site-header">
<div class="container header-inner">
<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"
class="site-logo-img">
</a>
<!-- Navigation Menu -->
<nav id="siteNav">
<?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>
<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>
</div>
</div>
</header>
<!-- Holiday / Announcement Dialog (if configured) -->
<?php if(Helper::isHoliday($config) && $session->get('dialog') != 'dismissed'): ?>
<div id="holiday-wrapper" class="holiday-notice-banner">
<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>
<div><?=Helper::parseHolidays($config)?></div>
</div>
<button type="button" class="holiday-dismiss-btn" data-dismiss="dialog">
<span>&#x2715; Schließen</span>
</button>
</div>
</div>
<?php endif; ?>
<!-- Hero / Motto Banner on Homepage -->
<?php if($currentAction === 'main'): ?>
<section class="hero-banner">
<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;
</div>
<h1 class="hero-title">Dialysezentrum Berlin-Mahlsdorf</h1>
<div class="hero-subtitle">
Dr. med. Bianca Bischoff &bull; Dr. med. Juliane Hoffzimmer
</div>
<div class="hero-doctors">
Fachärztinnen für Innere Medizin und Nephrologie
</div>
<div class="hero-actions">
<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>
</div>
</div>
</div>
<div class="hero-wave">
<svg 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>
</section>
<?php else: ?>
<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>
</div>
</div>
</div>
<?php endif; ?>
<!-- Main Content Area -->
<main class="site-main">
<div class="container">
<div class="content-card">
<?=$content?>
</div>
</div>
</main>
<!-- Modern Multi-Column Footer -->
<footer class="site-footer">
<div class="container footer-grid">
<!-- Col 1: About Praxis -->
<div>
<div class="footer-col-title">Dialysezentrum Berlin-Mahlsdorf</div>
<p class="footer-desc">
Zentrum für Nephrologie und Dialyse.<br>
Dr. med. Bianca Bischoff und Dr. med. Juliane Hoffzimmer.<br>
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>
<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>
<span><strong>Satellitendialyse:</strong> Blumberger Damm 130, 12685 Berlin</span>
</div>
</div>
<!-- Col 2: Navigation Links -->
<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>
</ul>
</div>
<!-- Col 3: Contact & Opening info -->
<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>
<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>
<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>
<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>
</div>
</div>
</div>
<!-- Footer Bottom Bar -->
<div class="container footer-bottom">
<div>
&copy; <?=date('Y')?> Dialysezentrum Berlin-Mahlsdorf &bull; Alle Rechte vorbehalten.
</div>
<div>
<a href="/impressum.html">Impressum</a>
<a href="/datenschutz.html">Datenschutz</a>
<a href="/kontakt.html">Kontakt</a>
</div>
</div>
</footer>
</div>
<!-- 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');
$navToggle.on('click', function(e) {
e.stopPropagation();
var isOpen = $navMenu.hasClass('is-open');
$navMenu.toggleClass('is-open');
$navToggle.attr('aria-expanded', !isOpen);
// Toggle hamburger icon to X
if(!isOpen) {
$('#toggleIcon').html('<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>');
} else {
$('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>');
}
});
// Close menu on click outside
$(document).on('click', function(e) {
if (!$(e.target).closest('#siteNav, #navToggle').length) {
if ($navMenu.hasClass('is-open')) {
$navMenu.removeClass('is-open');
$navToggle.attr('aria-expanded', 'false');
$('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>');
}
}
});
// Close on ESC
$(document).on('keydown', function(e) {
if (e.key === 'Escape' && $navMenu.hasClass('is-open')) {
$navMenu.removeClass('is-open');
$navToggle.attr('aria-expanded', 'false');
$('#toggleIcon').html('<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>');
}
});
// Holiday Notice Dismissal
$('[data-dismiss="dialog"]').on('click', function(e) {
e.preventDefault();
$.ajax({
url: '/api.php?action=dialog',
type: 'get',
success: function(response) {
$('#holiday-wrapper').slideUp(250);
}
});
});
});
</script>
</body>
</html>