Files
holiday-2026/index.html
T
Till Heidrich 53b2e37611 feat: Großes Update – Passwort, komplette Airbnb-Historie, Traumziele-Tab
Änderungen:
- Passwort-Gate (frediurlaub26, client-side sessionStorage)
- Rebrand zu 'Heidrich Reise-Planer' (nicht mehr nur 2026)
- Neuer Tab 'Traumziele': Bali, Schweden, Madeira (später), Norwegen solo, Lappland
- Airbnb-Historie vollständig: 2015 (London/Jasper), 2016-17 (Till solo), 2018 (Schweden/Familie), 2019-20 (mit Lea)
- De Reeuwijkse Plassen: korrigiert auf 2026 (nicht 2025)
- Constraint: nur HAM oder HAJ, nur Direktflüge, mind. 4 Sterne
- Caddy: als Dienstwagen HHGmbH erklärt (keine persönl. Kosten)
- Madeira: Status 'SPÄTER' (Lea: wenn Felix älter ist)
- AIDA Norwegen: als 'schon gemacht' markiert
- Felix-Alterskurve im Info-Tab
- Château de Gruyères: als Felix-kompatible Schweiz-Option ergänzt
- Glamping Camping-Village IT als neue TOP-Idee
- Alle Ex-Referenzen entfernt
2026-05-26 12:07:43 +00:00

901 lines
55 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<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">
<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;
}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:14px;min-height:100vh;}
/* 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;}
/* 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;}
/* 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);}
/* 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;}
/* 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);}
.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-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;}
/* 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;}
/* 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;}
/* 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;}
.step-text{font-size:11px;line-height:1.6;}
.step-text strong{color:var(--teal);}
/* 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);}
@media(max-width:600px){
.info-grid{grid-template-columns:1fr;}
.pros-cons{grid-template-columns:1fr;}
}
</style>
</head>
<body>
<!-- PASSWORD 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>
</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>
<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>
</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>
<!-- ======= 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">
<!-- 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>
</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>2528°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 36J + 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>
</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>
<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>
<div class="card-stats">
<span class="stat">✈️ <b>HAM→OLB Direkt 2:20h ✓</b></span>
<span class="stat">🌡️ <b>3035°C</b></span>
<span class="stat">📅 <b>ab 13. Juli ✓</b></span>
</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="pros-cons">
<ul class="pro-list">
<li>Direktflug HAMOlbia 2:20h</li>
<li>Traumstrände (La Pelosa, Principe)</li>
<li>Lea hat Sardinien okayed</li>
<li>Sehr kinderfreundlich</li>
</ul>
<ul class="con-list">
<li>3035°C im Juli sehr heiß</li>
<li>Kein AI = mehr Eigenplanung</li>
<li>Costa Smeralda teuer+voll</li>
</ul>
</div>
<div class="card-note">Hotels: Club Hotel Baja Sardinia (4★), Sporting Beach Hotel. Nordsardinien bevorzugen.</div>
</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-name">Algarve, Portugal</div>
<div class="dest-sub">Carvoeiro · Lagos · Atlantik-Klippenküste</div>
</div>
<span class="sbadge s-TOP">TOP</span>
</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>
<div class="card-stats">
<span class="stat">✈️ <b>HAM→FAO Direkt 3:30h ✓</b></span>
<span class="stat">🌡️ <b>2528°C (Atlantik kühlt)</b></span>
<span class="stat">📅 <b>ab 13. Juli ✓</b></span>
</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="pros-cons">
<ul class="pro-list">
<li>2528°C = ideal für Felix</li>
<li>Cabo de São Vicente, Lagos, Sagres</li>
<li>Ruhig: Carvoeiro, Praia da Luz</li>
<li>Nicht CHECK24-Mainstream</li>
</ul>
<ul class="con-list">
<li>Lea: "zu spontan, zu neu"</li>
<li>Weniger AI-Auswahl</li>
</ul>
</div>
<div class="card-note">HP sinnvoller als AI ihr esst täglich unterwegs. Orte: Carvoeiro oder Praia da Luz.</div>
</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-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>
<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>
<div class="card-stats">
<span class="stat">✈️ <b>z.B. HAM→VCE Direkt 2h</b></span>
<span class="stat">🌡️ <b>2833°C</b></span>
<span class="stat">📅 <b>ASAP buchen!</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Flug + Bungalow + Mietwagen (günstiger als Hotel!)</span><span class="budget-val">~2.2003.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="pros-cons">
<ul class="pro-list">
<li>Direkter Meerzugang + Pool</li>
<li>Kinderclub, Animation, Strand</li>
<li>3050% 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>
</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>
</div>
<!-- TAURITO -->
<div class="dest-card" data-status="OK">
<div class="card-top">
<span class="dest-emoji">🌴</span>
<div class="dest-info">
<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>
<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>
<div class="card-stats">
<span class="stat">✈️ <b>HAM→LPA Direkt 5h ✓</b></span>
<span class="stat">🌡️ <b>2528°C (Passat)</b></span>
<span class="stat">📅 <b>ab 13. Juli ✓</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">CHECK24 Pauschal AI · Kinderfestpreis MaiSep</span><span class="budget-val">2.7003.400 €</span></div>
<div class="card-body">
<div class="highlight">Lea's Favorit · Felix Mini-Club 36J · Bewährtes Konzept</div>
<div class="pros-cons">
<ul class="pro-list">
<li>Lea will es ausdrücklich</li>
<li>Felix Mini-Club + Kinderpool</li>
<li>AI-Vollversorgung</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>
</ul>
</div>
<div class="card-note">Link: c.24.de/pr/F8F2FX · Kinderfestpreis (212J) gilt MaiSep 2026.</div>
</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>
<span class="sbadge s-SPÄTER">WENN FELIX ÄLTER</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: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>
<div class="card-stats">
<span class="stat">✈️ <b>HAM→FNC Direkt 4:30h</b></span>
<span class="stat">🌡️ <b>2225°C (ideal!)</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Flug + Hotel HP 7N</span><span class="budget-val">2.6003.200 €</span></div>
<div class="card-body">
<div class="highlight">Lea sagt: "Wenn Felix älter ist" 2028/29 realistisch</div>
<div class="pros-cons">
<ul class="pro-list">
<li>2225°C = perfektes Klima</li>
<li>Mietwagen-Paradies (Levadas)</li>
<li>2× Corona-Storno 3. Anlauf!</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>
</ul>
</div>
<span class="felix-age">📅 Ab Felix 5J+ (ca. 2028)</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-name">Schweiz + Norditalien</div>
<div class="dest-sub">Fribourg · Gruyères · Lago Maggiore</div>
</div>
<span class="sbadge s-NEIN">SOMMER NEIN</span>
</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="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>Tagestour Lago Maggiore (2,5h)</li>
</ul>
<ul class="con-list">
<li>Kein Pool/Strand-Profil</li>
<li>Schweizer Hotels teuer</li>
<li>Caddy 860km im Sommer</li>
</ul>
</div>
<div class="card-note">→ Als Herbst-Wochenendtrip (Oktober) mit Château de Gruyères + Lago Maggiore perfekt.</div>
</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>
<span class="sbadge s-NEIN">NEIN</span>
</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>
<div class="card-stats">
<span class="stat">✈️ <b>HAM/FRADPS ~1316h (Stopp unvermeidbar)</b></span>
<span class="stat">🌡️ <b>2832°C ganzjährig</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Flug + Villa + Mietwagen</span><span class="budget-val">5.0008.000 €</span></div>
<div class="card-body">
<div class="highlight">Persönliche Verbindung: Jenny's Mann kommt aus Bali</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>
</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>
</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 78J (ca. 2030+)</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-name">Schweden</div>
<div class="dest-sub">Bohuslän-Schären · Dalarna · Astrid Lindgrens Welt</div>
</div>
<span class="sbadge s-SPÄTER">TILLS HERZENSTHEMA</span>
</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>1824°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.5003.500 €</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 HAMGö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>2225°C (ideal!)</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Flug + Hotel HP 7N</span><span class="budget-val">2.6003.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>1520°C Sommer</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Ferienhaus + Mietwagen</span><span class="budget-val">3.0004.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>JanuarMärz (Nordlichter-Saison)</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Winterpaket + Aktivitäten</span><span class="budget-val">3.5005.000 €</span></div>
<div class="card-body">
<div class="highlight">Für Felix wenn er etwas älter Husky, Nordlichter, Schnee</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>
</ul>
<span class="felix-age">📅 Winter 2028/29 wenn Felix 5-6J</span>
</div>
</div>
</div>
</div>
<!-- ======= TAB: HISTORIE ======= -->
<div id="tab-historie" class="content" style="display:none;">
<div class="section-title">Vollständige Reisehistorie</div>
<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>
</div>
<div id="hl">
<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-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-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-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-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.0707.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-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-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.0728.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-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.0715.07 · 7N HP · 3.276 € · CHECK24 #12852050</span></div></div><span class="h-pers">Till + Lea</span></div>
</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.0820.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.0822.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.1005.10 · 4N</span></div></div><span class="h-pers">Familie</span></div>
</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.0328.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.0622.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.0921.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.0303.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>
</div>
<!-- ======= TAB: INFO ======= -->
<div id="tab-info" class="content" style="display:none;">
<div class="info-grid">
<div class="info-card">
<h3>❌ Ausschlussliste</h3>
<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">Kein anderer Flughafen als HAM oder HAJ</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>
<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>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>
</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>
<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>
<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>
<script>
// PASSWORD
(function(){
if(sessionStorage.getItem('hd_auth')==='1'){document.getElementById('gate').style.display='none';}
})();
function checkPw(){
if(document.getElementById('pw-input').value==='frediurlaub26'){
document.getElementById('gate').style.display='none';
sessionStorage.setItem('hd_auth','1');
} else {
document.getElementById('pw-err').style.display='block';
document.getElementById('pw-input').style.borderColor='#C4582A';
setTimeout(()=>{document.getElementById('pw-input').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';
btn.classList.add('active');
}
// FILTER CARDS
function fc(status,btn){
document.querySelectorAll('.filter-pill').forEach(p=>p.classList.remove('active'));
btn.classList.add('active');
document.querySelectorAll('#dg .dest-card').forEach(card=>{
card.style.display=(status==='ALL'||card.dataset.status===status)?'':'none';
});
}
// FILTER HISTORY
function fh(type,btn){
document.querySelectorAll('.filter-pill').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';
});
}
</script>
</body>
</html>