Kartendaten-Hinweis (OpenStreetMap, ODbL) an der Karte und im Impressum

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

assets/css/style.css

@@ -747,6 +747,8 @@ body.menu-open .menu-panel { transform: scale(1); opacity: 1; visibility: visibl
   -webkit-mask: radial-gradient(ellipse 58% 72% at 50% 56%, #000 45%, rgba(0, 0, 0, .6) 72%, transparent 100%);
   mask: radial-gradient(ellipse 58% 72% at 50% 56%, #000 45%, rgba(0, 0, 0, .6) 72%, transparent 100%);
 }
+.tmap__credit { position: absolute; z-index: 2; right: 0; bottom: calc(-1 * clamp(3.5rem, 8vw, 7rem)); font-size: .7rem; color: rgba(23, 11, 9, .55); text-decoration: none; }
+.tmap__credit:hover { text-decoration: underline; }
 .troute { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1; }
 .troute path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
 .troute__glow { stroke: rgba(255, 255, 255, .55); stroke-width: 14; }
@@ -1228,6 +1230,7 @@ html.js.anim .juggle { visibility: hidden; }
   .vs { justify-self: center; margin: -.5rem 0; }
   .tstage { height: auto; display: flex; flex-direction: column; gap: 2.4rem; margin-top: 1.5rem; }
   .tmap, .troute, .troute__rider { display: none; }
+  .tmap__credit { position: static; order: 9; align-self: flex-end; margin-top: -1rem; }
   .tspot { position: relative; left: auto; top: auto; width: auto; height: auto; }
   .tspot__minimap {
     display: block; position: relative; height: 300px; margin: 0 calc(-1 * var(--gutter)); overflow: hidden;

impressum.html

@@ -113,6 +113,7 @@
           <li>Gurke: Sir Beluga, <a href="https://commons.wikimedia.org/wiki/File:Sliced-pickle.jpg" target="_blank" rel="noopener">„Sliced-pickle“</a>, CC0; Panade-Stücke: Evan-Amos, <a href="https://commons.wikimedia.org/wiki/File:Fried-Chicken-Set.jpg" target="_blank" rel="noopener">„Fried-Chicken-Set“</a>, CC0</li>
         </ul>
         <p>Die bearbeiteten Zutaten-Bilder stehen unter derselben Lizenz wie das jeweilige Original.</p>
+        <p>Kartengrafik auf der Startseite: eigene Darstellung auf Basis von Kartendaten © <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap-Mitwirkende</a>, verfügbar unter der Open Database License (ODbL).</p>
 
         <h2>Website</h2>
         <p>Konzept, Gestaltung und Umsetzung: <a href="https://webklar.com" target="_blank" rel="noopener">WEBklar</a></p>

index.html

@@ -316,6 +316,7 @@
           <div class="tmap" aria-hidden="true">
             <img class="tmap__img" src="assets/img/map-kaiserslautern.svg" width="1400" height="1080" alt="" loading="lazy" decoding="async">
           </div>
+          <a class="tmap__credit" href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">Kartendaten © OpenStreetMap-Mitwirkende</a>
           <svg class="troute" aria-hidden="true"><defs><mask id="troute-mask" maskUnits="userSpaceOnUse"><path class="troute__reveal"/></mask></defs><path class="troute__glow"/><path class="troute__line" mask="url(#troute-mask)"/></svg>
           <img class="troute__rider die-cut" src="assets/img/rooster.svg" alt="" aria-hidden="true" width="179" height="264">
           <div class="tspot tspot--shop">