Alpha Version.

css/frontend.css

@@ -213,10 +213,10 @@ li {
 
 .top-bar-inner {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 1rem;
+  gap: 2rem;
   width: 100%;
 }
 
@@ -233,7 +233,7 @@ li {
   align-items: center;
   gap: 1.25rem;
   flex-shrink: 0;
-  margin-left: auto;
+  margin-left: 0;
   white-space: nowrap;
 }
 
@@ -291,20 +291,30 @@ li {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.85rem 0;
+  padding: 0.6rem 0;
   gap: 1rem;
 }
 
 /* Logo */
 .site-logo {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  gap: 0.85rem;
   text-decoration: none;
+  line-height: 1;
+  transition: opacity 0.2s ease;
 }
 
 .site-logo:hover {
   text-decoration: none;
+  opacity: 0.9;
+}
+
+.site-logo-img {
+  height: 73px;
+  width: auto;
+  max-width: 390px;
+  object-fit: contain;
+  display: block;
 }
 
 .logo-badge {
@@ -1535,6 +1545,11 @@ textarea.form-control {
     padding: 0.25rem 0;
   }
   
+  .site-logo-img {
+    height: 62px;
+    max-width: 320px;
+  }
+  
   .header-actions .header-cta-btn {
     display: none;
   }
@@ -1632,6 +1647,11 @@ textarea.form-control {
     font-size: 0.76rem;
   }
 
+  .site-logo-img {
+    height: 53px;
+    max-width: 270px;
+  }
+
   .logo-title {
     font-size: 1.05rem;
   }

files/flyer_template.html

@@ -393,13 +393,7 @@
   <!-- 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>
+      <img src="file:///d:/web-repo2/img/logo_dialysezentrum.png" style="height: 13.5mm; width: auto; object-fit: contain;" alt="Dialysezentrum Berlin-Mahlsdorf">
     </div>
     <div class="header-contact">
       <div>Tel. <strong>030 / 566 24 84</strong></div>

view/frontend.php

@@ -76,15 +76,10 @@ $currentAction = isset($action) ? $action : 'main';
     <!-- Main Navigation Header -->
     <header class="site-header">
         <div class="container header-inner">
-            <a href="/" class="site-logo">
-                <div class="logo-badge" aria-hidden="true">
-                    <!-- Medical Cross / Stethoscope SVG -->
-                    <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="logo-text">
-                    <div class="logo-title">DIALYSEZENTRUM <span>Berlin-Mahlsdorf</span></div>
-                    <div class="logo-sub">Zentrum für Innere Medizin &amp; Dialyse</div>
-                </div>
+            <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 -->