Modernize practice website design

impressum.html

@@ -262,6 +262,62 @@
     @media (max-width: 540px) {
       section { padding: 52px 16px; }
     }
+
+    /* ─── 2026 visual refresh ──────────────────────────────── */
+    :root {
+      --ink: #20302c;
+      --muted: #66736f;
+      --sage: #e9f1ec;
+      --cream: #fbf8f3;
+      --red-soft: #f9e9ec;
+      --line: rgba(32, 48, 44, .11);
+      --radius: 20px;
+    }
+    body { color: var(--ink); background: var(--cream); }
+    header {
+      background: rgba(255,255,255,.94);
+      border-bottom: 1px solid rgba(32,48,44,.08);
+      box-shadow: 0 8px 30px rgba(35,55,48,.06);
+      backdrop-filter: blur(16px);
+    }
+    nav { max-width: 1180px; height: 82px; }
+    .nav-logo img { height: 48px; }
+    .nav-links a { color: #41504c; font-weight: 600; }
+    .nav-phone { border-radius: 999px; padding: 11px 18px; box-shadow: 0 8px 22px rgba(200,16,46,.20); }
+    .nav-phone svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; }
+    .font-toggle-wrap button { border-color: var(--line); border-radius: 999px; }
+    .font-toggle-wrap button.active { background: var(--red-soft); }
+    section { padding: 90px 24px; scroll-margin-top: 82px; }
+    section.alt { background: #f3f6f3; }
+    .section-inner { max-width: 920px; }
+    .section-title {
+      font-family: 'DM Sans', sans-serif;
+      color: var(--ink);
+      font-size: clamp(2.2rem, 5vw, 3.3rem);
+      font-weight: 600;
+      line-height: 1.1;
+      letter-spacing: -.04em;
+      margin-bottom: 12px;
+    }
+    .section-title::before { content: ''; display: block; width: 42px; height: 4px; margin-bottom: 20px; border-radius: 999px; background: var(--red); }
+    .section-sub { color: var(--muted); font-size: 17px; }
+    .legal-section h3 { font-family: 'DM Sans', sans-serif; color: var(--ink); font-size: 1.25rem; letter-spacing: -.015em; margin-top: 42px; }
+    .legal-section p, .legal-section li { color: #53615d; line-height: 1.75; }
+    .legal-section .legal-box { padding: 26px 28px; border: 1px solid var(--line); border-left: 4px solid var(--red); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(35,55,48,.07); }
+    .back-link { padding: 8px 14px; margin-bottom: 38px; border-radius: 999px; background: var(--red-soft); }
+    footer { padding: 50px 24px; background: #21332e; color: #bfd0c8; }
+    footer img { height: 44px; opacity: .88; }
+    footer a { color: #eef4f1; }
+    @media (max-width: 768px) {
+      nav { height: 72px; padding: 0 20px; }
+      .mobile-menu { padding: 20px; box-shadow: 0 18px 30px rgba(35,55,48,.10); }
+      section { padding: 70px 20px; }
+    }
+    @media (max-width: 540px) { section { padding: 60px 16px; } }
+    @media (prefers-reduced-motion: reduce) {
+      html { scroll-behavior: auto; }
+      *, *::before, *::after { transition-duration: .01ms !important; }
+    }
   </style>
 </head>
 <body>
@@ -283,7 +339,8 @@
       <button id="font-large"  title="Große Schriftgröße">A+</button>
     </div>
     <a class="nav-phone" href="tel:+4314931773">
-      📞 +43 1 493 17 73
+      <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z"/></svg>
+      +43 1 493 17 73
     </a>
     <button class="hamburger" id="hamburger" aria-label="Menü öffnen">
       <span></span><span></span><span></span>
@@ -294,7 +351,7 @@
     <a href="/#leistungen">Leistungen</a>
     <a href="/#aktuelles">Aktuelles</a>
     <a href="/#kontakt">Kontakt</a>
-    <a class="nav-phone" href="tel:+4314931773">📞 +43 1 493 17 73</a>
+    <a class="nav-phone" href="tel:+4314931773"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z"/></svg> +43 1 493 17 73</a>
     <div class="font-toggle-wrap" style="justify-content:center;">
       <button id="font-normal-mobile" title="Normale Schriftgröße">A</button>
       <button id="font-large-mobile"  title="Große Schriftgröße">A+</button>