Anfahrt mit Karte, Adresse und Öffnungszeiten, Vereinslogo im Header

- Beide Logos im Header auf allen Seiten
- Adresse Hollerstraße 2 und Öffnungszeiten Mo-Fr 9-13 (Google Maps) im Footer,
  Kontakt, Shop-Seite und neuer Sektion 'So findest du uns'
- Google-Maps-Karte als Zwei-Klick-Lösung: lädt erst nach Klick, kein Banner nötig;
  Datenschutzerklärung um Abschnitt 4a ergänzt
- 'Im September 2025'
- Impressum: roter Warnkasten, Registereintrag und interne Hinweise entfernt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

DESIGN.md

@@ -257,6 +257,25 @@ damit der Rhythmus Weiß ↔ Farbe erhalten bleibt.
 Kontrast gegen die **dunklere** Musterfarbe gemessen, nicht gegen den Grund: `--ink-700`
 7.41–9.71, Weiß auf dem Blau-Band 4.65.
 
+## Anfahrt und Karte (2026-09-25)
+
+Adresse und Öffnungszeiten von Google Maps übernommen: **Hollerstraße 2, 84056 Rottenburg
+a.d. Laaber**, **Mo–Fr 9:00–13:00**, Sa/So geschlossen. Stehen jetzt im Footer aller Seiten,
+in der Kontaktkarte der Vereinsseite, auf der Shop-Seite und in der neuen Sektion
+„So findest du uns" (`index.html#anfahrt`).
+
+**Die Karte ist eine Zwei-Klick-Lösung.** Ein Google-Maps-iframe beim Seitenaufruf würde
+die IP jedes Besuchers an Google übertragen und bräuchte eine Einwilligung nach
+§ 25 TDDDG — also ein Banner. Stattdessen steht dort eine getönte Fläche mit „Karte
+laden"; erst der Klick setzt das iframe ein (Inline-Skript am Ende von `index.html`, das
+einzige JavaScript der Site). Gemessen: vor dem Klick keine einzige Anfrage an Google.
+Datenschutzerklärung Abschnitt 4a beschreibt das. „Route planen" ist ein normaler Link.
+
+Die Aussage „null Anfragen an Dritte" aus dem Abschnitt Recht gilt damit weiter für den
+Seitenaufruf, nicht mehr nach dem Klick auf die Karte.
+
+Header: beide Zeichen (Laden und Hilfe Verein) nebeneinander auf allen Seiten.
+
 ## Motion
 
 Nur Zustandsfeedback, wie im Handoff: 120ms Farbe, 200ms Lift, 340ms alles Größere,

README.md

@@ -52,8 +52,7 @@ cd "/Users/andrej/ASX Studio/Emmas schatzkiste" && python3 -m http.server 4173
    verdrahten, Button aktivieren, Fortschrittsbalken aus `timeupdate` treiben,
    Abspielposition in `localStorage` merken. **Ein Lied pro Seite, nicht beide auf beiden**
    (Kundenvorgabe).
-5. **Öffnungszeiten und vollständige Anschrift.** Bekannt sind nur Postleitzahl und Ort.
-   Der Footer sagt bis dahin „Öffnungszeiten folgen".
+5. ~~**Öffnungszeiten und vollständige Anschrift.**~~ Erledigt 2026-09-25 (von Google Maps).
 6. **Logos als Vektor.** Die gelieferten JPEGs sind freigestellt worden (siehe DESIGN.md),
    aber eine SVG- oder transparente PNG-Originaldatei wäre sauberer, besonders fürs
    Header-Zeichen bei 32px.

assets/site.css

@@ -201,6 +201,9 @@ a:hover{color:var(--sky-600)}
   min-height:44px;   /* Touch-Ziel, auch auf Tablets */
 }
 .hdr__brand img{width:34px; height:34px; object-fit:contain}
+/* Beide Zeichen: Laden und Hilfe Verein (Kundenwunsch 2026-09-25) — die zwei Welten
+   des Handoffs stehen damit auf jeder Seite nebeneinander. */
+.hdr__marks{display:flex; align-items:center; gap:4px}
 .nav{display:flex; align-items:center; gap:var(--space-1); flex-wrap:wrap}
 /* 44px hoch statt 31: Tablets sind Touch-Geraete, WCAG 2.5.5 will 44x44.
    Passt weiterhin in den 64px hohen Header. */
@@ -225,7 +228,7 @@ a:hover{color:var(--sky-600)}
   :root{--header-h:60px; --page-pad-x:20px}
   .hdr__in{gap:var(--space-2)}
   .hdr__brand{font-size:0; gap:0; min-width:44px; justify-content:center}
-  .hdr__brand img{width:36px; height:36px}
+  .hdr__brand img{width:32px; height:32px}
   .nav{flex-wrap:nowrap; gap:0}
   .nav a{
     position:relative; min-height:44px; padding:6px clamp(5px,2.2vw,10px);
@@ -242,6 +245,10 @@ a:hover{color:var(--sky-600)}
     display:flex; align-items:center; min-height:44px; padding-block:2px;
   }
 }
+/* Unter 360px mit zwei Zeichen im Header: "Hilfe Verein" darf zweizeilig werden. */
+@media (max-width:359.98px){
+  .nav a{white-space:normal; text-align:center; line-height:1.1}
+}
 
 /* ============================================================ BUTTONS */
 .btn{
@@ -436,6 +443,37 @@ a:hover{color:var(--sky-600)}
   transform:rotate(-2deg);
 }
 
+/* Anfahrt — Adresse, Zeiten, Karte */
+.visit{
+  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
+  gap:var(--space-8); align-items:stretch;
+}
+.visit__info{display:grid; gap:var(--space-6); align-content:center; justify-items:start}
+.visit__info .label{display:block; margin-bottom:var(--space-2)}
+.visit__addr{font:600 22px/1.35 'Nunito','Segoe UI',sans-serif; color:var(--ink-700)}
+.hours{margin:0; display:grid; grid-template-columns:auto auto; gap:var(--space-1) var(--space-6)}
+.hours dt{color:var(--ink-500)}
+.hours dd{margin:0; font-weight:700; color:var(--ink-700)}
+/* Zwei-Klick-Karte. Vor dem Klick eine getönte Fläche mit Decor-Muster — keine Karte
+   in der Karte (Guardrail), nur Inhalt auf Fläche. */
+.map{
+  position:relative; isolation:isolate; min-height:380px; overflow:hidden;
+  border-radius:var(--radius-xl); box-shadow:var(--shadow-band);
+  background:var(--sky-100) url(decor/cool.svg) 0 0/var(--decor-size,600px) auto repeat;
+  display:grid; place-items:center; padding:var(--space-8) var(--space-6);
+}
+.map.is-loaded{padding:0; display:block; background:var(--surface-sunk)}
+.map iframe{display:block; width:100%; height:100%; min-height:380px; border:0}
+.map__consent{display:grid; gap:var(--space-3); justify-items:center; text-align:center; max-width:36ch}
+.map__pin{
+  width:56px; height:56px; border-radius:50%; display:grid; place-items:center;
+  background:var(--accent); color:#fff; box-shadow:var(--shadow-card);
+}
+.map__pin svg{width:28px; height:28px}
+.map__title{font:var(--t-h3); color:var(--ink-700)}
+.map__note{font:var(--t-small); color:var(--ink-700)}
+.map__note a{color:var(--ink-700)}
+
 /* Audio */
 .song{
   max-width:520px; margin-inline:auto; background:var(--surface-card);
@@ -492,6 +530,8 @@ a:hover{color:var(--sky-600)}
 /* Telefon und E-Mail sind die wichtigsten Links der Seite und waren 23px hoch —
    einen Pixel unter WCAG 2.5.8. Als volles 44px-Ziel laesst sich die Nummer am
    Handy zuverlaessig antippen. */
+.contact .contact__note{font:var(--t-small); color:var(--ink-500)}
+.contact .contact__note a{min-height:0; display:inline}
 .contact a{
   color:var(--accent-text); display:inline-flex; align-items:center;
   min-height:44px; text-decoration:underline; text-underline-offset:3px;

datenschutz.html

@@ -11,7 +11,7 @@
 <link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
-<link rel="stylesheet" href="assets/site.css?v=86ed5fb0" />
+<link rel="stylesheet" href="assets/site.css?v=007c8ae9" />
 </head>
 <body class="page-shop">
 <a class="skip" href="#inhalt">Zum Inhalt springen</a>
@@ -19,7 +19,7 @@
 <header class="hdr">
   <div class="wrap hdr__in">
     <a class="hdr__brand" href="index.html">
-      <img src="assets/logo-shop.png" alt="" />
+      <span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
       Emma's Schatzkiste
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
@@ -37,10 +37,10 @@
       <h1>Datenschutzerklärung</h1>
 
       <div class="prose__intro">
-        <strong>Kurz gesagt:</strong> Diese Website setzt keine Cookies, bindet keine
-        Dienste Dritter ein und analysiert nichts. Es gibt kein Kontaktformular. Schriften
-        werden vom eigenen Server geladen, nicht von Google. Deshalb gibt es hier auch kein
-        Einwilligungsbanner — es gibt nichts einzuwilligen.
+        <strong>Kurz gesagt:</strong> Diese Website setzt keine Cookies und analysiert nichts.
+        Es gibt kein Kontaktformular. Schriften werden vom eigenen Server geladen, nicht von
+        Google. Die Karte von Google Maps auf der Startseite lädt erst, wenn du sie
+        ausdrücklich anklickst — vorher besteht keine Verbindung zu Google.
       </div>
 
       <div class="prose__warn">
@@ -81,7 +81,24 @@
       <h2>4. Keine Analyse, kein Tracking, keine Werbung</h2>
       <p>Es sind keine Analyse-, Tracking- oder Werbedienste eingebunden — kein Google
       Analytics, kein Matomo, keine Pixel, keine Social-Media-Plugins, keine eingebetteten
-      Videos oder Karten.</p>
+      Videos. Zur Karte siehe den nächsten Abschnitt.</p>
+
+      <h2 id="karte">4a. Google Maps (nur nach Klick)</h2>
+      <p>Auf der Startseite können Sie eine Karte von Google Maps anzeigen lassen. Anbieter
+      ist die Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland.</p>
+      <p>Die Karte wird <strong>nicht automatisch</strong> geladen. Erst wenn Sie auf
+      „Karte laden" klicken, baut Ihr Browser eine Verbindung zu Servern von Google auf.
+      Dabei werden mindestens Ihre IP-Adresse, Datum und Uhrzeit sowie Informationen über
+      Ihren Browser an Google übertragen; Google kann dabei Cookies setzen. Eine Übermittlung
+      in die USA ist möglich. Google LLC ist unter dem EU-US Data Privacy Framework
+      zertifiziert (Angemessenheitsbeschluss der EU-Kommission vom 10. Juli 2023).</p>
+      <p>Rechtsgrundlage ist Ihre Einwilligung durch den Klick (Art. 6 Abs. 1 lit. a DSGVO,
+      § 25 Abs. 1 TDDDG). Die Einwilligung gilt nur für den jeweiligen Seitenaufruf; beim
+      nächsten Besuch ist die Karte wieder ausgeblendet. Ohne Klick findet keine
+      Übertragung statt. Mehr zur Datenverarbeitung durch Google:
+      <a href="https://policies.google.com/privacy" rel="noopener noreferrer" target="_blank">policies.google.com/privacy</a>.</p>
+      <p>Der Link „Route planen" öffnet Google Maps in einem neuen Fenster. Auch dort gilt
+      erst ab dem Klick die Datenschutzerklärung von Google.</p>
 
       <h2>5. Schriftarten</h2>
       <p>Die Schriften Fredoka und Nunito werden <strong>lokal vom eigenen Server</strong>
@@ -105,7 +122,9 @@
 
       <h2>8. Empfänger und Drittlandübermittlung</h2>
       <p>Über den Hoster hinaus geben wir keine personenbezogenen Daten weiter. Eine
-      Übermittlung in Länder außerhalb der EU beziehungsweise des EWR findet nicht statt.</p>
+      Übermittlung in Länder außerhalb der EU beziehungsweise des EWR findet durch uns nicht
+      statt. Ausnahme ist die Karte von Google Maps, und nur wenn Sie sie selbst laden
+      (Abschnitt 4a).</p>
 
       <h2>9. Ihre Rechte</h2>
       <ul>
@@ -125,10 +144,7 @@
       Bayerische Landesamt für Datenschutzaufsicht (BayLDA), Promenade 18, 91522 Ansbach.</p>
 
       <h2>11. Stand</h2>
-      <p>Diese Erklärung beschreibt den Stand vom 21. September 2026. Sie muss angepasst
-      werden, sobald sich an der Website etwas ändert — etwa wenn ein Kontaktformular, eine
-      Karte, ein Newsletter, Audiodateien von einem fremden Dienst oder ein Online-Shop
-      dazukommen.</p>
+      <p>Diese Erklärung beschreibt den Stand vom 25. September 2026.</p>
     </div>
   </section>
 </main>
@@ -140,7 +156,8 @@
         <h3>Laden</h3>
         <ul>
           <li><a href="index.html">Unser Laden</a></li>
-          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
+          <li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
           <li><a href="tel:015751479212">Ware abgeben</a></li>
         </ul>
       </div>

hilfe-verein.html

@@ -10,7 +10,7 @@
 <link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
-<link rel="stylesheet" href="assets/site.css?v=86ed5fb0" />
+<link rel="stylesheet" href="assets/site.css?v=007c8ae9" />
 </head>
 <body class="page-verein">
 <a class="skip" href="#inhalt">Zum Inhalt springen</a>
@@ -18,7 +18,7 @@
 <header class="hdr">
   <div class="wrap hdr__in">
     <a class="hdr__brand" href="index.html">
-      <img src="assets/logo-shop.png" alt="" />
+      <span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
       Emma's Schatzkiste
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
@@ -120,7 +120,7 @@
       <div class="band__copy">
         <span class="label">Der Second-Hand-Laden</span>
         <h2>Wo alles angefangen hat.</h2>
-        <p>Im September haben wir den Second-Hand-Laden übernommen — eine Herzensangelegenheit. Kinder und Jugendliche bekommen bei uns Spielsachen, die ein zweites Leben verdient haben.</p>
+        <p>Im September 2025 haben wir den Second-Hand-Laden übernommen — eine Herzensangelegenheit. Kinder und Jugendliche bekommen bei uns Spielsachen, die ein zweites Leben verdient haben.</p>
         <p>Die Sachen sind preiswert, sehr gut erhalten und von guter Qualität. Und wir suchen mit, bis du findest, was du brauchst.</p>
         <a class="btn btn--secondary btn--l" href="index.html">Mehr über den Laden</a>
       </div>
@@ -136,7 +136,8 @@
     <div class="contacts">
       <div class="contact">
         <span class="label">Adresse</span>
-        <p>84056 Rottenburg a.d. Laaber</p>
+        <p>Hollerstraße 2<br />84056 Rottenburg a.d. Laaber</p>
+        <p class="contact__note">Mo–Fr 9:00–13:00 Uhr · <a href="index.html#anfahrt">Karte &amp; Anfahrt</a></p>
       </div>
       <div class="contact">
         <span class="label">Telefon</span>
@@ -158,7 +159,8 @@
         <h3>Laden</h3>
         <ul>
           <li><a href="index.html">Unser Laden</a></li>
-          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
+          <li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
           <li><a href="tel:015751479212">Ware abgeben</a></li>
         </ul>
       </div>

impressum.html

@@ -11,7 +11,7 @@
 <link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
-<link rel="stylesheet" href="assets/site.css?v=86ed5fb0" />
+<link rel="stylesheet" href="assets/site.css?v=007c8ae9" />
 </head>
 <body class="page-shop">
 <a class="skip" href="#inhalt">Zum Inhalt springen</a>
@@ -19,7 +19,7 @@
 <header class="hdr">
   <div class="wrap hdr__in">
     <a class="hdr__brand" href="index.html">
-      <img src="assets/logo-shop.png" alt="" />
+      <span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
       Emma's Schatzkiste
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
@@ -36,12 +36,6 @@
     <div class="prose">
       <h1>Impressum</h1>
 
-      <div class="prose__warn">
-        <strong>Fast vollständig.</strong> Name und Anschrift sind aus dem Impressum der
-        bisherigen Seite übernommen. Offen ist nur noch das rot umrandete Feld unten.
-        Dieser Entwurf ersetzt keine Rechtsberatung.
-      </div>
-
       <h2>Angaben gemäß § 5 DDG</h2>
       <dl>
         <dt>Anbieter</dt><dd>Martin Lindenau</dd>
@@ -49,31 +43,22 @@
         <dt>Telefon</dt><dd><a href="tel:015751479212">0157 51479212</a></dd>
         <dt>E-Mail</dt><dd><a href="mailto:emmas.schatzkiste.hilft@gmail.com">emmas.schatzkiste.hilft@<wbr>gmail.com</a></dd>
       </dl>
-      <p>Eine ladungsfähige Anschrift ist zwingend — ein Postfach genügt nicht.</p>
 
       <h2>Umsatzsteuer</h2>
       <p>Kleinunternehmerregelung nach § 19 UStG: Als Kleinunternehmer berechnen wir keine
       Umsatzsteuer und weisen sie daher auch nicht aus. Eine Umsatzsteuer-Identifikationsnummer
       nach § 27 a UStG besteht deshalb nicht.</p>
 
-      <h2>Registereintrag</h2>
-      <p><span class="todo">Bitte bestätigen:</span> Kleingewerbe, nicht im Handelsregister
-      eingetragen. Falls doch ein Eintrag besteht, gehören Registergericht und
-      Registernummer hierher.</p>
-
       <h2>Hilfe Verein</h2>
       <p>Der „Hilfe Verein" befindet sich im Aufbau und ist
       <strong>noch nicht als Verein eingetragen</strong>. Er tritt daher nicht als eigene
-      juristische Person auf; verantwortlich ist die oben genannte Person. Sobald die
-      Eintragung erfolgt ist, gehören Name, Rechtsform, Vereinsregister, Registernummer und
-      der Vorstand hierher — und der Verein braucht dann ein eigenes Impressum.</p>
+      juristische Person auf; verantwortlich ist die oben genannte Person. </p>
 
       <h2>Verbraucherstreitbeilegung</h2>
       <p>Wir sind nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer
       Verbraucherschlichtungsstelle teilzunehmen.</p>
       <p>Ein Hinweis auf die EU-Plattform zur Online-Streitbeilegung entfällt: Sie wurde zum
-      20. Juli 2025 abgeschaltet (Verordnung (EU) 2024/3228). Falls auf der alten Seite noch
-      ein Link dorthin steht, muss er weg — ein toter Pflichthinweis ist selbst abmahnbar.</p>
+      20. Juli 2025 abgeschaltet (Verordnung (EU) 2024/3228).</p>
 
       <h2>Haftung für Inhalte</h2>
       <p>Als Diensteanbieter sind wir für eigene Inhalte auf diesen Seiten nach den
@@ -95,7 +80,7 @@
       <h2>Bildnachweis</h2>
       <p>Fotos von <a href="https://www.pexels.com/" rel="noopener noreferrer" target="_blank">Pexels</a>
       (Pexels-Lizenz: kommerzielle Nutzung frei, keine Namensnennung erforderlich) —
-      Bild-IDs 10831693, 34148341 und 6591155. Logos: Emma's Schatzkiste.</p>
+      Bild-IDs 10831693, 34148341 und 6591155. Porträtfoto und Logos: Emma's Schatzkiste.</p>
     </div>
   </section>
 </main>
@@ -107,7 +92,8 @@
         <h3>Laden</h3>
         <ul>
           <li><a href="index.html">Unser Laden</a></li>
-          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
+          <li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
           <li><a href="tel:015751479212">Ware abgeben</a></li>
         </ul>
       </div>

index.html

@@ -10,7 +10,7 @@
 <link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
-<link rel="stylesheet" href="assets/site.css?v=86ed5fb0" />
+<link rel="stylesheet" href="assets/site.css?v=007c8ae9" />
 </head>
 <body class="page-shop">
 <a class="skip" href="#inhalt">Zum Inhalt springen</a>
@@ -18,7 +18,7 @@
 <header class="hdr">
   <div class="wrap hdr__in">
     <a class="hdr__brand" href="index.html">
-      <img src="assets/logo-shop.png" alt="" />
+      <span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
       Emma's Schatzkiste
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
@@ -71,7 +71,7 @@
     </div>
     <div class="story">
       <div class="story__copy">
-        <p>Im September haben wir den Second-Hand-Laden übernommen — eine Herzensangelegenheit. Kinder und Jugendliche sollen Spielsachen bekommen, die ein zweites Leben verdient haben: nachhaltig, familienfreundlich und für jeden Geldbeutel.</p>
+        <p>Im September 2025 haben wir den Second-Hand-Laden übernommen — eine Herzensangelegenheit. Kinder und Jugendliche sollen Spielsachen bekommen, die ein zweites Leben verdient haben: nachhaltig, familienfreundlich und für jeden Geldbeutel.</p>
         <p>Bei uns findest du Einzelstücke — vom Strampler bis zum Bobbycar. Jedes Teil gibt es nur 1× vorhanden, und jedes hat schon eine Geschichte hinter sich.</p>
       </div>
       <img class="story__img" src="assets/laden-story.jpg" alt="Hände legen ein Kinderoberteil zusammen und packen es in eine Kiste" loading="lazy" width="1200" height="900" />
@@ -101,6 +101,42 @@
     </div>
   </section>
 
+  <section class="wrap section" id="anfahrt">
+    <div class="sh">
+      <span class="sh__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg></span>
+      <h2>So findest du uns</h2>
+    </div>
+    <div class="visit">
+      <div class="visit__info">
+        <div>
+          <span class="label">Adresse</span>
+          <p class="visit__addr">Hollerstraße 2<br />84056 Rottenburg a.d. Laaber</p>
+        </div>
+        <div>
+          <span class="label">Öffnungszeiten</span>
+          <dl class="hours">
+            <dt>Montag – Freitag</dt><dd>9:00 – 13:00 Uhr</dd>
+            <dt>Samstag, Sonntag</dt><dd>geschlossen</dd>
+          </dl>
+        </div>
+        <a class="btn btn--primary btn--l" href="https://www.google.com/maps/dir/?api=1&amp;destination=EmMas+Schatzkiste%2C+Hollerstra%C3%9Fe+2%2C+84056+Rottenburg+an+der+Laaber" target="_blank" rel="noopener noreferrer">
+          Route planen
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
+        </a>
+      </div>
+      <!-- Zwei-Klick-Karte: Google Maps wird erst nach Klick geladen (DSGVO/TDDDG).
+           Vorher gibt es keine Verbindung zu Google. Skript am Seitenende. -->
+      <div class="map" data-map-src="https://maps.google.com/maps?q=EmMas%20Schatzkiste%2C%20Hollerstra%C3%9Fe%202%2C%2084056%20Rottenburg%20an%20der%20Laaber&amp;z=16&amp;output=embed">
+        <div class="map__consent">
+          <span class="map__pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg></span>
+          <p class="map__title">Karte von Google Maps</p>
+          <p class="map__note">Beim Laden werden Daten, u.&nbsp;a. deine IP-Adresse, an Google übertragen. Mehr dazu in der <a href="datenschutz.html#karte">Datenschutzerklärung</a>.</p>
+          <button class="btn btn--secondary" type="button" data-map-load>Karte laden</button>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Feature-Flag im Handoff: audioSichtbar. Zum Ausblenden diese Sektion entfernen. -->
   <section class="wrap section--tight">
     <div class="sh">
@@ -139,6 +175,21 @@
 
 </main>
 
+<script>
+  // Zwei-Klick-Karte: iframe erst auf ausdruecklichen Klick einsetzen.
+  document.querySelectorAll('[data-map-load]').forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      var box = btn.closest('.map');
+      var f = document.createElement('iframe');
+      f.src = box.getAttribute('data-map-src');
+      f.title = 'Karte: EmMas Schatzkiste, Hollerstraße 2, Rottenburg a.d. Laaber';
+      f.referrerPolicy = 'no-referrer-when-downgrade';
+      box.replaceChildren(f);
+      box.classList.add('is-loaded');
+    });
+  });
+</script>
+
 <footer class="ftr">
   <div class="wrap">
     <div class="ftr__cols">
@@ -146,7 +197,8 @@
         <h3>Laden</h3>
         <ul>
           <li><a href="index.html">Unser Laden</a></li>
-          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
+          <li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
           <li><a href="tel:015751479212">Ware abgeben</a></li>
         </ul>
       </div>

shop.html

@@ -11,7 +11,7 @@
 <link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
-<link rel="stylesheet" href="assets/site.css?v=86ed5fb0" />
+<link rel="stylesheet" href="assets/site.css?v=007c8ae9" />
 </head>
 <body class="page-shop parked">
 <a class="skip" href="#inhalt">Zum Inhalt springen</a>
@@ -19,7 +19,7 @@
 <header class="hdr">
   <div class="wrap hdr__in">
     <a class="hdr__brand" href="index.html">
-      <img src="assets/logo-shop.png" alt="" />
+      <span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
       Emma's Schatzkiste
     </a>
     <nav class="nav" aria-label="Hauptnavigation">
@@ -35,7 +35,7 @@
   <div class="parked__in">
     <span class="badge">Im Aufbau</span>
     <h1>Der Online-Shop ist noch im Aufbau.</h1>
-    <p>Wir richten ihn gerade ein. Bis dahin findest du unsere Sachen im Laden in Rottenburg a.d. Laaber — oder du rufst an und wir suchen mit.</p>
+    <p>Wir richten ihn gerade ein. Bis dahin findest du unsere Sachen im Laden in der Hollerstraße 2 in Rottenburg a.d. Laaber, Montag bis Freitag von 9 bis 13 Uhr — oder du rufst an und wir suchen mit.</p>
     <div class="hero__actions" style="justify-content:center">
       <a class="btn btn--primary btn--l" href="tel:015751479212">0157 51479212</a>
       <a class="btn btn--secondary btn--l" href="index.html">Zurück zur Startseite</a>
@@ -50,7 +50,8 @@
         <h3>Laden</h3>
         <ul>
           <li><a href="index.html">Unser Laden</a></li>
-          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
+          <li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
           <li><a href="tel:015751479212">Ware abgeben</a></li>
         </ul>
       </div>