Änderungen an Datenschutzblock und Versuch die Links auf planner zu ändern

static/css/style.css

@@ -313,9 +313,15 @@ img { max-width: 100%; height: auto; display: block; }
 /* ===== Karten-Grid (wiederverwendet für Umfeld + Ausstattung) ===== */
 .spec-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 1.25rem;
 }
+@media (max-width: 760px) {
+  .spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (max-width: 480px) {
+  .spec-grid { grid-template-columns: 1fr; }
+}
 .spec-block {
   background: var(--card-bg);
   border: 1px solid var(--border);

static/js/main.js

@@ -26,7 +26,7 @@ document.querySelectorAll('.slider').forEach(slider => {
   if (next) next.addEventListener('click', () => track.scrollBy({ left: step(), behavior: 'smooth' }));
 });
 
-// Belegungsplan ein-/ausblenden (externes webplanner-Skript erst bei Klick nachladen)
+// Belegungsplan ein-/ausblenden (externes webplanner-iframe erst bei Klick nachladen)
 const belBtn   = document.getElementById('belegungsplan-btn');
 const belFrame = document.getElementById('belegungsplan-frame');
 if (belBtn && belFrame) {
@@ -35,9 +35,12 @@ if (belBtn && belFrame) {
   belBtn.addEventListener('click', () => {
     const willShow = belFrame.hidden;
     if (willShow && !loaded) {
-      const script = document.createElement('script');
-      script.src = belFrame.dataset.src;
-      belFrame.appendChild(script);
+      const iframe = document.createElement('iframe');
+      iframe.src = belFrame.dataset.src;
+      iframe.width = '100%';
+      iframe.height = '225';
+      iframe.frameBorder = '0';
+      belFrame.appendChild(iframe);
       loaded = true;
     }
     belFrame.hidden = !willShow;