<!DOCTYPE html>

<html lang="de">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Dr. Miro Schneider – Hausarzt & Internist in Bonn</title>

<meta name="description" content="Hausarztpraxis Dr. Miro Schneider in Bonn – Facharzt für Innere Medizin. Umfassende hausärztliche und internistische Betreuung mit Herz und Sorgfalt.">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<style>

  :root{

    --bg:#F5F8F5;

    --surface:#FFFFFF;

    --ink:#17231F;

    --muted:#5A6862;

    --accent:#2F6B57;

    --accent-deep:#234f40;

    --accent-soft:#E7EFE9;

    --line:#E2E8E3;

    --radius:16px;

    --wrap:1140px;

  }

  *{box-sizing:border-box;margin:0;padding:0}

  html{scroll-behavior:smooth}

  body{

    font-family:"Inter",system-ui,sans-serif;

    color:var(--ink);

    background:var(--bg);

    line-height:1.6;

    -webkit-font-smoothing:antialiased;

  }

  h1,h2,h3{font-family:"Newsreader",Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.01em}

  a{color:inherit;text-decoration:none}

  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

  .eyebrow{

    font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;

    color:var(--accent);margin-bottom:14px;

  }


  /* ---------- Topbar ---------- */

  .topbar{

    background:var(--accent-deep);color:#dfeae4;font-size:.82rem;

  }

  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:40px}

  .topbar a{color:#fff;font-weight:500}

  .topbar span{display:inline-flex;align-items:center;gap:7px;opacity:.92}

  .topbar svg{width:14px;height:14px;flex:none}


  /* ---------- Nav ---------- */

  header{position:sticky;top:0;z-index:50;background:rgba(245,248,245,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}

  nav{display:flex;align-items:center;justify-content:space-between;height:74px}

  .brand{display:flex;flex-direction:column;line-height:1.1}

  .brand b{font-family:"Newsreader",serif;font-size:1.28rem;font-weight:600;letter-spacing:-.02em}

  .brand small{font-size:.72rem;color:var(--muted);letter-spacing:.04em}

  .menu{display:flex;gap:30px;align-items:center}

  .menu a{font-size:.92rem;font-weight:500;color:var(--muted);transition:color .2s}

  .menu a:hover{color:var(--ink)}

  .btn{

    display:inline-flex;align-items:center;gap:8px;

    background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;

    padding:11px 20px;border-radius:100px;transition:background .2s,transform .2s;

  }

  .btn:hover{background:var(--accent-deep);transform:translateY(-1px)}

  .btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}

  .btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent-soft)}

  .burger{display:none;background:none;border:none;cursor:pointer;padding:8px}

  .burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.3s}


  /* ---------- Hero ---------- */

  .hero{position:relative;overflow:hidden;padding:88px 0 96px}

  .hero::before{

    content:"";position:absolute;top:-180px;right:-160px;width:560px;height:560px;

    background:radial-gradient(circle,rgba(47,107,87,.14),transparent 68%);z-index:0;

  }

  .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}

  .hero h1{font-size:clamp(2.5rem,5vw,3.9rem);margin:6px 0 22px}

  .hero p.lead{font-size:1.12rem;color:var(--muted);max-width:38ch;margin-bottom:32px}

  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}

  .portrait{

    aspect-ratio:4/5;border-radius:24px;overflow:hidden;position:relative;

    background:linear-gradient(160deg,#cfe0d6,#8fb3a3);

    box-shadow:0 30px 60px -30px rgba(35,79,64,.5);

  }

  .portrait .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#2c4a3e;gap:10px}

  .portrait svg{width:64px;height:64px;opacity:.5}

  .portrait small{font-size:.78rem;letter-spacing:.05em;opacity:.7}


  /* ---------- Section base ---------- */

  section{padding:84px 0}

  .sec-head{max-width:640px;margin-bottom:48px}

  .sec-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:14px}

  .sec-head p{color:var(--muted);font-size:1.05rem}


  /* ---------- Praxis ---------- */

  .praxis{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

  .praxis .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}

  .praxis p{color:var(--muted);margin-bottom:18px}

  .stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}

  .stat{flex:1;min-width:130px;background:var(--accent-soft);border-radius:var(--radius);padding:22px 20px}

  .stat b{font-family:"Newsreader",serif;font-size:2rem;font-weight:600;color:var(--accent-deep);display:block}

  .stat span{font-size:.86rem;color:var(--muted)}


  /* ---------- Leistungen ---------- */

  .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

  .svc{

    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);

    padding:26px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;

  }

  .svc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(35,79,64,.4);border-color:var(--accent-soft)}

  .svc .ico{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}

  .svc .ico svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.7}

  .svc h3{font-size:1.15rem;margin-bottom:8px}

  .svc p{font-size:.92rem;color:var(--muted)}


  /* ---------- Infothek ---------- */

  .info{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

  .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

  .info-card{padding:8px 4px}

  .info-card .num{font-family:"Newsreader",serif;font-size:1.05rem;color:var(--accent);font-weight:600;margin-bottom:10px}

  .info-card h3{font-size:1.18rem;margin-bottom:10px}

  .info-card p{color:var(--muted);font-size:.95rem}


  /* ---------- Kontakt ---------- */

  .kontakt .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}

  .contact-card,.hours-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px}

  .contact-card h3,.hours-card h3{font-size:1.35rem;margin-bottom:22px}

  .contact-row{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}

  .contact-row svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.7;flex:none;margin-top:3px}

  .contact-row .lbl{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

  .contact-row .val{font-weight:500}

  .contact-card .btn{margin-top:8px}


  .hours-card .status{

    display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;

    padding:6px 14px;border-radius:100px;margin-bottom:20px;

  }

  .status.open{background:var(--accent-soft);color:var(--accent-deep)}

  .status.closed{background:#f1efec;color:var(--muted)}

  .status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}

  .status.open .dot{animation:pulse 2s infinite}

  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

  table.hours{width:100%;border-collapse:collapse}

  table.hours td{padding:11px 0;border-bottom:1px solid var(--line);font-size:.94rem;vertical-align:top}

  table.hours tr:last-child td{border-bottom:none}

  table.hours .day{font-weight:500;width:110px}

  table.hours .time{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}

  table.hours tr.today .day,table.hours tr.today .time{color:var(--accent-deep);font-weight:600}

  table.hours tr.today{background:var(--accent-soft)}

  table.hours tr.today td:first-child{border-radius:8px 0 0 8px;padding-left:12px}

  table.hours tr.today td:last-child{border-radius:0 8px 8px 0;padding-right:12px}

  .closed-day{color:#b06a5c}


  /* ---------- Footer ---------- */

  footer{background:var(--accent-deep);color:#cfe0d7;padding:56px 0 32px;font-size:.9rem}

  footer .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}

  footer b{font-family:"Newsreader",serif;color:#fff;font-size:1.2rem;font-weight:600}

  footer a{color:#fff;opacity:.85}

  footer a:hover{opacity:1}

  footer .links{display:flex;gap:24px;flex-wrap:wrap}

  footer .bottom{padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;opacity:.7;font-size:.82rem}


  /* ---------- Legal Overlay ---------- */

  .legal-overlay{position:fixed;inset:0;z-index:100;background:rgba(23,35,31,.55);backdrop-filter:blur(4px);display:none;opacity:0;transition:opacity .3s}

  .legal-overlay.open{display:block;opacity:1}

  .legal-panel{position:absolute;top:0;right:0;height:100%;width:min(760px,100%);background:var(--surface);box-shadow:-20px 0 60px -30px rgba(0,0,0,.5);overflow-y:auto;transform:translateX(30px);transition:transform .3s}

  .legal-overlay.open .legal-panel{transform:none}

  .legal-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);padding:16px 40px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;z-index:2}

  .legal-close{background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:8px 18px;font:inherit;font-size:.85rem;font-weight:600;color:var(--ink);cursor:pointer}

  .legal-close:hover{background:var(--accent-soft)}

  .legal-panel .inner{padding:24px 40px 80px;max-width:none}

  .legal-panel h2{font-size:1.9rem;margin:10px 0 4px}

  .legal-panel .sub{font-size:.85rem;color:var(--muted);margin-bottom:18px}

  .legal-panel h3{font-family:"Newsreader",serif;font-size:1.12rem;font-weight:600;margin:26px 0 8px;color:var(--ink)}

  .legal-panel p,.legal-panel li{color:var(--muted);font-size:.92rem;margin-bottom:9px}

  .legal-panel ul{padding-left:20px;margin-bottom:9px}

  .legal-panel a{color:var(--accent);text-decoration:underline}

  .legal-panel .note{background:#fbf2ef;border:1px solid #f0dcd5;border-radius:12px;padding:14px 16px;font-size:.85rem;color:#8f4d3f;margin:16px 0}

  .legal-panel .todo{color:#b06a5c;font-weight:600}

  .legal-content{display:none}

  .legal-content.active{display:block}

  @media(max-width:560px){.legal-panel .inner,.legal-header{padding-left:22px;padding-right:22px}}


  /* ---------- Reveal ---------- */

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}

  .reveal.in{opacity:1;transform:none}

  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn:hover,.svc:hover{transform:none}}


  /* ---------- Responsive ---------- */

  @media(max-width:900px){

    .hero .wrap,.praxis .grid,.kontakt .grid{grid-template-columns:1fr}

    .praxis .grid{gap:36px}

    .services,.info-grid{grid-template-columns:1fr 1fr}

    .portrait{max-width:360px;order:-1}

    .menu{display:none;position:absolute;top:74px;left:0;right:0;background:var(--surface);flex-direction:column;padding:20px 24px;border-bottom:1px solid var(--line);gap:18px}

    .menu.show{display:flex}

    .menu a{font-size:1rem}

    .burger{display:block}

    .topbar span:first-child{display:none}

  }

  @media(max-width:560px){

    .services,.info-grid{grid-template-columns:1fr}

    section{padding:60px 0}

    .hero{padding:56px 0 64px}

  }

</style>

</head>

<body>


<!-- Topbar -->

<div class="topbar">

  <div class="wrap">

    <span>

      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>

      Eibenweg 4, 53127 Bonn

    </span>

    <a href="tel:+49228246819">

      <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3 19.5 19.5 0 01-6-6 19.8 19.8 0 01-3-8.6A2 2 0 014.1 2h3a2 2 0 012 1.7c.1.9.4 1.8.7 2.7a2 2 0 01-.5 2.1L8.1 9.6a16 16 0 006 6l1.1-1.1a2 2 0 012.1-.5c.9.3 1.8.6 2.7.7a2 2 0 011.7 2z"/></svg>

      0228 246819</span>

    </a>

  </div>

</div>


<!-- Header -->

<header>

  <div class="wrap">

    <nav>

      <a href="#" class="brand">

        <b>Dr. Miro Schneider</b>

        <small>Innere Medizin · Hausarztpraxis</small>

      </a>

      <div class="menu" id="menu">

        <a href="#praxis">Praxis</a>

        <a href="#leistungen">Leistungen</a>

        <a href="#infothek">Infothek</a>

        <a href="#kontakt">Kontakt</a>

        <a href="#kontakt" class="btn">Termin vereinbaren</a>

      </div>

      <button class="burger" id="burger" aria-label="Menü öffnen">

        <span></span><span></span><span></span>

      </button>

    </nav>

  </div>

</header>


<!-- Hero -->

<section class="hero">

  <div class="wrap">

    <div class="reveal">

      <div class="eyebrow">Herzlich willkommen</div>

      <h1>Ihre Hausarztpraxis in&nbsp;Bonn – mit Zeit und Zuwendung</h1>

      <p class="lead">Facharzt für Innere Medizin. Wir betreuen Sie umfassend hausärztlich – aufmerksam, gründlich und auf Augenhöhe.</p>

      <div class="hero-cta">

        <a href="#kontakt" class="btn">Termin vereinbaren</a>

        <a href="#kontakt" class="btn ghost">Öffnungszeiten ansehen</a>

      </div>

    </div>

    <div class="portrait reveal">

      <!-- PLATZHALTER – hier später dein echtes Foto einsetzen -->

      <img src="https://www.dr-bernhard-schneider.de/uploads/BgonaqNu/768x0_320x0/109B2291__msi___jpg.webp" alt="Praxis Dr. Miro Schneider (Platzhalterbild)" style="width:100%;height:100%;object-fit:cover;display:block">

    </div>

  </div>

</section>


<!-- Praxis -->

<section class="praxis" id="praxis">

  <div class="wrap grid">

    <div class="reveal">

      <div class="eyebrow">Unsere Praxis</div>

      <h2 style="font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:20px">Aufmerksamkeit & Herzlichkeit</h2>

      <p>Dr. Miro Schneider betreut mit großem Fachwissen eine Vielzahl von Patientinnen und Patienten in Bonn und Umgebung. Unser Team empfängt Sie mit Aufmerksamkeit, Herzlichkeit und der für Sie wichtigen Fürsorge.</p>

      <p>Helle, freundlich ausgestattete Empfangs-, Warte- und Behandlungsräume schaffen eine angenehme Atmosphäre. Diagnose und Behandlungsmethoden besprechen wir ausführlich und mit dem nötigen Einfühlungsvermögen – denn Ihre Gesundheit steht bei uns im Mittelpunkt.</p>

    </div>

    <div class="reveal">

      <div class="stats">

        <div class="stat"><b>15+</b><span>Jahre Erfahrung in der Inneren Medizin</span></div>

        <div class="stat"><b>Alle</b><span>gesetzlichen & privaten Kassen</span></div>

        <div class="stat"><b>Zeit</b><span>persönliche Beratung als Bestellpraxis</span></div>

        <div class="stat"><b>Bonn</b><span>zentral & barrierefrei erreichbar</span></div>

      </div>

    </div>

  </div>

</section>


<!-- Leistungen -->

<section id="leistungen">

  <div class="wrap">

    <div class="sec-head reveal">

      <div class="eyebrow">Leistungsspektrum</div>

      <h2>Unsere medizinischen Schwerpunkte</h2>

      <p>Von der Vorsorge bis zur internistischen Diagnostik – ein breites Angebot unter einem Dach.</p>

    </div>

    <div class="services">

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div><h3>Gesundheits­untersuchungen</h3><p>Umfassende Check-ups zur Vorsorge und Früherkennung.</p></div>

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><path d="M18 8a6 6 0 00-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 01-3.4 0"/></svg></div><h3>Impfungen</h3><p>Beratung und alle empfohlenen Schutzimpfungen.</p></div>

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div><h3>Innere Medizin</h3><p>Fachärztliche Betreuung bei internistischen Erkrankungen.</p></div>

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><path d="M3 12h4l2 5 4-14 2 9h6"/></svg></div><h3>EKG & Langzeit-EKG</h3><p>Ruhe-, Belastungs- und Langzeit-EKG zur Herzdiagnostik.</p></div>

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg></div><h3>Ultraschall</h3><p>Sonographie und Doppler-/Duplex-Untersuchungen.</p></div>

      <div class="svc reveal"><div class="ico"><svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><path d="M9 22V12h6v10"/></svg></div><h3>Hausbesuche</h3><p>Im Notfall kommen wir zu Ihnen nach Hause.</p></div>

    </div>

  </div>

</section>


<!-- Infothek -->

<section class="info" id="infothek">

  <div class="wrap">

    <div class="sec-head reveal">

      <div class="eyebrow">Infothek</div>

      <h2>Wissenswertes für Ihren Besuch</h2>

    </div>

    <div class="info-grid">

      <div class="info-card reveal">

        <div class="num">01 — Erstkontakt</div>

        <h3>Was Sie mitbringen</h3>

        <p>Aktuelle Medikamentenliste, evtl. Arztbriefe und Röntgenbilder, Bonusheft sowie – bei gesetzlich Versicherten – die aktuelle Gesundheitskarte.</p>

      </div>

      <div class="info-card reveal">

        <div class="num">02 — Termine</div>

        <h3>Bestellpraxis</h3>

        <p>Bitte sagen Sie Termine mindestens 24&nbsp;Stunden vorher ab. Bei Infekten vereinbaren Sie vorab einen Termin zur Infektsprechstunde.</p>

      </div>

      <div class="info-card reveal">

        <div class="num">03 — Wartezeit</div>

        <h3>Ihr Verständnis</h3>

        <p>Trotz sorgfältiger Planung kann es zu Wartezeiten kommen. Ein Mineralwasser und aktuelle Magazine stehen für Sie bereit.</p>

      </div>

    </div>

  </div>

</section>


<!-- Kontakt -->

<section class="kontakt" id="kontakt">

  <div class="wrap">

    <div class="sec-head reveal">

      <div class="eyebrow">Kontakt</div>

      <h2>Vereinbaren Sie einen Termin</h2>

      <p>Rufen Sie uns gerne während unserer Öffnungszeiten an – wir sind für Sie da.</p>

    </div>

    <div class="grid">

      <div class="contact-card reveal">

        <h3>So erreichen Sie uns</h3>

        <div class="contact-row">

          <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>

          <div><div class="lbl">Adresse</div><div class="val">Eibenweg 4<br>53127 Bonn</div></div>

        </div>

        <div class="contact-row">

          <svg viewBox="0 0 24 24"><path d="M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3 19.5 19.5 0 01-6-6 19.8 19.8 0 01-3-8.6A2 2 0 014.1 2h3a2 2 0 012 1.7c.1.9.4 1.8.7 2.7a2 2 0 01-.5 2.1L8.1 9.6a16 16 0 006 6l1.1-1.1a2 2 0 012.1-.5c.9.3 1.8.6 2.7.7a2 2 0 011.7 2z"/></svg>

          <div><div class="lbl">Telefon</div><div class="val"><a href="tel:+49228246819">0228 246819</a></div></div>

        </div>

        <div class="contact-row">

          <svg viewBox="0 0 24 24"><path d="M4 4h16v16H4z"/><path d="M22 6l-10 7L2 6"/></svg>

          <div><div class="lbl">E-Mail</div><div class="val"><a href="mailto:info@praxis-schneider-bonn.de">info@praxis-schneider-bonn.de</a></div></div>

        </div>

        <a class="btn" href="https://www.google.com/maps/search/?api=1&query=Eibenweg+4+53127+Bonn" target="_blank" rel="noopener">Route in Google Maps öffnen</a>

      </div>


      <div class="hours-card reveal">

        <h3>Öffnungszeiten</h3>

        <div class="status" id="statusPill"><span class="dot"></span><span id="statusText">–</span></div>

        <table class="hours" id="hoursTable">

          <tr data-day="1"><td class="day">Montag</td><td class="time">07:30 – 13:45 · 16:00 – 19:00</td></tr>

          <tr data-day="2"><td class="day">Dienstag</td><td class="time">07:30 – 13:45 · 16:00 – 19:00</td></tr>

          <tr data-day="3"><td class="day">Mittwoch</td><td class="time">07:30 – 13:45</td></tr>

          <tr data-day="4"><td class="day">Donnerstag</td><td class="time">07:30 – 13:45 · 16:00 – 19:00</td></tr>

          <tr data-day="5"><td class="day">Freitag</td><td class="time">07:30 – 13:45</td></tr>

          <tr data-day="6"><td class="day">Samstag</td><td class="time closed-day">Geschlossen</td></tr>

          <tr data-day="0"><td class="day">Sonntag</td><td class="time closed-day">Geschlossen</td></tr>

        </table>

      </div>

    </div>

  </div>

</section>


<!-- Footer -->

<footer>

  <div class="wrap">

    <div class="top">

      <div>

        <b>Dr. Miro Schneider</b><br>

        <span style="opacity:.85">Facharzt für Innere Medizin · Hausarztpraxis Bonn</span>

      </div>

      <div class="links">

        <a href="#" data-legal="impressum">Impressum</a>

        <a href="#" data-legal="datenschutz">Datenschutz</a>

        <a href="#kontakt">Kontakt</a>

      </div>

    </div>

    <div class="bottom">

      <span>Eibenweg 4, 53127 Bonn · Tel. 0228 246819</span>

      <span>© 2026 Praxis Dr. Miro Schneider</span>

    </div>

  </div>

</footer>


<!-- Legal Overlay -->

<div class="legal-overlay" id="legalOverlay" role="dialog" aria-modal="true">

  <div class="legal-panel">

    <div class="legal-header">

      <button class="legal-close" id="legalClose" aria-label="Schließen">Schließen ✕</button>

    </div>

    <div class="inner">


      <!-- ================= IMPRESSUM ================= -->

      <div class="legal-content" id="legal-impressum">

        <h2>Impressum</h2>

        <div class="sub">Angaben gemäß § 5 DDG (Digitale-Dienste-Gesetz)</div>


        <h3>Praxisinhaber & Anbieter</h3>

        <p>

          Dr. Miro Schneider<br>

          Facharzt für Innere Medizin – Hausarztpraxis<br>

          Eibenweg 4<br>

          53127 Bonn

        </p>


        <h3>Kontakt</h3>

        <p>

          Telefon: <a href="tel:+49228246819">0228 246819</a><br>

          E-Mail: <a href="mailto:info@praxis-schneider-bonn.de">info@praxis-schneider-bonn.de</a>

        </p>


        <h3>Berufsbezeichnung und berufsrechtliche Angaben</h3>

        <p>

          Berufsbezeichnung: Arzt <span class="todo">(verliehen in der Bundesrepublik Deutschland – bitte prüfen, falls im Ausland verliehen)</span><br>

          Facharzttitel: Facharzt für Innere Medizin

        </p>


        <h3>Zuständige Ärztekammer</h3>

        <p>

          Ärztekammer Nordrhein (Körperschaft des öffentlichen Rechts)<br>

          Tersteegenstraße 9, 40474 Düsseldorf<br>

          <a href="https://www.aekno.de" target="_blank" rel="noopener">www.aekno.de</a>

        </p>


        <h3>Zuständige Kassenärztliche Vereinigung</h3>

        <p>

          Kassenärztliche Vereinigung Nordrhein<br>

          Tersteegenstraße 9, 40474 Düsseldorf<br>

          <a href="https://www.kvno.de" target="_blank" rel="noopener">www.kvno.de</a>

        </p>


        <h3>Berufsrechtliche Regelungen</h3>

        <ul>

          <li>Heilberufsgesetz Nordrhein-Westfalen (HeilBerG NRW)</li>

          <li>Berufsordnung für die nordrheinischen Ärztinnen und Ärzte</li>

          <li>(Muster-)Weiterbildungsordnung der Ärztekammer Nordrhein</li>

        </ul>

        <p>Die Regelungen sind einsehbar auf der Website der Ärztekammer Nordrhein unter <a href="https://www.aekno.de" target="_blank" rel="noopener">www.aekno.de</a>.</p>


        <h3>Aufsichtsbehörde</h3>

        <p>Ministerium für Arbeit, Gesundheit und Soziales des Landes Nordrhein-Westfalen, Düsseldorf.</p>


        <h3>Umsatzsteuer</h3>

        <p>Heilbehandlungen im Bereich der Humanmedizin sind gemäß § 4 Nr. 14 UStG von der Umsatzsteuer befreit. Eine Umsatzsteuer-Identifikationsnummer besteht daher in der Regel nicht. <span class="todo">(Falls vorhanden, hier ergänzen.)</span></p>


        <h3>Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h3>

        <p>Dr. Miro Schneider, Anschrift wie oben.</p>


        <h3>Verbraucherstreitbeilegung</h3>

        <p>Wir sind nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>


        <h3>Haftung für Inhalte und Links</h3>

        <p>Als Diensteanbieter sind wir für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Für Inhalte externer Links sind ausschließlich deren Betreiber verantwortlich; zum Zeitpunkt der Verlinkung waren keine Rechtsverstöße erkennbar.</p>


        <h3>Urheberrecht</h3>

        <p>Die auf dieser Website erstellten Inhalte und Werke unterliegen dem deutschen Urheberrecht. Eine Vervielfältigung, Bearbeitung oder Verbreitung außerhalb der Grenzen des Urheberrechts bedarf der vorherigen schriftlichen Zustimmung.</p>


        <h3>Bildnachweise</h3>

        <p class="todo">Hier die Quellen der verwendeten Fotos ergänzen (z. B. eigenes Praxisfoto, Fotograf, Bildagentur mit Lizenz).</p>


        <div class="note"><strong>Hinweis:</strong> Dieses Impressum ist eine sorgfältig vorbereitete Vorlage, aber keine Rechtsberatung. Prüfe die rot markierten Felder und lass den Text vor dem Livegang idealerweise anwaltlich oder über deine Ärztekammer gegenprüfen.</div>

      </div>


      <!-- ================= DATENSCHUTZ ================= -->

      <div class="legal-content" id="legal-datenschutz">

        <h2>Datenschutzerklärung</h2>

        <div class="sub">Informationen gemäß Art. 13, 14 DSGVO</div>


        <h3>1. Verantwortlicher</h3>

        <p>

          Dr. Miro Schneider<br>

          Eibenweg 4, 53127 Bonn<br>

          Telefon: <a href="tel:+49228246819">0228 246819</a> · E-Mail: <a href="mailto:info@praxis-schneider-bonn.de">info@praxis-schneider-bonn.de</a>

        </p>


        <h3>2. Allgemeines zur Datenverarbeitung</h3>

        <p>Wir verarbeiten personenbezogene Daten nur, soweit dies zur Bereitstellung dieser Website sowie zur Erfüllung unserer Aufgaben und Leistungen erforderlich ist. Rechtsgrundlagen sind insbesondere Art. 6 Abs. 1 DSGVO sowie – bei Gesundheitsdaten – Art. 9 Abs. 2 lit. h DSGVO in Verbindung mit § 22 BDSG.</p>


        <h3>3. Hosting und Server-Logfiles</h3>

        <p>Beim Aufruf dieser Website werden durch den Hosting-Anbieter automatisch Informationen in Server-Logfiles gespeichert (z. B. IP-Adresse, Datum und Uhrzeit des Zugriffs, aufgerufene Seite, Browsertyp). Dies dient dem sicheren und stabilen Betrieb der Website (berechtigtes Interesse, Art. 6 Abs. 1 lit. f DSGVO). <span class="todo">Namen und Anschrift des Hosting-Anbieters hier ergänzen und einen Auftragsverarbeitungsvertrag (AVV) abschließen.</span></p>


        <h3>4. Kontaktaufnahme</h3>

        <p>Wenn Sie uns per Telefon oder E-Mail kontaktieren, werden Ihre Angaben zur Bearbeitung der Anfrage verarbeitet (Art. 6 Abs. 1 lit. b bzw. f DSGVO) und nach Erledigung gelöscht, sofern keine gesetzlichen Aufbewahrungspflichten bestehen.</p>


        <h3>5. Behandlung als Patientin oder Patient</h3>

        <p>Im Rahmen der Behandlung verarbeiten wir Ihre Gesundheitsdaten zum Zweck der medizinischen Versorgung, Diagnostik und Abrechnung. Rechtsgrundlagen sind Art. 9 Abs. 2 lit. h DSGVO, § 22 BDSG sowie die ärztliche Dokumentations- und Aufbewahrungspflicht (u. a. § 630f BGB, § 10 der Berufsordnung). Eine Weitergabe erfolgt nur an berechtigte Stellen wie Kassenärztliche Vereinigung, Krankenkassen, Abrechnungsstellen oder mit- bzw. weiterbehandelnde Ärzte.</p>


        <h3>6. Cookies</h3>

        <p>Diese Website verwendet in ihrer aktuellen Form keine Cookies zu Marketing- oder Trackingzwecken. <span class="todo">Falls später Cookies, Karten, Videos oder Analyse-Tools eingebunden werden, ist ein Cookie-Consent-Banner erforderlich.</span></p>


        <h3>7. Ihre Rechte</h3>

        <p>Sie haben das Recht auf Auskunft (Art. 15), Berichtigung (Art. 16), Löschung (Art. 17), Einschränkung der Verarbeitung (Art. 18), Datenübertragbarkeit (Art. 20) sowie Widerspruch (Art. 21 DSGVO). Eine erteilte Einwilligung können Sie jederzeit mit Wirkung für die Zukunft widerrufen.</p>


        <h3>8. Beschwerderecht bei der Aufsichtsbehörde</h3>

        <p>

          Sie haben das Recht, sich bei einer Datenschutz-Aufsichtsbehörde zu beschweren. Zuständig ist:<br>

          Landesbeauftragte für Datenschutz und Informationsfreiheit Nordrhein-Westfalen (LDI NRW)<br>

          Kavalleriestraße 2–4, 40213 Düsseldorf · <a href="https://www.ldi.nrw.de" target="_blank" rel="noopener">www.ldi.nrw.de</a>

        </p>


        <h3>9. Datensicherheit</h3>

        <p>Zur Sicherung Ihrer Daten setzen wir eine SSL-/TLS-Verschlüsselung ein. Eine verschlüsselte Verbindung erkennen Sie am Schloss-Symbol in Ihrer Browserzeile.</p>


        <div class="note"><strong>Hinweis:</strong> Diese Datenschutzerklärung deckt die Website ab und ist ein solides Grundgerüst, ersetzt aber keine Rechtsberatung. Ergänze die rot markierten Felder (Hosting/AVV, ggf. Tools) und stimme sie mit deinem Datenschutzkonzept für die Praxis ab.</div>

      </div>


    </div>

  </div>

</div>


<script>

  // Mobile menu

  const burger=document.getElementById('burger'),menu=document.getElementById('menu');

  burger.addEventListener('click',()=>menu.classList.toggle('show'));

  menu.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>menu.classList.remove('show')));


  // Scroll reveal

  const io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.12});

  document.querySelectorAll('.reveal').forEach((el,i)=>{el.style.transitionDelay=(i%3*70)+'ms';io.observe(el);});


  // Legal overlay (Impressum / Datenschutz)

  const overlay=document.getElementById('legalOverlay');

  const openLegal=(key)=>{

    document.querySelectorAll('.legal-content').forEach(c=>c.classList.remove('active'));

    const target=document.getElementById('legal-'+key);

    if(target)target.classList.add('active');

    overlay.classList.add('open');

    overlay.querySelector('.legal-panel').scrollTop=0;

    document.body.style.overflow='hidden';

  };

  const closeLegal=()=>{overlay.classList.remove('open');document.body.style.overflow='';};

  document.querySelectorAll('[data-legal]').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();openLegal(a.dataset.legal);}));

  document.getElementById('legalClose').addEventListener('click',closeLegal);

  overlay.addEventListener('click',e=>{if(e.target===overlay)closeLegal();});

  document.addEventListener('keydown',e=>{if(e.key==='Escape')closeLegal();});


  // Öffnungszeiten: heutigen Tag markieren + Status berechnen

  const hours={1:[[450,825],[960,1140]],2:[[450,825],[960,1140]],3:[[450,825]],4:[[450,825],[960,1140]],5:[[450,825]]};

  const now=new Date(),day=now.getDay(),mins=now.getHours()*60+now.getMinutes();

  document.querySelectorAll('#hoursTable tr').forEach(tr=>{if(+tr.dataset.day===day)tr.classList.add('today');});

  let open=false;

  (hours[day]||[]).forEach(([a,b])=>{if(mins>=a&&mins<b)open=true;});

  const pill=document.getElementById('statusPill'),txt=document.getElementById('statusText');

  if(open){pill.classList.add('open');txt.textContent='Jetzt geöffnet';}

  else{pill.classList.add('closed');txt.textContent='Zurzeit geschlossen';}

</script>

</body>

</html>