From eca5dbd86613c4301552bc524f671a0c4a0639ca Mon Sep 17 00:00:00 2001
From: Till Heidrich <till@heidrich-digital.de>
Date: Tue, 26 May 2026 12:23:36 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Fredi24=20=E2=80=93=20komplett=20neu=20?=
 =?UTF-8?q?=C2=B7=20Abstimmung=20=C2=B7=20Formular=20=C2=B7=2018=20Destina?=
 =?UTF-8?q?tionen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Rebrand zu 'Fredi24' (named after Frieda 🐾)
- Passwort-Gate: frediurlaub26
- Abstimmungs-System: Till + Lea stimmen unabhängig ab (❤️🤔❌)
- Vote-Ergebnis-Tab mit Match-Anzeige (💚💛❌)
- JSON-Export der Abstimmung für Codex
- Eigene Ideen einreichen (FAB-Button, Modal, localStorage)
- 18 Destinationen (vorher 9): +Fuerteventura, Menorca, Côte d'Azur,
  Schweiz (Lea würde sofort!), Frankreich, Kapverden, Malta, Lanzarote,
  Costa del Sol, MSC Kreuzfahrt
- Schweiz + Frankreich jetzt OK (nicht mehr raus!)
- De Reeuwijkse Plassen: 2026 korrekt
- Vollständige Airbnb-Historie 2015-2020
- Felix-Alterskurve im Info-Tab
- Mobile-first mit Bottom-Navigation
- Preis-Badges (Budget-Tipp 💚 / Im Budget / Knapp)
- 'Unsere Empfehlung' Hero-Banner (Sardinien)
---
 index.html | 1848 +++++++++++++++++++++++++++++++++-------------------
 1 file changed, 1193 insertions(+), 655 deletions(-)
diff --git a/index.html b/index.html
index 194e9aa..a348997 100644
--- a/index.html
+++ b/index.html
@@ -2,270 +2,401 @@
 <html lang="de">
 <head>
 <meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1.0">
-<title>Heidrich Reise-Planer</title>
-<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
+<title>Fredi24 – Reise-Planer</title>
+<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 <style>
 *{box-sizing:border-box;margin:0;padding:0;}
 :root{
-  --bg:#F5F0E8;--bg2:#EDE6DA;--teal:#1A4B47;--teal2:#2D6B65;
-  --terra:#C4582A;--gold:#B87A1A;--sand:#D4C4AC;--text:#1A1A1A;
-  --muted:#7A7060;--white:#FDFAF5;--card:#FDFAF5;--blue:#3A7BC8;--purple:#7B4DBA;
+  --bg:#F7F3ED;--bg2:#EDE8DF;--card:#FFFFFF;--border:#E4DDD4;
+  --coral:#E55A35;--coral-dark:#C4482A;--coral-light:#FCEAE4;
+  --gold:#D4A020;--gold-light:#FDF4DC;
+  --teal:#1F6B5E;--teal-light:#D4EDE8;
+  --blue:#3B7EC8;--blue-light:#DAEAF8;
+  --purple:#7B4DBA;--purple-light:#EDE0FA;
+  --text:#18181B;--muted:#78716C;--subtle:#A8A29E;
+  --navy:#0D1B2A;
+  --tag-h: 22px;
+  --r:12px;--r-sm:8px;--r-lg:16px;
+  --safe-bottom: env(safe-area-inset-bottom, 0px);
 }
-body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:14px;min-height:100vh;}
+html{-webkit-text-size-adjust:100%;}
+body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:14px;min-height:100vh;padding-bottom:calc(64px + var(--safe-bottom));}
 
-/* PASSWORD GATE */
-#gate{position:fixed;inset:0;background:var(--teal);z-index:9999;display:flex;align-items:center;justify-content:center;}
-.gate-box{background:var(--white);border-radius:16px;padding:40px;text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3);}
-.gate-logo{font-size:48px;margin-bottom:12px;}
-.gate-title{font-family:'Playfair Display',serif;font-size:22px;color:var(--teal);margin-bottom:4px;}
-.gate-sub{font-size:12px;color:var(--muted);margin-bottom:24px;}
-.gate-input{width:100%;padding:12px 16px;border:2px solid var(--sand);border-radius:10px;font-size:15px;font-family:'Outfit',sans-serif;outline:none;transition:border .2s;margin-bottom:12px;}
-.gate-input:focus{border-color:var(--teal);}
-.gate-btn{width:100%;padding:12px;background:var(--teal);color:white;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;transition:background .2s;}
-.gate-btn:hover{background:var(--teal2);}
-.gate-err{color:var(--terra);font-size:12px;margin-top:8px;display:none;}
+/* GATE */
+#gate{position:fixed;inset:0;background:var(--navy);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;}
+.gate-box{background:#fff;border-radius:20px;padding:36px 28px;text-align:center;max-width:320px;width:100%;}
+.gate-paw{font-size:52px;margin-bottom:8px;}
+.gate-brand{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;font-weight:800;color:var(--coral);letter-spacing:-0.04em;}
+.gate-sub{font-size:13px;color:var(--muted);margin:4px 0 24px;}
+.gate-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--r);font-size:15px;font-family:'Outfit',sans-serif;outline:none;transition:border .2s;margin-bottom:10px;background:var(--bg);}
+.gate-input:focus{border-color:var(--coral);}
+.gate-btn{width:100%;padding:13px;background:var(--coral);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;transition:background .2s;letter-spacing:.01em;}
+.gate-btn:hover{background:var(--coral-dark);}
+.gate-err{color:var(--coral);font-size:12px;margin-top:8px;display:none;font-weight:500;}
 
 /* HEADER */
-.header{background:var(--teal);color:var(--white);padding:18px 24px 12px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
-.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
-.header-title{font-family:'Playfair Display',serif;font-size:22px;line-height:1.1;}
-.header-title em{font-style:italic;color:#A8D4CF;}
-.header-meta{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
-.meta-pill{background:rgba(255,255,255,0.12);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;color:#D4EEE8;}
-.meta-pill.budget{background:rgba(184,122,26,0.45);color:#FFD580;}
-.meta-pill.alert{background:rgba(196,88,42,0.45);color:#FFB8A0;}
+.header{background:var(--navy);color:#fff;padding:14px 16px 12px;position:sticky;top:0;z-index:100;}
+.header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
+.brand{display:flex;align-items:center;gap:6px;}
+.brand-logo{font-size:20px;}
+.brand-name{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.04em;}
+.brand-name span{color:var(--coral);}
+.header-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;}
+.hp{background:rgba(255,255,255,0.1);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500;color:rgba(255,255,255,0.75);white-space:nowrap;}
+.hp.budget{background:rgba(212,160,32,0.3);color:#FFD966;}
+.hp.alert{background:rgba(229,90,53,0.3);color:#FF9B80;}
 
-/* TABS */
-.tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--sand);padding:0 16px;overflow-x:auto;}
-.tab{padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer;border:none;background:none;color:var(--muted);border-bottom:2px solid transparent;transition:all .2s;letter-spacing:.02em;white-space:nowrap;}
-.tab.active{color:var(--teal);border-bottom-color:var(--teal);}
-.tab:hover:not(.active){color:var(--text);}
+/* BUDGET BAR */
+.budget-indicator{margin-top:8px;display:flex;align-items:center;gap:8px;}
+.budget-track{flex:1;height:3px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;}
+.budget-fill{height:100%;background:linear-gradient(90deg,#2D7A6A,#D4A020);border-radius:2px;}
+.budget-label{font-size:10px;color:rgba(255,255,255,0.5);}
+
+/* BOTTOM NAV (mobile first) */
+.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--border);display:flex;padding-bottom:var(--safe-bottom);box-shadow:0 -4px 24px rgba(0,0,0,0.08);}
+.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;cursor:pointer;border:none;background:none;color:var(--muted);transition:color .15s;font-size:9px;font-weight:600;font-family:'Outfit',sans-serif;letter-spacing:.03em;}
+.bnav-item .icon{font-size:20px;line-height:1;}
+.bnav-item.active{color:var(--coral);}
+.bnav-item .badge{position:absolute;top:-2px;right:-4px;background:var(--coral);color:#fff;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:700;}
+.bnav-icon-wrap{position:relative;}
 
 /* CONTENT */
-.content{padding:18px 16px;max-width:1100px;margin:0 auto;}
-.constraints{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--card);border-radius:10px;border-left:3px solid var(--terra);font-size:12px;color:var(--muted);}
-.constraints strong{color:var(--text);}
-.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
-.filter-pill{padding:3px 11px;border-radius:20px;border:1px solid var(--sand);background:var(--card);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;color:var(--muted);}
-.filter-pill.active{background:var(--teal);border-color:var(--teal);color:white;}
+.tab-content{display:none;padding:12px 12px 0;}
+.tab-content.active{display:block;}
 
-/* CARDS */
-.dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;}
-.dest-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.08);transition:transform .15s,box-shadow .15s;}
-.dest-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.12);}
-.dest-card.dim{opacity:.6;}
-.card-top{padding:12px 14px 8px;display:flex;align-items:flex-start;gap:10px;}
-.dest-emoji{font-size:26px;line-height:1;flex-shrink:0;}
-.dest-info{flex:1;min-width:0;}
-.dest-name{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;line-height:1.2;}
-.dest-sub{font-size:11px;color:var(--muted);margin-top:2px;}
-.sbadge{flex-shrink:0;padding:2px 9px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.04em;color:white;align-self:flex-start;white-space:nowrap;}
-.s-TOP{background:#1A4B47;}.s-OK{background:#B87A1A;}.s-NEW{background:#7B4DBA;}
-.s-SPÄTER{background:#3A7BC8;}.s-MAYBE{background:#7A7060;}.s-NEIN{background:#C4582A;}
-.scores{display:flex;gap:6px;padding:5px 14px;background:var(--bg2);}
+/* RECOMMENDATION HERO */
+.reco-hero{background:linear-gradient(135deg,var(--teal),#1A4B3F);border-radius:var(--r-lg);padding:16px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;}
+.reco-hero::before{content:'⭐';position:absolute;right:-10px;top:-10px;font-size:80px;opacity:0.08;}
+.reco-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:4px;}
+.reco-title{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:800;line-height:1.1;margin-bottom:6px;letter-spacing:-0.02em;}
+.reco-why{font-size:12px;color:rgba(255,255,255,0.75);margin-bottom:12px;line-height:1.5;}
+.reco-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
+.reco-price{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:800;color:#FFD966;}
+.reco-tag{background:rgba(255,255,255,0.15);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;}
+.reco-btn{margin-left:auto;background:#fff;color:var(--teal);border:none;border-radius:var(--r);padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;}
+
+/* SECTION HEADER */
+.section-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;}
+.section-title{font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:800;letter-spacing:-0.02em;}
+.section-count{font-size:11px;color:var(--muted);background:var(--bg2);padding:2px 8px;border-radius:10px;}
+
+/* FILTER CHIPS */
+.filter-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:12px;scrollbar-width:none;}
+.filter-row::-webkit-scrollbar{display:none;}
+.chip{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--muted);transition:all .15s;flex-shrink:0;}
+.chip.active{background:var(--coral);border-color:var(--coral);color:#fff;}
+
+/* DESTINATION CARDS */
+.dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;}
+
+@media(max-width:660px){.dest-grid{grid-template-columns:1fr;}}
+
+.dest-card{background:var(--card);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);transition:transform .15s,box-shadow .15s;}
+.dest-card:hover{transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,0.1);}
+.dest-card.dim{opacity:.65;}
+
+/* CARD HEADER BAR */
+.card-hdr{padding:12px 14px 8px;display:flex;align-items:flex-start;gap:10px;}
+.dest-em{font-size:30px;flex-shrink:0;line-height:1;}
+.dest-meta{flex:1;min-width:0;}
+.dest-name{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-0.02em;}
+.dest-sub{font-size:11px;color:var(--muted);margin-top:1px;}
+.status-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
+.sbadge{padding:2px 8px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;white-space:nowrap;text-transform:uppercase;}
+.s-TOP{background:var(--teal);}
+.s-OK{background:var(--gold);}
+.s-NEW{background:var(--purple);}
+.s-SPÄTER{background:var(--blue);}
+.s-MAYBE{background:var(--muted);}
+.s-NEIN{background:#DC2626;}
+.s-RECO{background:var(--coral);font-size:8px;}
+
+/* PRICE ROW */
+.card-price{padding:8px 14px;background:linear-gradient(90deg,var(--bg),var(--card));display:flex;align-items:center;gap:8px;}
+.price-main{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:800;color:var(--text);}
+.price-range{font-size:10px;color:var(--muted);}
+.price-badge{margin-left:auto;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700;}
+.pb-cheap{background:var(--teal-light);color:var(--teal);}
+.pb-mid{background:var(--gold-light);color:var(--gold);}
+.pb-pricey{background:var(--coral-light);color:var(--coral);}
+
+/* CARD SCORES */
+.card-scores{display:flex;gap:8px;padding:6px 14px;background:var(--bg);}
 .sc{flex:1;}
-.sc-label{font-size:9px;color:var(--muted);font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em;}
-.sc-bar{height:3px;background:var(--sand);border-radius:2px;overflow:hidden;}
+.sc-lbl{font-size:9px;color:var(--muted);font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em;}
+.sc-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;}
 .sc-fill{height:100%;border-radius:2px;}
-.sc-fill.f{background:var(--teal);}.sc-fill.l{background:var(--terra);}.sc-fill.m{background:var(--gold);}
-.card-stats{display:flex;gap:6px;padding:5px 14px;flex-wrap:wrap;}
-.stat{font-size:11px;color:var(--muted);}
-.stat b{color:var(--text);}
-.card-budget{padding:6px 14px;background:var(--bg);display:flex;justify-content:space-between;align-items:center;font-size:11px;}
-.budget-val{font-weight:700;color:var(--teal);font-size:12px;}
-.card-body{padding:8px 14px 12px;}
-.highlight{font-size:11px;color:var(--teal2);font-weight:600;font-style:italic;margin-bottom:7px;}
-.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
-.pro-list,.con-list{font-size:11px;line-height:1.6;}
-.pro-list li{list-style:none;padding-left:13px;position:relative;}
-.pro-list li::before{content:"✓";position:absolute;left:0;color:#1A4B47;font-weight:700;}
-.con-list li{list-style:none;padding-left:13px;position:relative;}
-.con-list li::before{content:"✗";position:absolute;left:0;color:#C4582A;font-weight:700;}
-.card-note{margin-top:7px;padding:5px 9px;background:var(--bg);border-radius:6px;font-size:11px;color:var(--muted);border-left:2px solid var(--gold);}
-.card-note.blue{border-left-color:var(--blue);}
-.card-note.purple{border-left-color:var(--purple);}
-.felix-age{display:inline-block;margin-top:5px;background:#D4EEE8;color:var(--teal);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;}
+.sc-f{background:var(--teal);}
+.sc-l{background:var(--coral);}
+.sc-m{background:var(--gold);}
 
-/* SECTION */
-.section-title{font-family:'Playfair Display',serif;font-size:17px;color:var(--teal);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
-.section-title::after{content:'';flex:1;height:1px;background:var(--sand);}
-.section-desc{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.6;}
+/* CARD STATS */
+.card-stats{display:flex;gap:0;border-top:1px solid var(--bg);border-bottom:1px solid var(--bg);}
+.cstat{flex:1;text-align:center;padding:7px 4px;border-right:1px solid var(--bg);}
+.cstat:last-child{border-right:none;}
+.cstat-val{font-size:11px;font-weight:700;color:var(--text);display:block;}
+.cstat-key{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
+
+/* CARD BODY */
+.card-body{padding:10px 14px 12px;}
+.card-highlight{font-size:12px;color:var(--teal);font-weight:600;margin-bottom:7px;font-style:italic;}
+.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
+.pro-list li,.con-list li{list-style:none;font-size:11px;line-height:1.6;padding-left:13px;position:relative;}
+.pro-list li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700;}
+.con-list li::before{content:"✗";position:absolute;left:0;color:var(--coral);font-weight:700;}
+.card-note{margin-top:8px;padding:6px 9px;background:var(--bg);border-radius:6px;font-size:11px;color:var(--muted);border-left:2px solid var(--gold);}
+
+/* VOTE STRIP */
+.vote-strip{display:flex;align-items:center;padding:8px 14px;border-top:1px solid var(--bg);gap:8px;}
+.vote-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;}
+.vote-group{display:flex;gap:4px;flex:1;}
+.vote-person{font-size:10px;font-weight:600;color:var(--muted);margin-right:2px;}
+.vote-btn{padding:3px 8px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);font-size:13px;cursor:pointer;transition:all .15s;line-height:1;}
+.vote-btn.active-love{background:#FCEAE4;border-color:var(--coral);}
+.vote-btn.active-maybe{background:var(--gold-light);border-color:var(--gold);}
+.vote-btn.active-no{background:#FEE2E2;border-color:#DC2626;}
+.vote-result{font-size:16px;margin-left:auto;}
+
+/* FELIX AGE BADGE */
+.felix-age{display:inline-block;margin-top:5px;background:var(--teal-light);color:var(--teal);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;}
+
+/* SUBMIT MODAL */
+.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:500;display:none;align-items:flex-end;justify-content:center;padding:0;}
+.modal-overlay.open{display:flex;}
+.modal{background:#fff;border-radius:20px 20px 0 0;padding:20px;max-height:85vh;overflow-y:auto;width:100%;max-width:540px;}
+.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 14px;}
+.modal-title{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:800;margin-bottom:14px;letter-spacing:-0.02em;}
+.form-group{margin-bottom:12px;}
+.form-label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em;}
+.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-family:'Outfit',sans-serif;outline:none;background:var(--bg);transition:border .2s;color:var(--text);}
+.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--coral);}
+.form-textarea{resize:none;min-height:70px;}
+.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
+.modal-btn{width:100%;padding:13px;background:var(--coral);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;margin-top:4px;}
+.modal-close{float:right;background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:0 4px;}
+
+/* ABSTIMMUNG TAB */
+.vote-table{background:var(--card);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);}
+.vote-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--bg);}
+.vote-row:last-child{border-bottom:none;}
+.vote-row.header{background:var(--bg);font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 14px;}
+.vote-dest-name{font-size:13px;font-weight:600;}
+.vote-dest-country{font-size:11px;color:var(--muted);}
+.vote-emoji{font-size:18px;text-align:center;}
+.vote-summary{font-size:12px;font-weight:600;text-align:center;}
+.export-btn{background:var(--navy);color:#fff;border:none;border-radius:var(--r);padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;margin-top:12px;width:100%;}
 
 /* HISTORY */
-.hist-group{margin-bottom:16px;}
-.year-lbl{font-family:'Playfair Display',serif;font-size:17px;color:var(--teal);margin-bottom:7px;padding-left:18px;}
-.hist-item{display:flex;gap:8px;align-items:flex-start;padding:7px 10px 7px 18px;background:var(--card);border-radius:8px;margin-bottom:4px;position:relative;}
-.hist-item::before{content:'';position:absolute;left:7px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);}
-.hist-item.hotel::before{background:var(--teal);}
-.hist-item.cruise::before{background:var(--terra);}
-.hist-item.ferienhaus::before{background:var(--gold);}
-.hist-item.airbnb::before{background:var(--purple);}
-.hist-item.family::before{background:var(--blue);}
-.hist-item.storno::before{background:#bbb;}
-.h-em{font-size:16px;flex-shrink:0;}
-.h-body{flex:1;}
-.h-dest{font-weight:600;font-size:12px;}
-.h-loc{font-size:11px;color:var(--muted);}
-.h-meta{display:flex;gap:5px;margin-top:2px;align-items:center;flex-wrap:wrap;}
-.htag{font-size:9px;padding:1px 6px;border-radius:10px;font-weight:700;}
-.htag-hotel{background:#D4EEE8;color:#1A4B47;}
-.htag-cruise{background:#FAE0D4;color:#C4582A;}
-.htag-fh{background:#FFF0CC;color:#B87A1A;}
-.htag-airbnb{background:#EDE0FA;color:#7B4DBA;}
-.htag-family{background:#D4E8FA;color:#3A7BC8;}
-.htag-storno{background:#E8E8E8;color:#888;}
-.h-pers{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap;}
+.hist-year{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:800;color:var(--coral);margin:16px 0 8px;letter-spacing:-0.03em;}
+.hist-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--card);border-radius:var(--r-sm);margin-bottom:5px;border:1px solid var(--border);}
+.hist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;}
+.hotel .hist-dot{background:var(--teal);}
+.cruise .hist-dot{background:var(--coral);}
+.ferienhaus .hist-dot{background:var(--gold);}
+.airbnb .hist-dot{background:var(--purple);}
+.family .hist-dot{background:var(--blue);}
+.storno .hist-dot{background:var(--subtle);}
+.hist-em{font-size:18px;flex-shrink:0;}
+.hist-body{flex:1;}
+.hist-dest-name{font-weight:700;font-size:13px;}
+.hist-loc{font-size:11px;color:var(--muted);}
+.hist-tags{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap;}
+.htag{font-size:9px;padding:1px 7px;border-radius:10px;font-weight:700;}
+.htag-hotel{background:var(--teal-light);color:var(--teal);}
+.htag-cruise{background:var(--coral-light);color:var(--coral);}
+.htag-fh{background:var(--gold-light);color:var(--gold);}
+.htag-airbnb{background:var(--purple-light);color:var(--purple);}
+.htag-family{background:var(--blue-light);color:var(--blue);}
+.htag-storno{background:var(--bg2);color:var(--muted);}
+.hist-pers{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap;flex-shrink:0;}
 
 /* INFO TAB */
-.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
-.info-card{background:var(--card);border-radius:12px;padding:14px;}
-.info-card h3{font-family:'Playfair Display',serif;font-size:15px;color:var(--teal);margin-bottom:9px;}
-.info-list{font-size:11px;line-height:1.8;}
-.info-list li{list-style:none;padding-left:13px;position:relative;margin-bottom:1px;}
-.info-list li::before{content:"→";position:absolute;left:0;color:var(--terra);}
-.excl::before{content:"✗" !important;color:#C4582A !important;}
-.special-box{grid-column:1/-1;background:var(--card);border-radius:12px;padding:16px;}
-.special-box h3{font-family:'Playfair Display',serif;font-size:15px;margin-bottom:7px;}
-.special-body{font-size:11px;color:var(--muted);line-height:1.75;}
-.steps-card{grid-column:1/-1;background:var(--card);border-radius:12px;padding:14px;}
-.steps-card h3{font-family:'Playfair Display',serif;font-size:15px;color:var(--teal);margin-bottom:9px;}
-.step{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--bg);}
-.step:last-child{border-bottom:none;}
-.step-num{width:20px;height:20px;border-radius:50%;background:var(--teal);color:white;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
+.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
+@media(max-width:540px){.info-grid{grid-template-columns:1fr;}}
+.info-card{background:var(--card);border-radius:var(--r-lg);padding:14px;border:1.5px solid var(--border);}
+.info-card-title{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;margin-bottom:8px;letter-spacing:-0.02em;}
+.info-list li{list-style:none;font-size:11px;line-height:1.8;padding-left:13px;position:relative;}
+.info-list li::before{content:"→";position:absolute;left:0;color:var(--coral);}
+.info-list li.excl::before{content:"✗";color:#DC2626;}
+.info-full{grid-column:1/-1;}
+.step-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--bg);}
+.step-row:last-child{border-bottom:none;}
+.step-num{width:22px;height:22px;border-radius:50%;background:var(--coral);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
 .step-text{font-size:11px;line-height:1.6;}
 .step-text strong{color:var(--teal);}
+.age-card{grid-column:1/-1;background:var(--navy);border-radius:var(--r-lg);padding:16px;color:#fff;}
+.age-card-title{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;margin-bottom:10px;color:rgba(255,255,255,0.9);}
+.age-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;}
+.age-badge{background:var(--coral);color:#fff;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800;white-space:nowrap;flex-shrink:0;}
+.age-body{font-size:11px;color:rgba(255,255,255,0.65);line-height:1.65;}
+.age-body strong{color:#fff;}
 
-/* AGE TIMELINE */
-.age-timeline{grid-column:1/-1;background:var(--card);border-radius:12px;padding:14px;}
-.age-timeline h3{font-family:'Playfair Display',serif;font-size:15px;color:var(--teal);margin-bottom:12px;}
-.age-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--bg);}
-.age-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
-.age-badge{background:var(--teal);color:white;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;}
-.age-content{font-size:11px;color:var(--muted);line-height:1.65;}
-.age-content strong{color:var(--text);}
+/* SUBMISSION CARDS */
+.sub-card{background:var(--card);border:2px dashed var(--border);border-radius:var(--r-lg);padding:14px;margin-bottom:8px;}
+.sub-card-name{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;}
+.sub-card-meta{font-size:11px;color:var(--muted);margin-top:2px;}
+.sub-card-why{font-size:12px;color:var(--text);margin-top:6px;font-style:italic;}
+.sub-who{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;margin-top:6px;}
+.sub-till{background:var(--teal-light);color:var(--teal);}
+.sub-lea{background:var(--coral-light);color:var(--coral);}
+.sub-both{background:var(--gold-light);color:var(--gold);}
 
-@media(max-width:600px){
-  .info-grid{grid-template-columns:1fr;}
-  .pros-cons{grid-template-columns:1fr;}
-}
+/* FAB */
+.fab{position:fixed;right:16px;bottom:calc(72px + var(--safe-bottom));background:var(--coral);color:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:24px;cursor:pointer;box-shadow:0 4px 20px rgba(229,90,53,0.4);z-index:150;display:flex;align-items:center;justify-content:center;transition:transform .15s;}
+.fab:hover{transform:scale(1.05);}
+
+/* TOAST */
+.toast{position:fixed;bottom:calc(76px + var(--safe-bottom));left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:10px 18px;border-radius:30px;font-size:12px;font-weight:600;opacity:0;transition:all .3s;z-index:400;pointer-events:none;}
+.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
+
+/* EMPTY STATE */
+.empty{text-align:center;padding:40px 20px;}
+.empty-icon{font-size:48px;margin-bottom:12px;}
+.empty-title{font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:800;margin-bottom:4px;}
+.empty-sub{font-size:12px;color:var(--muted);}
 </style>
 </head>
 <body>
 
-<!-- PASSWORD GATE -->
+<!-- GATE -->
 <div id="gate">
   <div class="gate-box">
-    <div class="gate-logo">🌴</div>
-    <div class="gate-title">Heidrich Reise-Planer</div>
-    <div class="gate-sub">Till · Lea · Felix</div>
-    <input class="gate-input" type="password" id="pw-input" placeholder="Passwort eingeben" onkeydown="if(event.key==='Enter')checkPw()">
-    <button class="gate-btn" onclick="checkPw()">Zugang</button>
-    <div class="gate-err" id="pw-err">Falsches Passwort – versuch's nochmal 🙅</div>
+    <div class="gate-paw">🐾</div>
+    <div class="gate-brand">Fredi24</div>
+    <div class="gate-sub">Unser privater Reise-Planer · Till & Lea</div>
+    <input class="gate-input" type="password" id="pw" placeholder="Passwort" onkeydown="if(event.key==='Enter')auth()">
+    <button class="gate-btn" onclick="auth()">Einloggen</button>
+    <div class="gate-err" id="pw-err">Nicht korrekt – versuch's nochmal 🙅</div>
   </div>
 </div>
 
 <!-- HEADER -->
 <div class="header">
-  <div class="header-top">
-    <div class="header-title">Heidrich <em>Reise-Planer</em></div>
-    <div style="font-size:10px;opacity:0.65;text-align:right;">Till · Lea · Felix (3,5 J.)<br>Stand Mai 2026</div>
+  <div class="header-row">
+    <div class="brand">
+      <span class="brand-logo">🐾</span>
+      <span class="brand-name">Fredi<span>24</span></span>
+    </div>
+    <div style="font-size:10px;color:rgba(255,255,255,0.5);text-align:right;">Till · Lea · Felix<br>Stand Mai 2026</div>
   </div>
-  <div class="header-meta">
-    <span class="meta-pill">✈️ HAM oder HAJ · Nur Direktflug</span>
-    <span class="meta-pill">⭐⭐⭐⭐ Mind. 4 Sterne</span>
-    <span class="meta-pill budget">💶 Sommer 2026: max. 3.600 €</span>
-    <span class="meta-pill">📅 ab 13. Juli 2026</span>
-    <span class="meta-pill alert">❌ Keine TUI/easyJet-Hops</span>
+  <div class="header-pills">
+    <span class="hp">✈️ HAM / HAJ · Direktflug</span>
+    <span class="hp">⭐⭐⭐⭐ Mind. 4★</span>
+    <span class="hp budget">💶 Max. 3.600 €</span>
+    <span class="hp">📅 ab 13. Juli 2026</span>
+  </div>
+  <div class="budget-indicator">
+    <div class="budget-track"><div class="budget-fill" style="width:78%"></div></div>
+    <span class="budget-label">2.800–3.600 € Range</span>
   </div>
 </div>
 
-<!-- TABS -->
-<div class="tabs">
-  <button class="tab active" onclick="showTab('ideen',this)">☀️ Ideen 2026</button>
-  <button class="tab" onclick="showTab('traum',this)">🌍 Traumziele</button>
-  <button class="tab" onclick="showTab('historie',this)">📖 Reisehistorie</button>
-  <button class="tab" onclick="showTab('info',this)">⚡ Info & Next Steps</button>
-</div>
+<!-- FAB -->
+<button class="fab" onclick="openModal()" title="Idee einreichen">✚</button>
 
-<!-- ======= TAB: IDEEN 2026 ======= -->
-<div id="tab-ideen" class="content">
-  <div class="constraints">
-    ❌ NEIN: <strong>Türkei · Ägypten · Dänemark/Schweden Sommer · Kroatien · Griechenland (Kindersitz) · AIDA Norwegen (schon gemacht)</strong>
-    &nbsp;·&nbsp; ✅ Lea okay: <strong>Sardinien · Korsika · Algarve · AIDA Mittelmeer</strong>
-    &nbsp;·&nbsp; 🧒 Felix: <strong>Pool/Strand, Kinderclub – kein Sightseeing</strong>
-  </div>
-  <div class="filter-row">
-    <button class="filter-pill active" onclick="fc('ALL',this)">Alle (9)</button>
-    <button class="filter-pill" onclick="fc('TOP',this)">⭐ TOP</button>
-    <button class="filter-pill" onclick="fc('NEW',this)">🆕 Neu</button>
-    <button class="filter-pill" onclick="fc('OK',this)">👍 OK</button>
-    <button class="filter-pill" onclick="fc('SPÄTER',this)">⏳ Später</button>
-    <button class="filter-pill" onclick="fc('NEIN',this)">✗ Raus</button>
-  </div>
-  <div class="dest-grid" id="dg">
+<!-- TOAST -->
+<div class="toast" id="toast">✓ Gespeichert</div>
 
-    <!-- AIDA -->
-    <div class="dest-card" data-status="TOP">
-      <div class="card-top">
-        <span class="dest-emoji">🚢</span>
-        <div class="dest-info">
-          <div class="dest-name">AIDAcosma Kreuzfahrt</div>
-          <div class="dest-sub">Korsika · Sardinien · Rom · Marseille · Barcelona</div>
-        </div>
-        <span class="sbadge s-TOP">TOP</span>
+<!-- SUBMIT MODAL -->
+<div class="modal-overlay" id="modal-overlay" onclick="if(event.target===this)closeModal()">
+  <div class="modal">
+    <div class="modal-handle"></div>
+    <button class="modal-close" onclick="closeModal()">✕</button>
+    <div class="modal-title">💡 Neue Idee einreichen</div>
+    <div class="form-group">
+      <label class="form-label">Destination *</label>
+      <input class="form-input" id="s-dest" placeholder="z.B. Ibiza Nordküste" type="text">
+    </div>
+    <div class="form-row">
+      <div class="form-group">
+        <label class="form-label">Land</label>
+        <input class="form-input" id="s-land" placeholder="Spanien" type="text">
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix</div><div class="sc-bar"><div class="sc-fill f" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:20%"></div></div></div>
-      </div>
-      <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→PMI Direkt 2h + Schiff</b></span>
-        <span class="stat">🌡️ <b>25–28°C</b></span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Kreuzfahrt ~2.720 + Flug ~600</span><span class="budget-val">~3.320 €</span></div>
-      <div class="card-body">
-        <div class="highlight">7 Häfen in 1 Woche · Vollpension · Lea muss nichts planen</div>
-        <div class="pros-cons">
-          <ul class="pro-list">
-            <li>Korsika + Sardinien + Rom kombiniert</li>
-            <li>Felix Kids-Club 3–6J + 3 Rutschen</li>
-            <li>AIDA kennt ihr seit 2 Reisen</li>
-          </ul>
-          <ul class="con-list">
-            <li>Korsika-Route: 4.Juli (früh!) oder 15.Aug</li>
-            <li>18.Juli = Gibraltar (weniger gut)</li>
-            <li>Kein Mietwagen-Touring</li>
-          </ul>
-        </div>
-        <div class="card-note">⚠️ aida.de Route PMI07307 – gibt es Sardinien-Route 13.–16. Juli? Kinder 35% Rabatt.</div>
+      <div class="form-group">
+        <label class="form-label">Budget (€)</label>
+        <input class="form-input" id="s-budget" placeholder="3.000" type="number">
       </div>
     </div>
-
-    <!-- SARDINIEN -->
-    <div class="dest-card" data-status="TOP">
-      <div class="card-top">
-        <span class="dest-emoji">🏖️</span>
-        <div class="dest-info">
-          <div class="dest-name">Sardinien direkt</div>
-          <div class="dest-sub">Hotel 4★ · Nordsardinien · Mietwagen täglich</div>
-        </div>
-        <span class="sbadge s-TOP">TOP</span>
+    <div class="form-group">
+      <label class="form-label">Warum das?</label>
+      <textarea class="form-textarea" id="s-why" placeholder="Wieso findest du das interessant?"></textarea>
+    </div>
+    <div class="form-row">
+      <div class="form-group">
+        <label class="form-label">Vorgeschlagen von</label>
+        <select class="form-select" id="s-who">
+          <option>Till</option>
+          <option>Lea</option>
+          <option>Beide</option>
+          <option>Felix 😄</option>
+        </select>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix</div><div class="sc-bar"><div class="sc-fill f" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:80%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:100%"></div></div></div>
+      <div class="form-group">
+        <label class="form-label">Status-Idee</label>
+        <select class="form-select" id="s-status">
+          <option>TOP</option>
+          <option>MAYBE</option>
+          <option>SPÄTER</option>
+          <option>Traumziel</option>
+        </select>
+      </div>
+    </div>
+    <button class="modal-btn" onclick="submitIdea()">Idee einreichen 🚀</button>
+  </div>
+</div>
+
+<!-- IDEEN TAB -->
+<div id="tab-ideen" class="tab-content active">
+  <!-- RECOMMENDATION HERO -->
+  <div class="reco-hero">
+    <div class="reco-label">🎯 Unsere Empfehlung für Juli 2026</div>
+    <div class="reco-title">Sardinien direkt –<br>sofort buchbar</div>
+    <div class="reco-why">Direktflug Hamburg 2:20h · EU-Kindersitz-Standard · Neuland für euch · Lea sagt ja · Felix liebt Sandstrände · Im Budget.</div>
+    <div class="reco-row">
+      <span class="reco-price">~3.150 €</span>
+      <span class="reco-tag">✈️ Direkt 2h 20</span>
+      <span class="reco-tag">🏖️ 4★ Hotel</span>
+      <button class="reco-btn" onclick="searchDest('sardinien')">Details ansehen</button>
+    </div>
+  </div>
+
+  <div class="filter-row" id="filter-chips">
+    <button class="chip active" onclick="fc('ALL',this)">Alle</button>
+    <button class="chip" onclick="fc('TOP',this)">⭐ TOP</button>
+    <button class="chip" onclick="fc('OK',this)">👍 OK</button>
+    <button class="chip" onclick="fc('NEW',this)">🆕 Neu</button>
+    <button class="chip" onclick="fc('LATER',this)">⏳ Später</button>
+    <button class="chip" onclick="fc('NEIN',this)">✗ Raus</button>
+  </div>
+
+  <div class="dest-grid" id="dg">
+
+    <!-- ===================== TOP PICKS ===================== -->
+
+    <div class="dest-card" data-status="TOP" data-id="sardinien">
+      <div class="card-hdr">
+        <span class="dest-em">🏖️</span>
+        <div class="dest-meta">
+          <div class="dest-name">Sardinien</div>
+          <div class="dest-sub">Nordsardinien · Hotel 4★ · Mietwagen</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-TOP">TOP</span><span class="sbadge s-RECO">Empfehlung</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.150 €</span><span class="price-range">für 3 Pers. 7N</span><span class="price-badge pb-mid">Im Budget ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:100%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→OLB Direkt 2:20h ✓</b></span>
-        <span class="stat">🌡️ <b>30–35°C</b></span>
-        <span class="stat">📅 <b>ab 13. Juli ✓</b></span>
+        <div class="cstat"><span class="cstat-val">2h 20</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→OLB</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">30–35°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug 500 + Hotel HP 7N ~2.300 + Auto 350</span><span class="budget-val">~3.150 €</span></div>
       <div class="card-body">
-        <div class="highlight">Karibik-Strände · EU-Kindersitz-Standard · Neuland für die Familie</div>
+        <div class="card-highlight">Karibik-Strände · EU-Kindersitz-Standard · Neuland für die Familie</div>
         <div class="pros-cons">
           <ul class="pro-list">
             <li>Direktflug HAM–Olbia 2:20h</li>
@@ -274,627 +405,1034 @@ body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font
             <li>Sehr kinderfreundlich</li>
           </ul>
           <ul class="con-list">
-            <li>30–35°C im Juli sehr heiß</li>
-            <li>Kein AI = mehr Eigenplanung</li>
-            <li>Costa Smeralda teuer+voll</li>
+            <li>30–35°C im Juli heiß</li>
+            <li>Kein AI = Eigenplanung</li>
+            <li>Hochsaison teuer + voll</li>
           </ul>
         </div>
         <div class="card-note">Hotels: Club Hotel Baja Sardinia (4★), Sporting Beach Hotel. Nordsardinien bevorzugen.</div>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-sardinien"></div><span class="vote-result" id="vr-sardinien"></span></div>
     </div>
 
-    <!-- ALGARVE -->
-    <div class="dest-card" data-status="TOP">
-      <div class="card-top">
-        <span class="dest-emoji">🌊</span>
-        <div class="dest-info">
+    <div class="dest-card" data-status="TOP" data-id="aida-kreuzfahrt">
+      <div class="card-hdr">
+        <span class="dest-em">🚢</span>
+        <div class="dest-meta">
+          <div class="dest-name">AIDAcosma Kreuzfahrt</div>
+          <div class="dest-sub">Korsika · Sardinien · Rom · Marseille · Barcelona</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-TOP">TOP</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.320 €</span><span class="price-range">Schiff + Flug HAM→PMI</span><span class="price-badge pb-mid">Im Budget ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:20%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">2h</span><span class="cstat-key">Flug PMI</span></div>
+        <div class="cstat"><span class="cstat-val">7 Häfen</span><span class="cstat-key">in 1 Woche</span></div>
+        <div class="cstat"><span class="cstat-val">25–28°C</span><span class="cstat-key">Klima</span></div>
+        <div class="cstat"><span class="cstat-val">Prüfen!</span><span class="cstat-key">Termin</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Kreuzfahrt-Wunsch erfüllt · Lea muss nichts planen · Vollpension</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Korsika + Sardinien + Rom kombiniert</li>
+            <li>Felix Kids-Club 3–6J + Rutschen</li>
+            <li>AIDA kennt ihr seit 2 Reisen</li>
+            <li>Kinder 35% Rabatt</li>
+          </ul>
+          <ul class="con-list">
+            <li>Korsika-Route: 4.Juli oder 15.Aug</li>
+            <li>18.Juli = Gibraltar (weniger gut)</li>
+            <li>Kein echtes Mietwagen-Feeling</li>
+          </ul>
+        </div>
+        <div class="card-note">⚠️ aida.de Route PMI07307 direkt prüfen: Sardinien-Route 13.–16. Juli verfügbar?</div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-aida-kreuzfahrt"></div><span class="vote-result" id="vr-aida-kreuzfahrt"></span></div>
+    </div>
+
+    <div class="dest-card" data-status="TOP" data-id="algarve">
+      <div class="card-hdr">
+        <span class="dest-em">🌊</span>
+        <div class="dest-meta">
           <div class="dest-name">Algarve, Portugal</div>
           <div class="dest-sub">Carvoeiro · Lagos · Atlantik-Klippenküste</div>
         </div>
-        <span class="sbadge s-TOP">TOP</span>
+        <div class="status-wrap"><span class="sbadge s-TOP">TOP</span></div>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix</div><div class="sc-bar"><div class="sc-fill f" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:60%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:100%"></div></div></div>
+      <div class="card-price"><span class="price-main">~2.950 €</span><span class="price-range">günstigste TOP-Option</span><span class="price-badge pb-cheap">Budget-Tipp 💚</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:65%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:100%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→FAO Direkt 3:30h ✓</b></span>
-        <span class="stat">🌡️ <b>25–28°C (Atlantik kühlt)</b></span>
-        <span class="stat">📅 <b>ab 13. Juli ✓</b></span>
+        <div class="cstat"><span class="cstat-val">3h 30</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→FAO</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">25–28°C</span><span class="cstat-key">Atlantik</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug 450 + Hotel HP 7N ~2.200 + Auto 300</span><span class="budget-val">~2.950 €</span></div>
       <div class="card-body">
-        <div class="highlight">Mildestes Klima für Felix · Spektakuläre Mietwagen-Touren</div>
+        <div class="card-highlight">Mildestes Klima für Felix · Spektakuläre Mietwagen-Touren</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>25–28°C = ideal für Felix</li>
+            <li>25–28°C ideal für Kleinkind</li>
             <li>Cabo de São Vicente, Lagos, Sagres</li>
-            <li>Ruhig: Carvoeiro, Praia da Luz</li>
-            <li>Nicht CHECK24-Mainstream</li>
+            <li>Carvoeiro, Praia da Luz – ruhig</li>
+            <li>Günstigstes Budget aller TOPs</li>
           </ul>
           <ul class="con-list">
-            <li>Lea: "zu spontan, zu neu"</li>
-            <li>Weniger AI-Auswahl</li>
+            <li>Lea etwas zögerlich (neu)</li>
+            <li>Weniger AI-Auswahl als Kanaren</li>
           </ul>
         </div>
-        <div class="card-note">HP sinnvoller als AI – ihr esst täglich unterwegs. Orte: Carvoeiro oder Praia da Luz.</div>
+        <div class="card-note">HP statt AI sinnvoller – ihr esst täglich unterwegs bei Mietwagen-Touren.</div>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-algarve"></div><span class="vote-result" id="vr-algarve"></span></div>
     </div>
 
-    <!-- GLAMPING NEU -->
-    <div class="dest-card" data-status="NEW">
-      <div class="card-top">
-        <span class="dest-emoji">🏕️</span>
-        <div class="dest-info">
+    <div class="dest-card" data-status="NEW" data-id="glamping">
+      <div class="card-hdr">
+        <span class="dest-em">🏕️</span>
+        <div class="dest-meta">
           <div class="dest-name">Glamping · Camping-Village IT</div>
           <div class="dest-sub">Bungalow direkt am Meer · Pool · Kinderanimation</div>
         </div>
-        <span class="sbadge s-NEW">NEUE IDEE</span>
+        <div class="status-wrap"><span class="sbadge s-NEW">Neu</span></div>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix</div><div class="sc-bar"><div class="sc-fill f" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:70%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:80%"></div></div></div>
+      <div class="card-price"><span class="price-main">~2.500 €</span><span class="price-range">günstigste Option!</span><span class="price-badge pb-cheap">Preis-Tipp 💚</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:70%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:80%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>z.B. HAM→VCE Direkt 2h</b></span>
-        <span class="stat">🌡️ <b>28–33°C</b></span>
-        <span class="stat">📅 <b>ASAP buchen!</b></span>
+        <div class="cstat"><span class="cstat-val">2h</span><span class="cstat-key">HAM→VCE</span></div>
+        <div class="cstat"><span class="cstat-val">Pool+Meer</span><span class="cstat-key">direkt</span></div>
+        <div class="cstat"><span class="cstat-val">28–33°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">ASAP!</span><span class="cstat-key">Verfügbar</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug + Bungalow + Mietwagen (günstiger als Hotel!)</span><span class="budget-val">~2.200–3.000 €</span></div>
       <div class="card-body">
-        <div class="highlight">Tipp vom Meister: Bungalow am Meer mit Pool – viel besser als erwartet!</div>
+        <div class="card-highlight">Tipp vom Meister: Bungalow am Meer mit Pool – unterschätzt!</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>Direkter Meerzugang + Pool</li>
+            <li>Direkter Meerzugang + eigener Pool</li>
             <li>Kinderclub, Animation, Strand</li>
             <li>30–50% günstiger als Hotel</li>
             <li>Absolutes Neuland</li>
           </ul>
           <ul class="con-list">
-            <li>Komfort ≠ 4★ (Küche selbst)</li>
-            <li>Qualität je nach Anlage</li>
-            <li>Juli schnell ausgebucht</li>
+            <li>Kein 4★-Hotelkomfort</li>
+            <li>Qualität je nach Anlage stark variabel</li>
+            <li>Juli-Plätze schnell weg</li>
           </ul>
         </div>
-        <div class="card-note purple">Top-Anlagen: Union Lido/Cavallino (Venetien), Punta Lunga/Vieste (Gargano), Hermitage/Sardinien. Buchung: acsi.eu · pitchup.com</div>
+        <div class="card-note">Top: Union Lido/Cavallino (Venetien), Punta Lunga/Vieste (Gargano). Buchung: acsi.eu · pitchup.com</div>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-glamping"></div><span class="vote-result" id="vr-glamping"></span></div>
     </div>
 
-    <!-- TAURITO -->
-    <div class="dest-card" data-status="OK">
-      <div class="card-top">
-        <span class="dest-emoji">🌴</span>
-        <div class="dest-info">
+    <!-- ===================== OK ===================== -->
+
+    <div class="dest-card" data-status="OK" data-id="taurito">
+      <div class="card-hdr">
+        <span class="dest-em">🌴</span>
+        <div class="dest-meta">
           <div class="dest-name">Taurito Princess</div>
           <div class="dest-sub">TUI KIDS CLUB · Gran Canaria · All Inclusive</div>
         </div>
-        <span class="sbadge s-OK">LEA ♥</span>
+        <div class="status-wrap"><span class="sbadge s-OK">Lea ♥</span></div>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix</div><div class="sc-bar"><div class="sc-fill f" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:100%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:60%"></div></div></div>
+      <div class="card-price"><span class="price-main">~3.100 €</span><span class="price-range">AI Pauschal inkl. Flug</span><span class="price-badge pb-mid">Im Budget ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:100%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:60%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→LPA Direkt 5h ✓</b></span>
-        <span class="stat">🌡️ <b>25–28°C (Passat)</b></span>
-        <span class="stat">📅 <b>ab 13. Juli ✓</b></span>
+        <div class="cstat"><span class="cstat-val">5h 00</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→LPA</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">25–28°C</span><span class="cstat-key">Passat</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">CHECK24 Pauschal AI · Kinderfestpreis Mai–Sep</span><span class="budget-val">2.700–3.400 €</span></div>
       <div class="card-body">
-        <div class="highlight">Lea's Favorit · Felix Mini-Club 3–6J · Bewährtes Konzept</div>
+        <div class="card-highlight">Lea's ausdrücklicher Favorit · Felix Mini-Club ab 3J · Bewährt</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>Lea will es ausdrücklich</li>
+            <li>Lea will es</li>
             <li>Felix Mini-Club + Kinderpool</li>
             <li>AI-Vollversorgung</li>
+            <li>Wasserpark 5 Min entfernt</li>
           </ul>
           <ul class="con-list">
             <li>4. Kanaren-Reise in 4 Jahren</li>
             <li>Till will was anderes</li>
-            <li>AI-Bunker-Gefühl</li>
+            <li>AI-Bunker ohne echte Touren</li>
           </ul>
         </div>
-        <div class="card-note">Link: c.24.de/pr/F8F2FX · Kinderfestpreis (2–12J) gilt Mai–Sep 2026.</div>
+        <div class="card-note">Link: c.24.de/pr/F8F2FX · Kinderfestpreis (2–12J) Mai–Sep 2026.</div>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-taurito"></div><span class="vote-result" id="vr-taurito"></span></div>
     </div>
 
-    <!-- MADEIRA SPÄTER -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🌺</span>
-        <div class="dest-info">
-          <div class="dest-name">Madeira</div>
-          <div class="dest-sub">Wenn Felix älter ist · Levadas · Lavapools Porto Moniz</div>
+    <div class="dest-card" data-status="OK" data-id="fuerteventura">
+      <div class="card-hdr">
+        <span class="dest-em">🏜️</span>
+        <div class="dest-meta">
+          <div class="dest-name">Fuerteventura</div>
+          <div class="dest-sub">Aldiana / Robinson · Ruhiger als Gran Canaria</div>
         </div>
-        <span class="sbadge s-SPÄTER">WENN FELIX ÄLTER</span>
+        <div class="status-wrap"><span class="sbadge s-OK">OK</span></div>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix (jetzt)</div><div class="sc-bar"><div class="sc-fill f" style="width:35%"></div></div></div>
-        <div class="sc"><div class="sc-label">Felix (5J+)</div><div class="sc-bar"><div class="sc-fill f" style="width:85%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:100%"></div></div></div>
+      <div class="card-price"><span class="price-main">~3.200 €</span><span class="price-range">AI-Clubhotel</span><span class="price-badge pb-mid">Im Budget ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:90%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:60%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→FNC Direkt 4:30h</b></span>
-        <span class="stat">🌡️ <b>22–25°C (ideal!)</b></span>
+        <div class="cstat"><span class="cstat-val">4h 30</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→FUE</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">24–28°C</span><span class="cstat-key">Passat</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug + Hotel HP 7N</span><span class="budget-val">2.600–3.200 €</span></div>
       <div class="card-body">
-        <div class="highlight">Lea sagt: "Wenn Felix älter ist" – 2028/29 realistisch</div>
+        <div class="card-highlight">Ruhigste Kanareninseln · Riesige Sandstrände · Windsurf-Paradies</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>22–25°C = perfektes Klima</li>
-            <li>Mietwagen-Paradies (Levadas)</li>
-            <li>2× Corona-Storno – 3. Anlauf!</li>
+            <li>Weniger touristisch als GC</li>
+            <li>Aldiana/Robinson: Club-Konzept</li>
+            <li>Riesige flache Strände für Felix</li>
           </ul>
           <ul class="con-list">
-            <li>Kaum Sandstrand (nur Pool+Lavapool)</li>
-            <li>Felix 3,5J braucht mehr Strandoptionen</li>
-            <li>Lea: explizit "warten bis Felix größer"</li>
+            <li>Kanaren = nochmal dasselbe</li>
+            <li>Windig (Kitesurf-Destination)</li>
           </ul>
         </div>
-        <span class="felix-age">📅 Ab Felix 5J+ (ca. 2028)</span>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-fuerteventura"></div><span class="vote-result" id="vr-fuerteventura"></span></div>
     </div>
 
-    <!-- SCHWEIZ NEIN -->
-    <div class="dest-card dim" data-status="NEIN">
-      <div class="card-top">
-        <span class="dest-emoji">🏔️</span>
-        <div class="dest-info">
+    <div class="dest-card" data-status="OK" data-id="menorca">
+      <div class="card-hdr">
+        <span class="dest-em">🏝️</span>
+        <div class="dest-meta">
+          <div class="dest-name">Menorca</div>
+          <div class="dest-sub">Ruhigste Baleareninsel · Cala Galdana · 4★</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-OK">OK</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~2.900 €</span><span class="price-range">HP 4★ + Flug</span><span class="price-badge pb-cheap">Günstig ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:85%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:75%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:90%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">2h 30</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→MAH</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">28–33°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Ruhiger als Mallorca · Türkises Wasser · Wenig Massentourismus</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Ruhiger als Mallorca + Ibiza</li>
+            <li>Biosphärenreservat – sauber</li>
+            <li>Schöne Buchten mit Mietwagen</li>
+          </ul>
+          <ul class="con-list">
+            <li>Weniger Kinderclub-Angebot</li>
+            <li>Sehr heiß im Juli</li>
+          </ul>
+        </div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-menorca"></div><span class="vote-result" id="vr-menorca"></span></div>
+    </div>
+
+    <!-- FRANKREICH – POSITIV! -->
+    <div class="dest-card" data-status="OK" data-id="cote-azur">
+      <div class="card-hdr">
+        <span class="dest-em">🇫🇷</span>
+        <div class="dest-meta">
+          <div class="dest-name">Côte d'Azur</div>
+          <div class="dest-sub">Nizza · Antibes · Familien-Feriendorf</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-OK">Lea mag FR</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.000 €</span><span class="price-range">Flug + Hotel/Feriendorf</span><span class="price-badge pb-mid">Im Budget ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:85%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:90%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">2h</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→NCE</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">28–33°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Lea würde sofort Frankreich machen · Mittelmeer-Frankreich · Charmant</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Lea mag Frankreich</li>
+            <li>Nizza direkt ab Hamburg 2h</li>
+            <li>Traumküste + Mietwagen-Touren (Monaco, Cannes)</li>
+            <li>Sehr familienfreundliche Feriendörfer</li>
+          </ul>
+          <ul class="con-list">
+            <li>Juli sehr teuer an der Côte d'Azur</li>
+            <li>Wenig AI-Hotels – eher HP oder Feriendorf</li>
+          </ul>
+        </div>
+        <div class="card-note">Feriendorf-Tipp: Center Parcs Les Lacs de l'Escapade (Var) oder Antibes direkt.</div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-cote-azur"></div><span class="vote-result" id="vr-cote-azur"></span></div>
+    </div>
+
+    <!-- SCHWEIZ – POSITIV! -->
+    <div class="dest-card" data-status="OK" data-id="schweiz">
+      <div class="card-hdr">
+        <span class="dest-em">🏔️</span>
+        <div class="dest-meta">
           <div class="dest-name">Schweiz + Norditalien</div>
           <div class="dest-sub">Fribourg · Gruyères · Lago Maggiore</div>
         </div>
-        <span class="sbadge s-NEIN">SOMMER NEIN</span>
+        <div class="status-wrap"><span class="sbadge s-OK">Lea würde sofort</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~2.000 €</span><span class="price-range">günstigster Kurztrip</span><span class="price-badge pb-cheap">Budget-Winner 💚</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix (4J+)</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:60%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:90%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:80%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">860 km</span><span class="cstat-key">Caddy*</span></div>
+        <div class="cstat"><span class="cstat-val">Freunde</span><span class="cstat-key">Fribourg</span></div>
+        <div class="cstat"><span class="cstat-val">22–28°C</span><span class="cstat-key">Sommer</span></div>
+        <div class="cstat"><span class="cstat-val">Flexibel</span><span class="cstat-key">Termin</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Kein Strand/Pool-Profil</span><span class="budget-val">als Herbsttrip</span></div>
       <div class="card-body">
+        <div class="card-highlight">Lea würde es sofort machen · Freunde besuchen · Château de Gruyères</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>Freunde bei Fribourg</li>
-            <li>Château de Gruyères – Felix findet Burgen mit Zugbrücke spannend!</li>
+            <li>Lea will Schweiz ausdrücklich</li>
+            <li>Château de Gruyères – Felix findet Burgen spannend!</li>
             <li>Tagestour Lago Maggiore (2,5h)</li>
+            <li>Freunde bei Fribourg = ggf. günstig</li>
           </ul>
           <ul class="con-list">
-            <li>Kein Pool/Strand-Profil</li>
+            <li>860 km Caddy (Dienstwagen, kein Kostenproblem)</li>
             <li>Schweizer Hotels teuer</li>
-            <li>Caddy 860km im Sommer</li>
+            <li>Kein klassischer Strandurlaub</li>
           </ul>
         </div>
-        <div class="card-note">→ Als Herbst-Wochenendtrip (Oktober) mit Château de Gruyères + Lago Maggiore perfekt.</div>
+        <div class="card-note">*Caddy ist Dienstwagen der HHGmbH – keine persönlichen Kosten. Alternativ: Flug HAM→GVA + Mietwagen.</div>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-schweiz"></div><span class="vote-result" id="vr-schweiz"></span></div>
     </div>
 
-    <!-- P&V RAUS -->
-    <div class="dest-card dim" data-status="NEIN">
-      <div class="card-top">
-        <span class="dest-emoji">🚫</span>
-        <div class="dest-info">
-          <div class="dest-name">P&V Cap d'Agde / Houlgate</div>
-          <div class="dest-sub">Lea's Ideen · Frankreich</div>
+    <div class="dest-card" data-status="OK" data-id="kapverden">
+      <div class="card-hdr">
+        <span class="dest-em">🌍</span>
+        <div class="dest-meta">
+          <div class="dest-name">Kapverden</div>
+          <div class="dest-sub">Sal · Boa Vista · AI-Resort · Exotisch</div>
         </div>
-        <span class="sbadge s-NEIN">NEIN</span>
+        <div class="status-wrap"><span class="sbadge s-OK">Exotisch OK</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Anreise/Klima ungeeignet</span><span class="budget-val">–</span></div>
-      <div class="card-body">
-        <ul class="con-list">
-          <li>Cap d'Agde: 1.500km Caddy + Party-Region</li>
-          <li>Houlgate: Atlantik 17°C, Wetter unsicher</li>
-          <li>Kein Direktflug von HAM/HAJ</li>
-        </ul>
-      </div>
-    </div>
-
-    <!-- AIDA NORWEGEN SCHON -->
-    <div class="dest-card dim" data-status="NEIN">
-      <div class="card-top">
-        <span class="dest-emoji">🚫</span>
-        <div class="dest-info">
-          <div class="dest-name">AIDA Norwegen</div>
-          <div class="dest-sub">AIDAprima 2024 – schon gemacht</div>
-        </div>
-        <span class="sbadge s-NEIN">SCHON GEMACHT</span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Lea: kein Wiederholungswunsch</span><span class="budget-val">–</span></div>
-      <div class="card-body">
-        <ul class="con-list">
-          <li>Lea will Norwegen nicht nochmal</li>
-          <li>Hamburg→Ålesund→Geiranger→Bergen war 2024</li>
-          <li>Andere AIDA-Mittelmeer-Routen hingegen okay!</li>
-        </ul>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<!-- ======= TAB: TRAUMZIELE ======= -->
-<div id="tab-traum" class="content" style="display:none;">
-  <div class="section-title">Traumziele & Bucket List</div>
-  <div class="section-desc">Reiseziele für die Zukunft – wenn Felix älter ist, das Budget passt oder die Umstände sich ändern. Kein Zeitdruck, aber gut festgehalten.</div>
-
-  <div class="dest-grid">
-
-    <!-- BALI -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🌴</span>
-        <div class="dest-info">
-          <div class="dest-name">Bali, Indonesien</div>
-          <div class="dest-sub">Ubud · Seminyak · Uluwatu · Familienresort</div>
-        </div>
-        <span class="sbadge s-SPÄTER">IRGENDWANN</span>
-      </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix (jetzt)</div><div class="sc-bar"><div class="sc-fill f" style="width:15%"></div></div></div>
-        <div class="sc"><div class="sc-label">Felix (8J+)</div><div class="sc-bar"><div class="sc-fill f" style="width:90%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:90%"></div></div></div>
+      <div class="card-price"><span class="price-main">~3.400 €</span><span class="price-range">AI Direktflug</span><span class="price-badge pb-pricey">Knapp am Budget</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:75%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:40%"></div></div></div>
       </div>
       <div class="card-stats">
-        <span class="stat">✈️ <b>HAM/FRA–DPS ~13–16h (Stopp unvermeidbar)</b></span>
-        <span class="stat">🌡️ <b>28–32°C ganzjährig</b></span>
+        <div class="cstat"><span class="cstat-val">6h</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→SID</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">27–30°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">Verfügbar</span><span class="cstat-key">OK</span></div>
       </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug + Villa + Mietwagen</span><span class="budget-val">5.000–8.000 €</span></div>
       <div class="card-body">
-        <div class="highlight">Persönliche Verbindung: Jenny's Mann kommt aus Bali</div>
+        <div class="card-highlight">Exotisch ohne langen Flug · Kilometer-Strände · AI-Resorts</div>
         <div class="pros-cons">
           <ul class="pro-list">
-            <li>Traumziel für beide</li>
-            <li>Günstige Luxusvillen mit Pool</li>
-            <li>Jenny's Insider-Kontakt</li>
-            <li>Einzigartige Kultur + Natur</li>
+            <li>Direktflug 6h – kein Umsteigen</li>
+            <li>Riesige flache Strände (Felix-Gold)</li>
+            <li>RIU/Iberostar All Inclusive</li>
+            <li>Echtes Neuland für die Familie</li>
           </ul>
           <ul class="con-list">
-            <li>Kein Direktflug – langer Flug mit Kind</li>
-            <li>Gesundheitsrisiken (Impfungen nötig)</li>
-            <li>Zeitzone +6h (Jetlag mit Kind)</li>
-            <li>Über Budget (aktuell zu teuer)</li>
+            <li>Knapp am Budget</li>
+            <li>Wenig Mietwagen-Sightseeing</li>
+            <li>Windige Insel</li>
           </ul>
         </div>
-        <div class="card-note blue">→ Realistisch wenn Felix 8J+ und Budget 6.000€+ verfügbar. Jenny als Insider für Tipps vormerken.</div>
-        <span class="felix-age">📅 Ab Felix 7–8J (ca. 2030+)</span>
       </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-kapverden"></div><span class="vote-result" id="vr-kapverden"></span></div>
     </div>
 
-    <!-- SCHWEDEN -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🦌</span>
-        <div class="dest-info">
+    <div class="dest-card" data-status="OK" data-id="malta">
+      <div class="card-hdr">
+        <span class="dest-em">⛪</span>
+        <div class="dest-meta">
+          <div class="dest-name">Malta</div>
+          <div class="dest-sub">Gozo · St. Julian's · Familienhotel 4★</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-OK">OK</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~2.400 €</span><span class="price-range">günstig für Europa</span><span class="price-badge pb-cheap">Preis-Tipp ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:75%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:70%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:75%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">3h</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→MLA</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">30–34°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Kleinste Insel Europas · EU-Standard · Günstig · Englisch überall</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Direktflug 3h, sehr günstig</li>
+            <li>EU-Standards, kein Visum</li>
+            <li>Gozo für Mietwagen-Touren</li>
+          </ul>
+          <ul class="con-list">
+            <li>Kaum Sandstrand (Felsküste)</li>
+            <li>Sehr heiß + touristisch im Juli</li>
+          </ul>
+        </div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-malta"></div><span class="vote-result" id="vr-malta"></span></div>
+    </div>
+
+    <div class="dest-card" data-status="OK" data-id="lanzarote">
+      <div class="card-hdr">
+        <span class="dest-em">🌋</span>
+        <div class="dest-meta">
+          <div class="dest-name">Lanzarote</div>
+          <div class="dest-sub">Vulkaninsel · Puerto del Carmen · Direktflug</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-OK">OK</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~2.800 €</span><span class="price-range">HP + Flug</span><span class="price-badge pb-cheap">Günstig ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:70%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:80%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">4h 45</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→ACE</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">25–28°C</span><span class="cstat-key">Passat</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Ruhigste Kanareninseln · Vulkan-Landschaft · César Manrique Design</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Ruhiger als GC/Teneriffa</li>
+            <li>Timanfaya Vulkan per Mietwagen</li>
+            <li>Passat-Klima: 25–28°C</li>
+          </ul>
+          <ul class="con-list">
+            <li>Kanaren = schon dreimal</li>
+            <li>Weniger Kinderclub-Auswahl</li>
+          </ul>
+        </div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-lanzarote"></div><span class="vote-result" id="vr-lanzarote"></span></div>
+    </div>
+
+    <div class="dest-card" data-status="OK" data-id="costa-sol">
+      <div class="card-hdr">
+        <span class="dest-em">🌞</span>
+        <div class="dest-meta">
+          <div class="dest-name">Costa del Sol / Málaga</div>
+          <div class="dest-sub">Nerja · Marbella · Direktflug HAM</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-OK">OK</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~2.700 €</span><span class="price-range">HP + Direktflug</span><span class="price-badge pb-cheap">Günstig ✓</span></div>
+      <div class="card-scores">
+        <div class="sc"><div class="sc-lbl">Felix</div><div class="sc-bar"><div class="sc-fill sc-f" style="width:80%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Lea</div><div class="sc-bar"><div class="sc-fill sc-l" style="width:70%"></div></div></div>
+        <div class="sc"><div class="sc-lbl">Mietwagen</div><div class="sc-bar"><div class="sc-fill sc-m" style="width:90%"></div></div></div>
+      </div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">3h 20</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→AGP</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">32–38°C</span><span class="cstat-key">Juli heiß!</span></div>
+        <div class="cstat"><span class="cstat-val">ab 13.Jul</span><span class="cstat-key">Verfügbar</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Günstig · Andalusien Mietwagen-Touren · Granada, Ronda, Sevilla</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Direktflug HAM→Málaga 3h20</li>
+            <li>Nerja (schön + ruhig)</li>
+            <li>Mietwagen: Granada, Alhambra, Ronda</li>
+          </ul>
+          <ul class="con-list">
+            <li>32–38°C im Juli = sehr heiß für Felix</li>
+            <li>Viele Touristenstädte</li>
+          </ul>
+        </div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-costa-sol"></div><span class="vote-result" id="vr-costa-sol"></span></div>
+    </div>
+
+    <!-- MSC KREUZFAHRT -->
+    <div class="dest-card" data-status="MAYBE" data-id="msc-kreuzfahrt">
+      <div class="card-hdr">
+        <span class="dest-em">🛳️</span>
+        <div class="dest-meta">
+          <div class="dest-name">MSC / TUI Cruises</div>
+          <div class="dest-sub">Alternative zu AIDA · Mittelmeer</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-MAYBE">Vielleicht</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.000 €</span><span class="price-range">inkl. Flug nach Civitavecchia/Venedig</span><span class="price-badge pb-mid">Im Budget</span></div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">2h</span><span class="cstat-key">Flug FCO/VCE</span></div>
+        <div class="cstat"><span class="cstat-val">7 Häfen</span><span class="cstat-key">Woche</span></div>
+        <div class="cstat"><span class="cstat-val">25–30°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">Prüfen</span><span class="cstat-key">Termin</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Alternative Reederei · Evtl. günstigere Routen als AIDA</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>MSC Grandiosa: sehr familienfreundlich</li>
+            <li>Evtl. günstigere Kabinen</li>
+            <li>Mein Schiff: deutschsprachig wie AIDA</li>
+          </ul>
+          <ul class="con-list">
+            <li>Kein AIDA-Erfahrungsvorteil</li>
+            <li>Kinderprogramm variiert</li>
+          </ul>
+        </div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-msc-kreuzfahrt"></div><span class="vote-result" id="vr-msc-kreuzfahrt"></span></div>
+    </div>
+
+    <!-- KORSIKA DIREKT -->
+    <div class="dest-card" data-status="MAYBE" data-id="korsika">
+      <div class="card-hdr">
+        <span class="dest-em">⛰️</span>
+        <div class="dest-meta">
+          <div class="dest-name">Korsika direkt</div>
+          <div class="dest-sub">Palombaggia · Porto-Vecchio · Bonifacio</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-MAYBE">Vielleicht</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.200 €</span><span class="price-range">Ferienwohnung + Flug (Stopp)</span><span class="price-badge pb-mid">Im Budget</span></div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">Kein Direkt</span><span class="cstat-key">Flug</span></div>
+        <div class="cstat"><span class="cstat-val">via Paris</span><span class="cstat-key">Umstieg</span></div>
+        <div class="cstat"><span class="cstat-val">28–32°C</span><span class="cstat-key">Juli</span></div>
+        <div class="cstat"><span class="cstat-val">Hochpreis</span><span class="cstat-key">Insel</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Schönste Strände Europas · Lea hat Korsika okayed</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>Palombaggia: traumhaft</li>
+            <li>Lea okay für Korsika</li>
+          </ul>
+          <ul class="con-list">
+            <li>Kein Direktflug ab HAM/HAJ</li>
+            <li>Hochpreisinsel im Sommer</li>
+          </ul>
+        </div>
+        <div class="card-note">Besser als AIDA-Stopp in Ajaccio als Kreuzfahrt-Erlebnis.</div>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-korsika"></div><span class="vote-result" id="vr-korsika"></span></div>
+    </div>
+
+    <!-- LATER -->
+    <div class="dest-card" data-status="LATER" data-id="madeira">
+      <div class="card-hdr">
+        <span class="dest-em">🌺</span>
+        <div class="dest-meta">
+          <div class="dest-name">Madeira</div>
+          <div class="dest-sub">Dritter Anlauf · Levadas · Porto Moniz</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-SPÄTER">Lea: wenn Felix älter</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~3.000 €</span><span class="price-range">Flug + Hotel HP</span><span class="price-badge pb-mid">Im Budget</span></div>
+      <div class="card-stats">
+        <div class="cstat"><span class="cstat-val">4h 30</span><span class="cstat-key">Direktflug</span></div>
+        <div class="cstat"><span class="cstat-val">HAM→FNC</span><span class="cstat-key">Flughafen</span></div>
+        <div class="cstat"><span class="cstat-val">22–25°C</span><span class="cstat-key">Ideal!</span></div>
+        <div class="cstat"><span class="cstat-val">2028?</span><span class="cstat-key">Zeitraum</span></div>
+      </div>
+      <div class="card-body">
+        <div class="card-highlight">Lea: "wenn Felix älter ist" · 2× Corona-Storno · 3. Anlauf!</div>
+        <div class="pros-cons">
+          <ul class="pro-list">
+            <li>22–25°C – mildestes Klima</li>
+            <li>Mietwagen-Paradies (Levadas)</li>
+            <li>Till kennt Funchal gut (2017, 8N)</li>
+          </ul>
+          <ul class="con-list">
+            <li>Kaum Sandstrand für Felix</li>
+            <li>Lea: explizit "warten bis Felix größer"</li>
+          </ul>
+        </div>
+        <span class="felix-age">📅 Ab Felix 5J+ (ca. 2028/29)</span>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-madeira"></div><span class="vote-result" id="vr-madeira"></span></div>
+    </div>
+
+    <div class="dest-card" data-status="LATER" data-id="schweden">
+      <div class="card-hdr">
+        <span class="dest-em">🦌</span>
+        <div class="dest-meta">
           <div class="dest-name">Schweden</div>
-          <div class="dest-sub">Bohuslän-Schären · Dalarna · Astrid Lindgrens Welt</div>
+          <div class="dest-sub">Bohuslän · Astrid Lindgrens Welt · Tills Herzensthema</div>
         </div>
-        <span class="sbadge s-SPÄTER">TILLS HERZENSTHEMA</span>
+        <div class="status-wrap"><span class="sbadge s-SPÄTER">2027</span></div>
       </div>
-      <div class="scores">
-        <div class="sc"><div class="sc-label">Felix (4J+)</div><div class="sc-bar"><div class="sc-fill f" style="width:85%"></div></div></div>
-        <div class="sc"><div class="sc-label">Lea</div><div class="sc-bar"><div class="sc-fill l" style="width:40%"></div></div></div>
-        <div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:90%"></div></div></div>
-      </div>
-      <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→GOT (Göteborg) Direkt 1:20h</b></span>
-        <span class="stat">🌡️ <b>18–24°C Juli (kein Strandurlaub!)</b></span>
-        <span class="stat">🚗 <b>Oder mit Caddy (800km, Fähre)</b></span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Ferienhäuser günstig · Mietwagen + Fähre</span><span class="budget-val">2.500–3.500 €</span></div>
+      <div class="card-price"><span class="price-main">~2.800 €</span><span class="price-range">Ferienhäuser + Mietwagen</span><span class="price-badge pb-cheap">Günstig ✓</span></div>
       <div class="card-body">
-        <div class="highlight">Till schwärmt seit Hochzeit Cousine 2018 in Sunne/Värmland</div>
-        <div class="pros-cons">
-          <ul class="pro-list">
-            <li>Natur pur: Seen, Wälder, Schären</li>
-            <li>Astrid Lindgrens Welt (Vimmerby) – Felix-Gold!</li>
-            <li>Ruhig, familienfreundlich, sauber</li>
-            <li>Direktflug HAM–Göteborg</li>
-          </ul>
-          <ul class="con-list">
-            <li>Lea: "nichts für meinen Sommerurlaub"</li>
-            <li>Kein klassischer Strand/Pool</li>
-            <li>Wetter unsicher (kann auch regnen)</li>
-          </ul>
-        </div>
-        <div class="card-note blue">Till war 2018 zur Hochzeit der Cousine in Sunne/Värmland. Als Familienerlebnisreise 2027-28 mit Felix 4-5J sehr gut vorstellbar – andere Kategorie als Strandurlaub.</div>
-        <span class="felix-age">📅 Ab Felix 4J (ca. 2027) – Astrid Lindgrens Welt!</span>
-      </div>
-    </div>
-
-    <!-- MADEIRA (später) -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🌺</span>
-        <div class="dest-info">
-          <div class="dest-name">Madeira – Dritter Anlauf</div>
-          <div class="dest-sub">Funchal · Levadas · Porto Moniz · Pico do Arieiro</div>
-        </div>
-        <span class="sbadge s-SPÄTER">LEA: WENN FELIX ÄLTER</span>
-      </div>
-      <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→FNC Direkt 4:30h</b></span>
-        <span class="stat">🌡️ <b>22–25°C (ideal!)</b></span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Flug + Hotel HP 7N</span><span class="budget-val">2.600–3.200 €</span></div>
-      <div class="card-body">
-        <div class="highlight">Lea: "können wir machen, wenn Felix älter ist"</div>
-        <div class="pros-cons">
-          <ul class="pro-list">
-            <li>2× wegen Corona storniert – 3. Anlauf!</li>
-            <li>Mildestes Klima Europas (22-25°C)</li>
-            <li>Mietwagen-Paradies (Levadas, Wasserfälle)</li>
-            <li>Till kennt Funchal gut (2017, 8N solo)</li>
-          </ul>
-          <ul class="con-list">
-            <li>Kaum Sandstrand – mit Felix schwierig</li>
-            <li>Pool + Lavapools = Strandersatz</li>
-          </ul>
-        </div>
-        <span class="felix-age">📅 Ab Felix 5J (ca. 2028/29)</span>
-      </div>
-    </div>
-
-    <!-- NORWEGEN NATUR (nicht AIDA) -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🏔️</span>
-        <div class="dest-info">
-          <div class="dest-name">Norwegen – Eigenständig</div>
-          <div class="dest-sub">Fjorde · Trolltunga · Bergen (nicht AIDA!)</div>
-        </div>
-        <span class="sbadge s-SPÄTER">NICHT AIDA</span>
-      </div>
-      <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→BGO (Bergen) Direkt 1:45h</b></span>
-        <span class="stat">🌡️ <b>15–20°C Sommer</b></span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Ferienhaus + Mietwagen</span><span class="budget-val">3.000–4.500 €</span></div>
-      <div class="card-body">
-        <div class="highlight">Nicht als AIDA – sondern mit Mietwagen eigenständig</div>
-        <div class="pros-cons">
-          <ul class="pro-list">
-            <li>Fjorde eigenständig erleben</li>
-            <li>Kein Massentourismus-Schiff</li>
-            <li>Till kennt Route (2024 AIDA)</li>
-          </ul>
-          <ul class="con-list">
-            <li>Kein Strand – kein Sommerurlaub-Profil</li>
-            <li>Teuer</li>
-            <li>Lea: Norwegen war schon (AIDA 2024)</li>
-          </ul>
-        </div>
-        <span class="felix-age">📅 Ab Felix 6J+ (ca. 2029) wenn er wandern kann</span>
-      </div>
-    </div>
-
-    <!-- LAPPLAND NORDLICHT -->
-    <div class="dest-card" data-status="SPÄTER">
-      <div class="card-top">
-        <span class="dest-emoji">🌌</span>
-        <div class="dest-info">
-          <div class="dest-name">Lappland / Tromsø</div>
-          <div class="dest-sub">Nordlichter · Husky · Wintererlebnis</div>
-        </div>
-        <span class="sbadge s-SPÄTER">WINTERTRAUM</span>
-      </div>
-      <div class="card-stats">
-        <span class="stat">✈️ <b>HAM→TOS (Tromsø) Direkt</b></span>
-        <span class="stat">❄️ <b>Januar–März (Nordlichter-Saison)</b></span>
-      </div>
-      <div class="card-budget"><span style="color:var(--muted)">Winterpaket + Aktivitäten</span><span class="budget-val">3.500–5.000 €</span></div>
-      <div class="card-body">
-        <div class="highlight">Für Felix wenn er etwas älter – Husky, Nordlichter, Schnee</div>
+        <div class="card-highlight">Till war 2018 zur Hochzeit seiner Cousine in Sunne – schwärmt seitdem</div>
         <ul class="pro-list">
-          <li>Nordlichter = unvergesslich</li>
-          <li>Direkt von Hamburg oder über Oslo</li>
-          <li>Felix mit 6J+ ideal für Schnee-Abenteuer</li>
+          <li>Astrid Lindgrens Welt (Felix mit 4J+)</li>
+          <li>Direktflug HAM→GOT 1:20h</li>
+          <li>Natur pur: Seen, Wälder, Schären</li>
+        </ul>
+        <span class="felix-age">📅 Ab Felix 4J (ca. 2027) – AstridLindgrens Welt!</span>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-schweden"></div><span class="vote-result" id="vr-schweden"></span></div>
+    </div>
+
+    <div class="dest-card" data-status="LATER" data-id="bali">
+      <div class="card-hdr">
+        <span class="dest-em">🌴</span>
+        <div class="dest-meta">
+          <div class="dest-name">Bali, Indonesien</div>
+          <div class="dest-sub">Jenny's Verbindung · Ubud · Seminyak</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-SPÄTER">2030+</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">~6.000 €</span><span class="price-range">Flug (Umstieg!) + Villa</span><span class="price-badge pb-pricey">Über Budget</span></div>
+      <div class="card-body">
+        <div class="card-highlight">Leas Freundin Jenny hat Mann aus Bali – persönliche Verbindung</div>
+        <ul class="pro-list">
+          <li>Traumziel für beide</li>
+          <li>Günstige Luxusvillen mit Pool</li>
+          <li>Jenny als Insider-Kontakt</li>
+        </ul>
+        <span class="felix-age">📅 Ab Felix 7–8J (ca. 2030)</span>
+      </div>
+      <div class="vote-strip"><span class="vote-label">Abstimmung</span><div class="vote-group" id="votes-bali"></div><span class="vote-result" id="vr-bali"></span></div>
+    </div>
+
+    <div class="dest-card dim" data-status="NEIN" data-id="pv-nein">
+      <div class="card-hdr">
+        <span class="dest-em">🚫</span>
+        <div class="dest-meta">
+          <div class="dest-name">P&V Cap d'Agde / Houlgate</div>
+          <div class="dest-sub">Leas frühere Ideen</div>
+        </div>
+        <div class="status-wrap"><span class="sbadge s-NEIN">Raus</span></div>
+      </div>
+      <div class="card-price"><span class="price-main">–</span><span class="price-range">Anreise/Klima ungeeignet</span><span class="price-badge pb-pricey">Nicht buchbar</span></div>
+      <div class="card-body">
+        <ul class="con-list">
+          <li>Cap d'Agde: 1.500km Anreise + Party-Region</li>
+          <li>Houlgate: Atlantik 17°C – kein Strand für Felix</li>
+          <li>Kein Direktflug ab HAM/HAJ</li>
         </ul>
-        <span class="felix-age">📅 Winter 2028/29 wenn Felix 5-6J</span>
       </div>
     </div>
 
+    <!-- SUBMISSIONS PLACEHOLDER -->
+    <div id="submissions-section" style="display:none;grid-column:1/-1;">
+      <div class="section-head"><span class="section-title">💡 Eigene Ideen</span></div>
+      <div id="sub-list"></div>
+    </div>
+
+  </div><!-- end dest-grid -->
+</div><!-- end tab-ideen -->
+
+<!-- ABSTIMMUNG TAB -->
+<div id="tab-abstimmung" class="tab-content">
+  <div class="section-head"><span class="section-title">📊 Abstimmungsergebnis</span></div>
+  <p style="font-size:12px;color:var(--muted);margin-bottom:12px;">Gebt jedem Ziel eine Reaktion. Ihr könnt unabhängig voneinander abstimmen (Till / Lea).</p>
+
+  <div class="vote-table" id="vote-summary-table">
+    <div class="vote-row header">
+      <div>Destination</div>
+      <div style="text-align:center">Till</div>
+      <div style="text-align:center">Lea</div>
+      <div style="text-align:center">Match</div>
+    </div>
+  </div>
+
+  <button class="export-btn" onclick="exportVotes()">📋 Abstimmung als JSON kopieren (für Codex)</button>
+
+  <div style="margin-top:12px;padding:10px 12px;background:var(--card);border-radius:var(--r);border:1px solid var(--border);font-size:11px;color:var(--muted);">
+    <strong style="color:var(--text);">Legende:</strong> ❤️ = Will ich! &nbsp; 🤔 = Vielleicht &nbsp; ❌ = Nein danke &nbsp; &bull; Match: 💚 Beide lieben · 💛 Einer liebt, einer vielleicht · ❓ Noch nicht abgestimmt
   </div>
 </div>
 
-<!-- ======= TAB: HISTORIE ======= -->
-<div id="tab-historie" class="content" style="display:none;">
-  <div class="section-title">Vollständige Reisehistorie</div>
+<!-- ARCHIV TAB -->
+<div id="tab-archiv" class="tab-content">
   <div class="filter-row">
-    <button class="filter-pill active" onclick="fh('ALL',this)">Alle</button>
-    <button class="filter-pill" onclick="fh('hotel',this)">🏨 Hotel</button>
-    <button class="filter-pill" onclick="fh('cruise',this)">🚢 Kreuzfahrt</button>
-    <button class="filter-pill" onclick="fh('ferienhaus',this)">🏡 Ferienhaus</button>
-    <button class="filter-pill" onclick="fh('airbnb',this)">🏠 Airbnb</button>
-    <button class="filter-pill" onclick="fh('family',this)">👨‍👩‍👦 Familie</button>
+    <button class="chip active" onclick="fh('ALL',this)">Alle</button>
+    <button class="chip" onclick="fh('hotel',this)">🏨 Hotel</button>
+    <button class="chip" onclick="fh('cruise',this)">🚢 Kreuzfahrt</button>
+    <button class="chip" onclick="fh('ferienhaus',this)">🏡 Ferienhaus</button>
+    <button class="chip" onclick="fh('airbnb',this)">🏠 Airbnb</button>
+    <button class="chip" onclick="fh('family',this)">👨‍👩‍👦 Familienreise</button>
   </div>
   <div id="hl">
+    <div class="hist-year">2015</div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇬🇧</span><div class="hist-body"><div class="hist-dest-name">Zimmer in London (Bermondsey)</div><div class="hist-loc">London, UK · Airbnb bei Gordon</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">26.–31. Aug. · 5N</span></div></div><span class="hist-pers">Till + Bruder Jasper</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2015</div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇬🇧</span><div class="h-body"><div class="h-dest">Zimmer in London (Bermondsey)</div><div class="h-loc">London, UK</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">26.–31. Aug. · 5N · bei Gordon</span></div></div><span class="h-pers">Till + Bruder Jasper</span></div>
-    </div>
+    <div class="hist-year">2016</div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🌲</span><div class="hist-body"><div class="hist-dest-name">A-Frame Cabin in Sulzfeld</div><div class="hist-loc">Feriendorf Sulzfeld, Deutschland</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">5.–10. Sept. · 5N</span></div></div><span class="hist-pers">Till solo</span></div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇵🇹</span><div class="hist-body"><div class="hist-dest-name">Porto – Zimmer in Baixa</div><div class="hist-loc">Porto, Portugal</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">26.–29. Sept. · 3N</span></div></div><span class="hist-pers">Till solo</span></div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇳🇱</span><div class="hist-body"><div class="hist-dest-name">Kortenhoef (Niederlande)</div><div class="hist-loc">Kortenhoef, Niederlande</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">1.–3. Okt. · 2N</span></div></div><span class="hist-pers">Till solo</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2016</div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🌲</span><div class="h-body"><div class="h-dest">A-Frame Cabin in Sulzfeld</div><div class="h-loc">Sulzfeld (Feriendorf), Deutschland</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">5.–10. Sept. · 5N · bei Wolfgang</span></div></div><span class="h-pers">Till solo</span></div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇵🇹</span><div class="h-body"><div class="h-dest">Zimmer in Porto</div><div class="h-loc">Porto, Portugal</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">26.–29. Sept. · 3N · bei Francisco</span></div></div><span class="h-pers">Till solo</span></div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇳🇱</span><div class="h-body"><div class="h-dest">Unterkunft in Kortenhoef</div><div class="h-loc">Kortenhoef, Niederlande</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">1.–3. Okt. · 2N · bei Karin</span></div></div><span class="h-pers">Till solo</span></div>
-    </div>
+    <div class="hist-year">2017</div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇵🇹</span><div class="hist-body"><div class="hist-dest-name">Lissabon (Anjos-Viertel)</div><div class="hist-loc">Lisboa, Portugal</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">26.–28. Sept. · 2N</span></div></div><span class="hist-pers">Till solo</span></div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🌺</span><div class="hist-body"><div class="hist-dest-name">Funchal, Madeira (8 Nächte!)</div><div class="hist-loc">Funchal, Madeira</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">28. Sept.–6. Okt. · 8N</span></div></div><span class="hist-pers">Till solo</span></div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🍷</span><div class="hist-body"><div class="hist-dest-name">Vila Nova de Gaia / Porto</div><div class="hist-loc">Porto / Douro, Portugal</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">6.–10. Okt. · 4N</span></div></div><span class="hist-pers">Till solo</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2017</div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇵🇹</span><div class="h-body"><div class="h-dest">Zimmer in Lissabon (Anjos)</div><div class="h-loc">Lisboa, Portugal</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">26.–28. Sept. · 2N · bei Ana & Jorge</span></div></div><span class="h-pers">Till solo</span></div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🌺</span><div class="h-body"><div class="h-dest">Zimmer in Funchal, Madeira</div><div class="h-loc">Funchal, Madeira</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">28. Sept. – 6. Okt. · 8N · bei Cláudia</span></div></div><span class="h-pers">Till solo</span></div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🍷</span><div class="h-body"><div class="h-dest">Zimmer in Vila Nova de Gaia</div><div class="h-loc">Porto / Douro, Portugal</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">6.–10. Okt. · 4N · bei Paul & Vanessa</span></div></div><span class="h-pers">Till solo</span></div>
-    </div>
+    <div class="hist-year">2018</div>
+    <div class="hist-item family" data-type="family"><span class="hist-em">🇸🇪</span><div class="hist-body"><div class="hist-dest-name">Sunne, Värmland – Hochzeit der Cousine</div><div class="hist-loc">Sunne, Schweden · Till schwärmt seitdem davon</div><div class="hist-tags"><span class="htag htag-family">Familienreise</span></div></div><span class="hist-pers">Till + Familie</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2018</div>
-      <div class="hist-item family" data-type="family"><span class="h-em">🇸🇪</span><div class="h-body"><div class="h-dest">Sunne, Värmland – Hochzeit der Cousine</div><div class="h-loc">Sunne, Schweden</div><div class="h-meta"><span class="htag htag-family">Familienreise</span><span style="font-size:10px;color:#7A7060">Sommer 2018 · Värmland · Till schwärmt bis heute davon</span></div></div><span class="h-pers">Till + Familie</span></div>
-    </div>
+    <div class="hist-year">2019</div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇬🇧</span><div class="hist-body"><div class="hist-dest-name">Greater London (Battersea)</div><div class="hist-loc">London, UK · Airbnb bei Jilly</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">22.–25. März · 3N</span></div></div><span class="hist-pers">Till + Lea</span></div>
+    <div class="hist-item hotel" data-type="hotel"><span class="hist-em">🌴</span><div class="hist-body"><div class="hist-dest-name">Vanilla Garden · Teneriffa</div><div class="hist-loc">Playa de las Americas · 4★ HP</div><div class="hist-tags"><span class="htag htag-hotel">Hotel 4★</span><span class="htag" style="background:var(--bg2);color:var(--muted)">31.07–07.08 · 7N · #41629995</span></div></div><span class="hist-pers">Till + Lea</span></div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🇩🇰</span><div class="hist-body"><div class="hist-dest-name">Oksbøl Ferienhaus</div><div class="hist-loc">Oksbøl, Dänemark</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">29.Okt.–2.Nov. · 4N</span></div></div><span class="hist-pers">Till + Lea</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2019</div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇬🇧</span><div class="h-body"><div class="h-dest">Unterkunft in Greater London (Battersea)</div><div class="h-loc">London, UK</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">22.–25. März · 3N · bei Jilly</span></div></div><span class="h-pers">Till + Lea</span></div>
-      <div class="hist-item hotel" data-type="hotel"><span class="h-em">🌴</span><div class="h-body"><div class="h-dest">Vanilla Garden, Teneriffa</div><div class="h-loc">Playa de las Americas · Teneriffa</div><div class="h-meta"><span class="htag htag-hotel">Hotel 4★</span><span style="font-size:10px;color:#7A7060">31.07–07.08 · 7N HP · CHECK24 #41629995</span></div></div><span class="h-pers">Till + Lea</span></div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🇩🇰</span><div class="h-body"><div class="h-dest">Ferienhaus in Oksbøl</div><div class="h-loc">Oksbøl, Dänemark</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">29. Okt. – 2. Nov. · 4N · DANCENTER</span></div></div><span class="h-pers">Till + Lea</span></div>
-    </div>
+    <div class="hist-year">2020</div>
+    <div class="hist-item airbnb" data-type="airbnb"><span class="hist-em">🚤</span><div class="hist-body"><div class="hist-dest-name">Waterside Cabin Vinkeveen</div><div class="hist-loc">Vinkeveen (nahe Amsterdam), NL</div><div class="hist-tags"><span class="htag htag-airbnb">Airbnb</span><span class="htag" style="background:var(--bg2);color:var(--muted)">22.–29. Aug. · 7N</span></div></div><span class="hist-pers">Till + Lea</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2020</div>
-      <div class="hist-item airbnb" data-type="airbnb"><span class="h-em">🚤</span><div class="h-body"><div class="h-dest">Waterside Cabin in Vinkeveen</div><div class="h-loc">Vinkeveen (nahe Amsterdam), Niederlande</div><div class="h-meta"><span class="htag htag-airbnb">Airbnb</span><span style="font-size:10px;color:#7A7060">22.–29. Aug. · 7N · bei Paula & Richard</span></div></div><span class="h-pers">Till + Lea</span></div>
-      <div class="hist-item storno" data-type="storno"><span class="h-em">❌</span><div class="h-body"><div class="h-dest">Madeira (1. Versuch)</div><div class="h-loc">Madeira, Portugal</div><div class="h-meta"><span class="htag htag-storno">Storno</span><span style="font-size:10px;color:#aaa">COVID-19</span></div></div><span class="h-pers">Till + Lea</span></div>
-    </div>
+    <div class="hist-year">2021</div>
+    <div class="hist-item hotel" data-type="hotel"><span class="hist-em">🌴</span><div class="hist-body"><div class="hist-dest-name">Radisson Blu Resort Gran Canaria</div><div class="hist-loc">Patalavaca · 5★ HP</div><div class="hist-tags"><span class="htag htag-hotel">Hotel 5★</span><span class="htag" style="background:var(--bg2);color:var(--muted)">21.–28.07 · 7N · #47201487</span></div></div><span class="hist-pers">Till + Lea</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2021</div>
-      <div class="hist-item hotel" data-type="hotel"><span class="h-em">🌴</span><div class="h-body"><div class="h-dest">Radisson Blu Resort Gran Canaria</div><div class="h-loc">Patalavaca · Gran Canaria</div><div class="h-meta"><span class="htag htag-hotel">Hotel 5★</span><span style="font-size:10px;color:#7A7060">21.07–28.07 · 7N HP · CHECK24 #47201487</span></div></div><span class="h-pers">Till + Lea</span></div>
-      <div class="hist-item storno" data-type="storno"><span class="h-em">❌</span><div class="h-body"><div class="h-dest">Madeira (2. Versuch)</div><div class="h-loc">Madeira, Portugal</div><div class="h-meta"><span class="htag htag-storno">Storno</span><span style="font-size:10px;color:#aaa">COVID-19</span></div></div><span class="h-pers">Till + Lea</span></div>
-    </div>
+    <div class="hist-year">2022</div>
+    <div class="hist-item hotel" data-type="hotel"><span class="hist-em">🌴</span><div class="hist-body"><div class="hist-dest-name">Dreams Jardin Tropical Resort & Spa</div><div class="hist-loc">Costa Adeje · Teneriffa · 4★ HP · 3.276 €</div><div class="hist-tags"><span class="htag htag-hotel">Hotel 4★</span><span class="htag" style="background:var(--bg2);color:var(--muted)">08.–15.07 · 7N · #12852050</span></div></div><span class="hist-pers">Till + Lea</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2022</div>
-      <div class="hist-item hotel" data-type="hotel"><span class="h-em">🌴</span><div class="h-body"><div class="h-dest">Dreams Jardin Tropical Resort & Spa</div><div class="h-loc">Costa Adeje · Teneriffa</div><div class="h-meta"><span class="htag htag-hotel">Hotel 4★</span><span style="font-size:10px;color:#7A7060">08.07–15.07 · 7N HP · 3.276 € · CHECK24 #12852050</span></div></div><span class="h-pers">Till + Lea</span></div>
-    </div>
+    <div class="hist-year">2023 – ab hier mit Felix 👶</div>
+    <div class="hist-item cruise" data-type="cruise"><span class="hist-em">🚢</span><div class="hist-body"><div class="hist-dest-name">AIDAblu Adria-Kreuzfahrt</div><div class="hist-loc">Korfu · Triest · Zadar · Kotor · Dubrovnik · Bari · Korfu</div><div class="hist-tags"><span class="htag htag-cruise">Kreuzfahrt</span><span class="htag" style="background:var(--bg2);color:var(--muted)">13.–20.08 · 7N · 5.557 € · #14997795</span></div></div><span class="hist-pers">Till+Lea+Felix+Astrid J.</span></div>
+    <div class="hist-item hotel" data-type="hotel"><span class="hist-em">🏨</span><div class="hist-body"><div class="hist-dest-name">Acharavi Beach Hotel · Korfu</div><div class="hist-loc">Acharavi · Griechenland · 546 €</div><div class="hist-tags"><span class="htag htag-hotel">Hotel</span><span class="htag" style="background:var(--bg2);color:var(--muted)">20.–22.08 · 2N · #410637840</span></div></div><span class="hist-pers">Till+Lea+Felix</span></div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">MarinaPark Bad Nederrijn, Maurik</div><div class="hist-loc">Niederlande</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">01.–05.10 · 4N</span></div></div><span class="hist-pers">Familie</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2023 – ab hier: Familie mit Felix 👶</div>
-      <div class="hist-item cruise" data-type="cruise"><span class="h-em">🚢</span><div class="h-body"><div class="h-dest">AIDAblu Adria-Kreuzfahrt</div><div class="h-loc">Korfu · Triest · Zadar · Kotor · Dubrovnik · Bari · Korfu</div><div class="h-meta"><span class="htag htag-cruise">Kreuzfahrt</span><span style="font-size:10px;color:#7A7060">13.08–20.08 · 7N VARIO · 5.557 € · #14997795</span></div></div><span class="h-pers">Till + Lea + Felix + Astrid J.</span></div>
-      <div class="hist-item hotel" data-type="hotel"><span class="h-em">🏨</span><div class="h-body"><div class="h-dest">Acharavi Beach Hotel · Korfu</div><div class="h-loc">Acharavi · Griechenland</div><div class="h-meta"><span class="htag htag-hotel">Hotel 4★</span><span style="font-size:10px;color:#7A7060">20.08–22.08 · 2N HP · 546 € · #410637840</span></div></div><span class="h-pers">Till + Lea + Felix</span></div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">MarinaPark Bad Nederrijn</div><div class="h-loc">Maurik · Niederlande</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">01.10–05.10 · 4N</span></div></div><span class="h-pers">Familie</span></div>
-    </div>
+    <div class="hist-year">2024</div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">EuroParcs De Utrechtse Heuvelrug</div><div class="hist-loc">Maarn, NL · 422 €</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">23.–28.03 · 5N</span></div></div><span class="hist-pers">Familie</span></div>
+    <div class="hist-item cruise" data-type="cruise"><span class="hist-em">🚢</span><div class="hist-body"><div class="hist-dest-name">AIDAprima Norwegen</div><div class="hist-loc">Hamburg→Ålesund→Geiranger→Bergen→Hamburg</div><div class="hist-tags"><span class="htag htag-cruise">Kreuzfahrt</span><span class="htag" style="background:var(--bg2);color:var(--muted)">15.–22.06 · 7N · 1.998 € · #15808257</span></div></div><span class="hist-pers">Familie</span></div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">Sonne und Strand, Følle Strand</div><div class="hist-loc">Rønde, Dänemark</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">14.–21.09 · 7N</span></div></div><span class="hist-pers">Familie</span></div>
 
-    <div class="hist-group"><div class="year-lbl">2024</div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">EuroParcs De Utrechtse Heuvelrug</div><div class="h-loc">Maarn · Niederlande</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">23.03–28.03 · 5N · Velthorst 4 · 422 €</span></div></div><span class="h-pers">Familie</span></div>
-      <div class="hist-item cruise" data-type="cruise"><span class="h-em">🚢</span><div class="h-body"><div class="h-dest">AIDAprima Norwegen</div><div class="h-loc">Hamburg → Ålesund → Geiranger → Bergen → Hamburg</div><div class="h-meta"><span class="htag htag-cruise">Kreuzfahrt</span><span style="font-size:10px;color:#7A7060">15.06–22.06 · 7N VARIO · 1.998 € · #15808257</span></div></div><span class="h-pers">Familie</span></div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">Sonne und Strand · Følle Strand</div><div class="h-loc">Rønde · Dänemark</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">14.09–21.09 · 7N · Auftrag #1334308</span></div></div><span class="h-pers">Familie</span></div>
-    </div>
-
-    <div class="hist-group"><div class="year-lbl">2025</div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">Residence Berger Duinen</div><div class="h-loc">Bergen aan Zee · NL</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">24.–28.03 · 4N · 6-Pers.</span></div></div><span class="h-pers">Familie</span></div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">De Strabrechtse Vennen</div><div class="h-loc">Niederlande</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">14.–21.07 · 7N · Haus E8</span></div></div><span class="h-pers">Familie</span></div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🏡</span><div class="h-body"><div class="h-dest">EuroParcs Esonstad</div><div class="h-loc">Niederlande</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">27.–31.10 · 4N · 4B2</span></div></div><span class="h-pers">Familie</span></div>
-    </div>
-
-    <div class="hist-group"><div class="year-lbl">2026</div>
-      <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="h-em">🚤</span><div class="h-body"><div class="h-dest">De Reeuwijkse Plassen</div><div class="h-loc">Niederlande · Wasserhaus</div><div class="h-meta"><span class="htag htag-fh">Ferienhaus</span><span style="font-size:10px;color:#7A7060">30.03–03.04 · 4N · 4-Pers.-Wasserhaus #191</span></div></div><span class="h-pers">Familie</span></div>
-      <div class="hist-item hotel" data-type="hotel" style="border:2px dashed var(--gold);background:#FFFBF0;"><span class="h-em">❓</span><div class="h-body"><div class="h-dest">Sommerurlaub 2026 – TBD</div><div class="h-loc">noch nicht gebucht</div><div class="h-meta"><span class="htag" style="background:#FFF0CC;color:#B87A1A">Offen</span><span style="font-size:10px;color:#7A7060">ab 13. Juli · max. 3.600 €</span></div></div><span class="h-pers">Familie</span></div>
-    </div>
+    <div class="hist-year">2025</div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">Residence Berger Duinen</div><div class="hist-loc">Bergen aan Zee, NL</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">24.–28.03 · 4N</span></div></div><span class="hist-pers">Familie</span></div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">De Strabrechtse Vennen</div><div class="hist-loc">Niederlande</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">14.–21.07 · 7N · Haus E8</span></div></div><span class="hist-pers">Familie</span></div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🏡</span><div class="hist-body"><div class="hist-dest-name">EuroParcs Esonstad</div><div class="hist-loc">Niederlande</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">27.–31.10 · 4N</span></div></div><span class="hist-pers">Familie</span></div>
 
+    <div class="hist-year">2026</div>
+    <div class="hist-item ferienhaus" data-type="ferienhaus"><span class="hist-em">🚤</span><div class="hist-body"><div class="hist-dest-name">De Reeuwijkse Plassen</div><div class="hist-loc">Niederlande · 4-Pers.-Wasserhaus #191</div><div class="hist-tags"><span class="htag htag-fh">Ferienhaus</span><span class="htag" style="background:var(--bg2);color:var(--muted)">30.03–03.04 · 4N</span></div></div><span class="hist-pers">Familie</span></div>
+    <div class="hist-item" style="border:2px dashed var(--gold);background:var(--gold-light);" data-type="hotel"><span class="hist-em">❓</span><div class="hist-body"><div class="hist-dest-name" style="color:var(--gold)">Sommerurlaub 2026 – noch offen!</div><div class="hist-loc">Noch nicht gebucht · ab 13. Juli · max. 3.600 €</div><div class="hist-tags"><span class="htag" style="background:var(--gold);color:#fff">OFFEN</span></div></div><span class="hist-pers">Familie</span></div>
   </div>
 </div>
 
-<!-- ======= TAB: INFO ======= -->
-<div id="tab-info" class="content" style="display:none;">
+<!-- INFO TAB -->
+<div id="tab-info" class="tab-content">
   <div class="info-grid">
-
     <div class="info-card">
-      <h3>❌ Ausschlussliste</h3>
+      <div class="info-card-title">❌ Ausschlussliste</div>
       <ul class="info-list">
         <li class="excl">Türkei (Lea: definitiv raus)</li>
         <li class="excl">Ägypten (Lea: definitiv raus)</li>
         <li class="excl">Dänemark im Sommer (Lea: raus)</li>
-        <li class="excl">Schweden als Strandurlaub (Lea: nicht ihr Konzept)</li>
-        <li class="excl">Kroatien (überfüllt)</li>
-        <li class="excl">Griechenland (Korfu: Kindersitz mäßig)</li>
-        <li class="excl">AIDA Norwegen (waren 2024, Lea: kein Wdh.)</li>
-        <li class="excl">Keine Umsteigeflüge</li>
+        <li class="excl">Kroatien (aktuell überfüllt)</li>
+        <li class="excl">Griechenland (Korfu: Kindersitz-Problem)</li>
+        <li class="excl">AIDA Norwegen (2024 gemacht, Lea: kein Wdh.)</li>
+        <li class="excl">Kein Umsteigeflug (nur Direktflug)</li>
         <li class="excl">Kein anderer Flughafen als HAM oder HAJ</li>
+        <li class="excl">Unter 4 Sterne (außer Glamping-Village)</li>
         <li class="excl">P&V Cap d'Agde / Houlgate</li>
-        <li class="excl">Schweiz als Sommerhaupturlaub</li>
       </ul>
     </div>
-
     <div class="info-card">
-      <h3>🎯 Reiseprofil</h3>
+      <div class="info-card-title">✅ Reiseprofil 2026</div>
       <ul class="info-list">
-        <li>Nur Direktflüge ab Hamburg HAM oder Hannover HAJ</li>
-        <li>Mindestens 4 Sterne Hotel / gleichwertiges Camping-Village</li>
-        <li>Hotel oder Bungalow mit Pool als Basis</li>
-        <li>Täglich Mietwagen für eigenständige Touren</li>
-        <li>Felix 3,5J: Kinderclub, Strand, Pool – kein Sightseeing</li>
-        <li>Kindersitz bei Mietwagen: EU-Standard Pflicht</li>
+        <li>Direktflug nur HAM oder HAJ</li>
+        <li>Mind. 4 Sterne Hotel oder gleichwert. Resort</li>
+        <li>Pool als Basis · täglich Mietwagen</li>
+        <li>Felix 3,5J: Kinderclub, Strand, Pool</li>
+        <li>EU-Kindersitz bei Mietwagen Pflicht</li>
         <li>Lea: HP/AI bevorzugt, wenig Überraschungen</li>
-        <li>Till: Abwechslung, Fotografie-Wert, Portugal-Affinität</li>
-        <li>Caddy = Dienstwagen HHGmbH (keine persönl. Kosten)</li>
-        <li>Frieda (Hund, blind) bleibt zuhause</li>
+        <li>Till: Abwechslung, Fotografie-Wert</li>
+        <li>Caddy 2012 = Dienstwagen HHGmbH (keine pers. Kosten)</li>
+        <li>Frieda (Hund) bleibt zuhause</li>
       </ul>
     </div>
-
-    <div class="age-timeline">
-      <h3>📅 Felix-Alterskurve (Reiseziel-Tauglichkeit)</h3>
-      <div class="age-row">
-        <div class="age-badge">2026<br>3,5J</div>
-        <div class="age-content"><strong>Jetzt buchbar:</strong> Strand, Pool, Kinderclub ab 3J, Wasserrutschen, kurze Bootstouren. Kein Sightseeing, kein langer Flug (max. ~6h).</div>
-      </div>
-      <div class="age-row">
-        <div class="age-badge">2027<br>4J</div>
-        <div class="age-content"><strong>Bald möglich:</strong> + Burgen & Schlösser (Château de Gruyères!), Astrid Lindgrens Welt in Schweden, einfache Wanderwege, Tierparks.</div>
-      </div>
-      <div class="age-row">
-        <div class="age-badge">2028-29<br>5-6J</div>
-        <div class="age-content"><strong>Madeira-Fenster:</strong> + Levadas (kurze Etappen), Porto Moniz Lavapools. Norwegen Natur. Schweden Schären. Lea's "wenn Felix älter" Ziele werden realistisch.</div>
-      </div>
-      <div class="age-row">
-        <div class="age-badge">2030+<br>7J+</div>
-        <div class="age-content"><strong>Traum-Reisen:</strong> + Bali (Zeitzone, Jetlag, Gesundheit), Japan, Lappland Nordlichter-Trip, Neuseeland. Budget und Ausdauer stimmen dann.</div>
-      </div>
+    <div class="age-card">
+      <div class="age-card-title">📅 Felix-Alterskurve</div>
+      <div class="age-row"><div class="age-badge">2026<br>3,5J</div><div class="age-body"><strong>Jetzt:</strong> Strand, Pool, Kinderclub ab 3J, Wasserpark, kurze Bootstouren. Max. 6h Flug.</div></div>
+      <div class="age-row"><div class="age-badge">2027<br>4J</div><div class="age-body"><strong>Bald:</strong> + Burgen (Gruyères!), Astrid Lindgrens Welt Schweden, Tierparks.</div></div>
+      <div class="age-row"><div class="age-badge">2028-29<br>5-6J</div><div class="age-body"><strong>Madeira-Fenster:</strong> + Levadas, Lavapools. Schweden Schären. Norwegen Natur.</div></div>
+      <div class="age-row"><div class="age-badge">2030+<br>7J+</div><div class="age-body"><strong>Träume:</strong> + Bali, Japan, Lappland Nordlichter, Neuseeland.</div></div>
     </div>
-
-    <div class="special-box" style="border-left:4px solid var(--gold);">
-      <h3>🏔️ Schweiz – Als Herbsttrip ja, als Sommer nein</h3>
-      <div class="special-body">
-        Kein Pool-Hotel-Strand-Profil → passt nicht zum Sommer-Typ. <strong>Als Oktober-Kurztrip mit Freunden bei Fribourg ideal:</strong> Château de Gruyères (mittelalterliche Burg – Felix findet das mit 4J tatsächlich spannend!), Lac de Gruyères, Tagestour Lago Maggiore/Stresa (~2,5h) oder Lugano (~2h). Caddy im Herbst weniger riskant als Hochsommer.
-      </div>
+    <div class="info-card info-full">
+      <div class="info-card-title">⚡ Nächste Schritte</div>
+      <div class="step-row"><div class="step-num">1</div><div class="step-text"><strong>AIDA prüfen:</strong> aida.de Route PMI07307 – Sardinien-Route 13.–16. Juli? Korsika: 4.Juli oder 15.Aug. Kinder 35% Rabatt.</div></div>
+      <div class="step-row"><div class="step-num">2</div><div class="step-text"><strong>Glamping ASAP:</strong> Union Lido/Cavallino, Punta Lunga/Vieste. acsi.eu + pitchup.com. Juli-Plätze laufen ab!</div></div>
+      <div class="step-row"><div class="step-num">3</div><div class="step-text"><strong>Zusammen abstimmen:</strong> Jeder tippt seine Reaktion im Abstimmungs-Tab. Dann sieht man schnell was beide wollen.</div></div>
+      <div class="step-row"><div class="step-num">4</div><div class="step-text"><strong>Sardinien buchen:</strong> Eurowings/Ryanair HAM→OLB ab 13.Juli + Club Hotel Baja Sardinia oder Sporting Beach (booking.com).</div></div>
+      <div class="step-row"><div class="step-num">5</div><div class="step-text"><strong>Falls Kanaren:</strong> Taurito Princess c.24.de/pr/F8F2FX → 13.–20.Juli, 2 Erw + 1 Kind 3J. Kinderfestpreis aktiv.</div></div>
     </div>
-
-    <div class="steps-card">
-      <h3>⚡ Nächste Schritte Sommer 2026</h3>
-      <div class="step"><div class="step-num">1</div><div class="step-text"><strong>AIDA-Termin prüfen:</strong> aida.de Route "Mediterrane Schätze mit Sardinien" → Abfahrten 13.–20. Juli ab Mallorca? Route PMI07307. Kinder 35% Rabatt. Korsika+Sardinien: 4.Juli (zu früh) oder 15.August.</div></div>
-      <div class="step"><div class="step-num">2</div><div class="step-text"><strong>Glamping-Villages:</strong> Union Lido/Cavallino, Punta Lunga/Vieste, Hermitage/Sardinien. Portale: acsi.eu, pitchup.com. Juli läuft ab – JETZT prüfen.</div></div>
-      <div class="step"><div class="step-num">3</div><div class="step-text"><strong>Lea-Entscheidung:</strong> Dashboard zeigen → AIDA vs. Sardinien-Hotel vs. Glamping vs. Taurito. Dann buchen. Warten = weniger Auswahl + höhere Preise.</div></div>
-      <div class="step"><div class="step-num">4</div><div class="step-text"><strong>Sardinien:</strong> Eurowings/Ryanair HAM→OLB ab 13.Juli prüfen + Club Hotel Baja Sardinia (4★) oder Sporting Beach Hotel auf booking.com checken.</div></div>
-      <div class="step"><div class="step-num">5</div><div class="step-text"><strong>Falls Kanaren-Pflicht:</strong> Taurito Princess CHECK24-Link c.24.de/pr/F8F2FX – 13.–20. Juli, 2 Erw + 1 Kind 3J, Kinderfestpreis aktiv.</div></div>
-      <div class="step"><div class="step-num">6</div><div class="step-text"><strong>Schweiz Oktober:</strong> Château de Gruyères + Lago Maggiore – als Kurztrip separate Planung starten (Freunde fragen).</div></div>
-    </div>
-
   </div>
 </div>
 
+<!-- BOTTOM NAV -->
+<div class="bottom-nav">
+  <button class="bnav-item active" onclick="navTo('ideen',this)">
+    <div class="bnav-icon-wrap"><span class="icon">🗺️</span></div>
+    <span>Ideen</span>
+  </button>
+  <button class="bnav-item" onclick="navTo('abstimmung',this)">
+    <div class="bnav-icon-wrap"><span class="icon">📊</span><span class="badge" id="vote-badge" style="display:none">!</span></div>
+    <span>Abstimmung</span>
+  </button>
+  <button class="bnav-item" onclick="navTo('archiv',this)">
+    <div class="bnav-icon-wrap"><span class="icon">📖</span></div>
+    <span>Archiv</span>
+  </button>
+  <button class="bnav-item" onclick="navTo('info',this)">
+    <div class="bnav-icon-wrap"><span class="icon">⚡</span></div>
+    <span>Info</span>
+  </button>
+</div>
+
 <script>
-// PASSWORD
-(function(){
-  if(sessionStorage.getItem('hd_auth')==='1'){document.getElementById('gate').style.display='none';}
-})();
-function checkPw(){
-  if(document.getElementById('pw-input').value==='frediurlaub26'){
+// ======= AUTH =======
+(function(){if(sessionStorage.getItem('f24')==='1')document.getElementById('gate').style.display='none';})();
+function auth(){
+  if(document.getElementById('pw').value==='frediurlaub26'){
     document.getElementById('gate').style.display='none';
-    sessionStorage.setItem('hd_auth','1');
+    sessionStorage.setItem('f24','1');
+    renderVotes();buildVoteTable();renderSubmissions();
   } else {
     document.getElementById('pw-err').style.display='block';
-    document.getElementById('pw-input').style.borderColor='#C4582A';
-    setTimeout(()=>{document.getElementById('pw-input').style.borderColor='';},1500);
+    document.getElementById('pw').style.borderColor='var(--coral)';
+    setTimeout(()=>document.getElementById('pw').style.borderColor='',1500);
   }
 }
 
-// TABS
-function showTab(id,btn){
-  document.querySelectorAll('[id^="tab-"]').forEach(t=>t.style.display='none');
-  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  document.getElementById('tab-'+id).style.display='block';
+// ======= NAV =======
+function navTo(tab,btn){
+  document.querySelectorAll('.tab-content').forEach(t=>t.classList.remove('active'));
+  document.querySelectorAll('.bnav-item').forEach(b=>b.classList.remove('active'));
+  document.getElementById('tab-'+tab).classList.add('active');
   btn.classList.add('active');
+  if(tab==='abstimmung')buildVoteTable();
 }
 
-// FILTER CARDS
+// ======= CARD FILTER =======
 function fc(status,btn){
-  document.querySelectorAll('.filter-pill').forEach(p=>p.classList.remove('active'));
+  document.querySelectorAll('.filter-row .chip').forEach(p=>p.classList.remove('active'));
   btn.classList.add('active');
+  const map={'LATER':'SPÄTER'};
+  const s=map[status]||status;
   document.querySelectorAll('#dg .dest-card').forEach(card=>{
-    card.style.display=(status==='ALL'||card.dataset.status===status)?'':'none';
+    card.style.display=(s==='ALL'||card.dataset.status===s)?'':'none';
   });
 }
 
-// FILTER HISTORY
+// ======= HISTORY FILTER =======
 function fh(type,btn){
-  document.querySelectorAll('.filter-pill').forEach(p=>p.classList.remove('active'));
+  document.querySelectorAll('.filter-row .chip').forEach(p=>p.classList.remove('active'));
   btn.classList.add('active');
   document.querySelectorAll('#hl .hist-item').forEach(item=>{
     item.style.display=(type==='ALL'||item.dataset.type===type)?'':'none';
   });
-  document.querySelectorAll('#hl .hist-group').forEach(g=>{
-    const vis=[...g.querySelectorAll('.hist-item')].some(i=>i.style.display!=='none');
-    g.style.display=vis?'':'none';
+  document.querySelectorAll('#hl .hist-year').forEach(yr=>{
+    const sib=yr.nextElementSibling;
+    let found=false;
+    let el=sib;
+    while(el&&el.classList&&el.classList.contains('hist-item')){
+      if(el.style.display!=='none')found=true;
+      el=el.nextElementSibling;
+    }
+    yr.style.display=found?'':'none';
   });
 }
+
+// ======= DESTINATIONS MAP =======
+const DESTS=[
+  {id:'sardinien',name:'Sardinien',country:'🇮🇹 Italien'},
+  {id:'aida-kreuzfahrt',name:'AIDAcosma Kreuzfahrt',country:'🚢 Mittelmeer'},
+  {id:'algarve',name:'Algarve',country:'🇵🇹 Portugal'},
+  {id:'glamping',name:'Glamping Village IT',country:'🇮🇹 Italien'},
+  {id:'taurito',name:'Taurito Princess',country:'🇪🇸 Gran Canaria'},
+  {id:'fuerteventura',name:'Fuerteventura',country:'🇪🇸 Kanaren'},
+  {id:'menorca',name:'Menorca',country:'🇪🇸 Balearen'},
+  {id:'cote-azur',name:'Côte d\'Azur',country:'🇫🇷 Frankreich'},
+  {id:'schweiz',name:'Schweiz + Norditalien',country:'🇨🇭 / 🇮🇹'},
+  {id:'kapverden',name:'Kapverden',country:'🌍 Atlantik'},
+  {id:'malta',name:'Malta',country:'🇲🇹 Malta'},
+  {id:'lanzarote',name:'Lanzarote',country:'🇪🇸 Kanaren'},
+  {id:'costa-sol',name:'Costa del Sol',country:'🇪🇸 Andalusien'},
+  {id:'msc-kreuzfahrt',name:'MSC / TUI Cruises',country:'🚢 Mittelmeer'},
+  {id:'korsika',name:'Korsika',country:'🇫🇷 Frankreich'},
+  {id:'madeira',name:'Madeira',country:'🇵🇹 Portugal'},
+  {id:'schweden',name:'Schweden',country:'🇸🇪 Schweden'},
+  {id:'bali',name:'Bali',country:'🇮🇩 Indonesien'},
+];
+
+// ======= VOTING =======
+function getVotes(){return JSON.parse(localStorage.getItem('f24_votes')||'{}');}
+function saveVotes(v){localStorage.setItem('f24_votes',JSON.stringify(v));}
+
+function setVote(destId,person,val){
+  const v=getVotes();
+  if(!v[destId])v[destId]={};
+  v[destId][person]=v[destId][person]===val?null:val;
+  saveVotes(v);
+  renderVoteFor(destId);
+  buildVoteTable();
+  showToast(val==='love'?'❤️ Abgestimmt!':val==='maybe'?'🤔 Vielleicht':'❌ Nein danke');
+}
+
+function renderVoteFor(destId){
+  const el=document.getElementById('votes-'+destId);
+  const rv=document.getElementById('vr-'+destId);
+  if(!el||!rv)return;
+  const v=getVotes()[destId]||{};
+  el.innerHTML=['Till','Lea'].map(p=>`
+    <span style="font-size:10px;font-weight:600;color:var(--muted)">${p}:</span>
+    <button class="vote-btn${v[p]==='love'?' active-love':''}" onclick="setVote('${destId}','${p}','love')" title="${p}: Will ich!">❤️</button>
+    <button class="vote-btn${v[p]==='maybe'?' active-maybe':''}" onclick="setVote('${destId}','${p}','maybe')" title="${p}: Vielleicht">🤔</button>
+    <button class="vote-btn${v[p]==='no'?' active-no':''}" onclick="setVote('${destId}','${p}','no')" title="${p}: Nein">❌</button>
+  `).join('<span style="width:8px;display:inline-block"></span>');
+  const match=getMatch(v.Till,v.Lea);
+  rv.textContent=match;
+}
+
+function getMatch(till,lea){
+  if(!till&&!lea)return'';
+  if(till==='love'&&lea==='love')return'💚';
+  if((till==='love'||till==='maybe')&&(lea==='love'||lea==='maybe'))return'💛';
+  if(till==='no'||lea==='no')return'❌';
+  return'❓';
+}
+
+function renderVotes(){DESTS.forEach(d=>renderVoteFor(d.id));}
+
+function buildVoteTable(){
+  const tbl=document.getElementById('vote-summary-table');
+  if(!tbl)return;
+  const v=getVotes();
+  const rows=DESTS.map(d=>{
+    const dv=v[d.id]||{};
+    const te=dv.Till==='love'?'❤️':dv.Till==='maybe'?'🤔':dv.Till==='no'?'❌':'–';
+    const le=dv.Lea==='love'?'❤️':dv.Lea==='maybe'?'🤔':dv.Lea==='no'?'❌':'–';
+    const match=getMatch(dv.Till,dv.Lea)||'❓';
+    return`<div class="vote-row">
+      <div><div class="vote-dest-name">${d.name}</div><div class="vote-dest-country">${d.country}</div></div>
+      <div class="vote-emoji">${te}</div>
+      <div class="vote-emoji">${le}</div>
+      <div class="vote-summary">${match}</div>
+    </div>`;
+  }).join('');
+  tbl.innerHTML=`<div class="vote-row header"><div>Destination</div><div style="text-align:center">Till</div><div style="text-align:center">Lea</div><div style="text-align:center">Match</div></div>`+rows;
+}
+
+function exportVotes(){
+  const v=getVotes();
+  navigator.clipboard.writeText(JSON.stringify(v,null,2)).then(()=>showToast('📋 In Zwischenablage kopiert!'));
+}
+
+// ======= SUBMIT IDEA =======
+function openModal(){document.getElementById('modal-overlay').classList.add('open');}
+function closeModal(){document.getElementById('modal-overlay').classList.remove('open');}
+
+function submitIdea(){
+  const dest=document.getElementById('s-dest').value.trim();
+  if(!dest){document.getElementById('s-dest').style.borderColor='var(--coral)';return;}
+  const idea={
+    dest,
+    land:document.getElementById('s-land').value||'',
+    budget:document.getElementById('s-budget').value||'',
+    why:document.getElementById('s-why').value||'',
+    who:document.getElementById('s-who').value,
+    status:document.getElementById('s-status').value,
+    ts:new Date().toLocaleDateString('de')
+  };
+  const subs=JSON.parse(localStorage.getItem('f24_submissions')||'[]');
+  subs.push(idea);
+  localStorage.setItem('f24_submissions',JSON.stringify(subs));
+  closeModal();
+  showToast('💡 Idee eingereicht!');
+  renderSubmissions();
+  ['s-dest','s-land','s-budget','s-why'].forEach(id=>document.getElementById(id).value='');
+}
+
+function renderSubmissions(){
+  const subs=JSON.parse(localStorage.getItem('f24_submissions')||'[]');
+  const sec=document.getElementById('submissions-section');
+  const list=document.getElementById('sub-list');
+  if(!subs.length){sec.style.display='none';return;}
+  sec.style.display='block';
+  list.innerHTML=subs.map((s,i)=>`
+    <div class="sub-card">
+      <div style="display:flex;justify-content:space-between;align-items:flex-start">
+        <div>
+          <div class="sub-card-name">${s.dest} ${s.land?'– '+s.land:''}</div>
+          <div class="sub-card-meta">${s.ts} · ${s.status}${s.budget?' · ~'+s.budget+' €':''}</div>
+        </div>
+        <button onclick="deleteSubmission(${i})" style="background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:0">✕</button>
+      </div>
+      ${s.why?`<div class="sub-card-why">"${s.why}"</div>`:''}
+      <span class="sub-who sub-${s.who.toLowerCase().includes('till')&&s.who.toLowerCase().includes('lea')?'both':s.who.toLowerCase().includes('lea')?'lea':'till'}">${s.who}</span>
+    </div>
+  `).join('');
+}
+
+function deleteSubmission(i){
+  const subs=JSON.parse(localStorage.getItem('f24_submissions')||'[]');
+  subs.splice(i,1);
+  localStorage.setItem('f24_submissions',JSON.stringify(subs));
+  renderSubmissions();
+}
+
+// ======= SEARCH DEST =======
+function searchDest(id){
+  fc('ALL',document.querySelector('.filter-row .chip'));
+  const card=document.querySelector(`[data-id="${id}"]`);
+  if(card){setTimeout(()=>card.scrollIntoView({behavior:'smooth',block:'start'}),100);}
+}
+
+// ======= TOAST =======
+function showToast(msg){
+  const t=document.getElementById('toast');
+  t.textContent=msg;t.classList.add('show');
+  setTimeout(()=>t.classList.remove('show'),2500);
+}
+
+// ======= INIT =======
+window.addEventListener('load',()=>{
+  if(sessionStorage.getItem('f24')==='1'){
+    renderVotes();buildVoteTable();renderSubmissions();
+  }
+});
 </script>
 </body>
 </html>
