Files
holiday-2026/index.html
T
Till Heidrich 00ed65ce1a feat: Urlaub 2026 Dashboard initial
- Dashboard mit 9 Destinationen (TOP/OK/MAYBE/NEIN)
- Neue Idee: Glamping/Camping-Village Italien
- Château de Gruyères als Felix-kompatible Schweiz-Option
- Reisehistorie 2019–2025 vollständig
- Dokumentation für AI-Agenten (REQUIREMENTS, DESTINATIONS, HISTORY, NOTES)
2026-05-26 11:51:12 +00:00

589 lines
37 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>Urlaub 2026 · Familie Heidrich</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;
}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:14px;min-height:100vh;}
.header{background:var(--teal);color:var(--white);padding:20px 24px 14px;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:24px;line-height:1.1;}
.header-title em{font-style:italic;color:#A8D4CF;}
.header-meta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.meta-pill{background:rgba(255,255,255,0.12);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;color:#D4EEE8;}
.meta-pill.budget{background:rgba(184,122,26,0.45);color:#FFD580;}
.tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--sand);padding:0 16px;overflow-x:auto;}
.tab{padding:12px 18px;font-size:13px;font-weight:600;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{padding:20px 16px;max-width:1100px;margin:0 auto;}
.constraints{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:12px 16px;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:16px;}
.filter-pill{padding:4px 12px;border-radius:20px;border:1px solid var(--sand);background:var(--card);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--muted);}
.filter-pill.active{background:var(--teal);border-color:var(--teal);color:white;}
.dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:14px;}
.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:.65;}
.card-top{padding:14px 16px 8px;display:flex;align-items:flex-start;gap:10px;}
.dest-emoji{font-size:28px;line-height:1;flex-shrink:0;}
.dest-info{flex:1;min-width:0;}
.dest-name{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;line-height:1.2;}
.dest-sub{font-size:11px;color:var(--muted);margin-top:2px;}
.sbadge{flex-shrink:0;padding:3px 10px;border-radius:20px;font-size:10px;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-MAYBE{background:#7A7060;}.s-NEIN{background:#C4582A;}
.scores{display:flex;gap:8px;padding:6px 16px;background:var(--bg2);}
.sc{flex:1;}
.sc-label{font-size:9px;color:var(--muted);font-weight:600;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em;}
.sc-bar{height:4px;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:8px;padding:6px 16px;flex-wrap:wrap;}
.stat{font-size:11px;color:var(--muted);}
.stat b{color:var(--text);}
.card-budget{padding:7px 16px;background:var(--bg);display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.budget-val{font-weight:700;color:var(--teal);font-size:13px;}
.card-body{padding:10px 16px 14px;}
.highlight{font-size:12px;color:var(--teal2);font-weight:600;font-style:italic;margin-bottom:8px;}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.pro-list,.con-list{font-size:11px;line-height:1.65;}
.pro-list li{list-style:none;padding-left:14px;position:relative;}
.pro-list li::before{content:"✓";position:absolute;left:0;color:#1A4B47;font-weight:700;}
.con-list li{list-style:none;padding-left:14px;position:relative;}
.con-list li::before{content:"✗";position:absolute;left:0;color:#C4582A;font-weight:700;}
.card-note{margin-top:8px;padding:6px 10px;background:var(--bg);border-radius:6px;font-size:11px;color:var(--muted);border-left:2px solid var(--gold);}
.section-title{font-family:'Playfair Display',serif;font-size:18px;color:var(--teal);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.section-title::after{content:'';flex:1;height:1px;background:var(--sand);}
.hist-group{margin-bottom:18px;}
.year-lbl{font-family:'Playfair Display',serif;font-size:18px;color:var(--teal);margin-bottom:8px;padding-left:20px;}
.hist-item{display:flex;gap:10px;align-items:flex-start;padding:8px 12px 8px 20px;background:var(--card);border-radius:8px;margin-bottom:5px;position:relative;}
.hist-item::before{content:'';position:absolute;left:8px;top:50%;width:8px;height:8px;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.storno::before{background:#bbb;}
.h-em{font-size:18px;flex-shrink:0;}
.h-body{flex:1;}
.h-dest{font-weight:600;font-size:13px;}
.h-loc{font-size:11px;color:var(--muted);}
.h-meta{display:flex;gap:6px;margin-top:3px;align-items:center;flex-wrap:wrap;}
.htag{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:600;}
.htag-hotel{background:#D4EEE8;color:#1A4B47;}
.htag-cruise{background:#FAE0D4;color:#C4582A;}
.htag-ferienhaus{background:#FFF0CC;color:#B87A1A;}
.htag-storno{background:#E8E8E8;color:#888;}
.h-pers{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.info-card{background:var(--card);border-radius:12px;padding:16px;}
.info-card h3{font-family:'Playfair Display',serif;font-size:16px;color:var(--teal);margin-bottom:10px;}
.info-list{font-size:12px;line-height:1.85;}
.info-list li{list-style:none;padding-left:14px;position:relative;margin-bottom:2px;}
.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:18px;}
.special-box.schweiz{border-left:4px solid var(--gold);}
.special-box h3{font-family:'Playfair Display',serif;font-size:17px;margin-bottom:8px;}
.schweiz-verdict{font-size:13px;font-weight:700;color:var(--terra);margin-bottom:10px;}
.special-body{font-size:12px;color:var(--muted);line-height:1.75;}
.steps-card{grid-column:1/-1;background:var(--card);border-radius:12px;padding:16px;}
.steps-card h3{font-family:'Playfair Display',serif;font-size:16px;color:var(--teal);margin-bottom:10px;}
.step{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--bg);}
.step:last-child{border-bottom:none;}
.step-num{width:22px;height:22px;border-radius:50%;background:var(--teal);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.step-text{font-size:12px;line-height:1.6;}
.step-text strong{color:var(--teal);}
@media(max-width:600px){
.info-grid{grid-template-columns:1fr;}
.pros-cons{grid-template-columns:1fr;}
}
</style>
</head>
<body>
<div class="header">
<div class="header-top">
<div class="header-title">Heidrich <em>Urlaub 2026</em></div>
<div style="font-size:11px;opacity:0.65;text-align:right;">Till · Lea · Felix (3,5 J.)<br>Stand 26. Mai 2026</div>
</div>
<div class="header-meta">
<span class="meta-pill">📅 ab 13. Juli 2026</span>
<span class="meta-pill">⏱ flexibel (710 Nächte)</span>
<span class="meta-pill budget">💶 Budget max. 3.600 €</span>
<span class="meta-pill">🏖️ Hotel+Pool → täglich Mietwagen</span>
<span class="meta-pill">✈️ Abflug Hamburg HAM</span>
</div>
</div>
<div class="tabs">
<button class="tab active" onclick="showTab('ideen',this)">Ideen & Destinationen</button>
<button class="tab" onclick="showTab('historie',this)">Reisehistorie</button>
<button class="tab" onclick="showTab('info',this)">Infos & Nächste Schritte</button>
</div>
<!-- IDEEN -->
<div id="tab-ideen" class="content">
<div class="constraints">
❌ NEIN: <strong>Türkei · Ägypten · Dänemark/Schweden Sommer · Kroatien · Griechenland (Kindersitz)</strong>
&nbsp;|&nbsp;
✅ Lea okay: <strong>Sardinien · Korsika · Algarve · AIDA</strong>
&nbsp;|&nbsp;
🧒 Felix (3,5J): <strong>Kinderclub od. Strand 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('MAYBE',this)">🤔 Vielleicht</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 2h + Schiff</b></span>
<span class="stat">🌡️ <b>2528°C</b></span>
<span class="stat">📅 <b>Termin prüfen!</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 organisiert nichts</div>
<div class="pros-cons">
<ul class="pro-list">
<li>Korsika + Sardinien + Rom kombiniert</li>
<li>Felix Kids-Club 36J + 3 Rutschen</li>
<li>Lea muss nichts planen</li>
<li>AIDA kennt ihr seit 2 Reisen</li>
</ul>
<ul class="con-list">
<li>Korsika-Route: 4.Juli (zu früh!) oder 15.Aug</li>
<li>18.Juli = Gibraltar-Route (weniger gut)</li>
<li>Kein Mietwagen-Feeling</li>
<li>Innenkabine = kein Fenster</li>
</ul>
</div>
<div class="card-note">⚠️ <strong>Aktion:</strong> aida.de Route PMI07307 direkt prüfen gibt es Sardinien-Route 13.16. Juli? Kinder 35% Rabatt auf Erwachsenenpreis.</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 · 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 2:20h Direkt</b></span>
<span class="stat">🌡️ <b>3035°C Juli</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 HamburgOlbia 2:20h</li>
<li>Traumstrände (La Pelosa, Principe)</li>
<li>Lea hat Sardinien okayed</li>
<li>Sehr kinderfreundlich (Italianità)</li>
</ul>
<ul class="con-list">
<li>3035°C im Juli sehr heiß</li>
<li>Kein AI = mehr Eigenplanung</li>
<li>Costa Smeralda im Juli teuer + voll</li>
</ul>
</div>
<div class="card-note">Hotels: Club Hotel Baja Sardinia (4★), Sporting Beach Hotel. Nordsardinien bevorzugen statt Costa Smeralda Hotspot.</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 3:30h Direkt</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 Mittelmeer-Klima · Spektakuläre Touren · Bestes Budget</div>
<div class="pros-cons">
<ul class="pro-list">
<li>2528°C = ideales Klima für Felix</li>
<li>Cabo de São Vicente, Lagos = Mietwagen-Gold</li>
<li>Ruhige Orte: Carvoeiro, Praia da Luz</li>
<li>EU-Standards, nicht CHECK24-Mainstream</li>
</ul>
<ul class="con-list">
<li>Lea: "zu spontan, zu neu"</li>
<li>Weniger AI-Auswahl als Kanaren</li>
</ul>
</div>
<div class="card-note">Orte: Carvoeiro, Alvor, Praia da Luz (ruhiger als Albufeira). HP sinnvoller als AI ihr esst täglich unterwegs bei Mietwagen-Touren.</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 Italien</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:75%"></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 (Veneto) 2h</b></span>
<span class="stat">🌡️ <b>2833°C Juli</b></span>
<span class="stat">📅 <b>ab 13. Juli · 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.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="pros-cons">
<ul class="pro-list">
<li>Direkter Meerzugang + eigener Pool</li>
<li>Kinderclub, Animation, Strand</li>
<li>3050% günstiger als Hotel</li>
<li>Sehr familienfreundlich</li>
<li>Absolutes Neuland · Nicht CHECK24</li>
</ul>
<ul class="con-list">
<li>Komfort ≠ 4★-Hotel (Küche selbst)</li>
<li>Qualität stark je nach Anlage</li>
<li>Top-Anlagen für Juli schnell ausgebucht</li>
</ul>
</div>
<div class="card-note">Kandidaten: Union Lido Cavallino (Venetien), Camping Punta Lunga/Vieste (Gargano), Hermitage Torre Grande (Sardinien). Buchung: acsi.eu · camping.info · 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 5:00h</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.700 3.400 €</span></div>
<div class="card-body">
<div class="highlight">Lea's Favorit · Felix Mini-Club 36J · Keine Überraschungen</div>
<div class="pros-cons">
<ul class="pro-list">
<li>Lea will es ausdrücklich</li>
<li>Felix Mini-Club + Kinderpool</li>
<li>Wasserpark Lago Taurito in 5 Min</li>
<li>AI-Vollversorgung</li>
</ul>
<ul class="con-list">
<li>4. Kanaren-Reise in 4 Jahren</li>
<li>Till will was anderes erleben</li>
<li>AI-Bunker ohne Abwechslung</li>
</ul>
</div>
<div class="card-note">Link: c.24.de/pr/F8F2FX · Kinderfestpreis (212J) gilt MaiSep 2026 · Felix zahlt vergünstigt.</div>
</div>
</div>
<!-- MADEIRA -->
<div class="dest-card" data-status="MAYBE">
<div class="card-top">
<span class="dest-emoji">🌺</span>
<div class="dest-info">
<div class="dest-name">Madeira</div>
<div class="dest-sub">Dritter Anlauf · Levadas · Porto Moniz Lavapools</div>
</div>
<span class="sbadge s-MAYBE">MAYBE</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:40%"></div></div></div>
<div class="sc"><div class="sc-label">Lea 👩</div><div class="sc-bar"><div class="sc-fill l" style="width:75%"></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 4:30h</b></span>
<span class="stat">🌡️ <b>2225°C (ideal!)</b></span>
<span class="stat">📅 <b>ab 13. Juli ✓</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">Mildestes Klima aller Optionen · 2× gebucht, noch nie geflogen</div>
<div class="pros-cons">
<ul class="pro-list">
<li>2225°C = perfektes Klima für Felix</li>
<li>Mietwagen-Paradies (Levadas, Pico Arieiro)</li>
<li>Lea+Till haben es 2× gebucht → Vertrautheit</li>
<li>Whale-Watching (Felix gratis unter 5)</li>
</ul>
<ul class="con-list">
<li>Kaum Sandstrand (Hotelpool = Hauptbadeort)</li>
<li>2× Corona-Storno-Jinx?</li>
<li>Felix braucht Strandoptionen</li>
</ul>
</div>
<div class="card-note">Lea+Till haben Madeira 2× wegen Corona storniert dritter Anlauf wäre ein schönes Kapitel. Porto Moniz Lavapools als Strandersatz für Felix.</div>
</div>
</div>
<!-- SCHWEIZ -->
<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">ALS SOMMER RAUS</span>
</div>
<div class="card-stats">
<span class="stat">🚗 <b>860 km Caddy 2012 = Risiko</b></span>
<span class="stat">🌡️ <b>2228°C Schweiz</b></span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Schweizer Hotels teuer / Freunde</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 besuchen</li>
<li>Château de Gruyères Felix findet mittelalterliche Burgen mit Zugbrücke spannend!</li>
<li>Tagestour Lago Maggiore (2,5h)</li>
</ul>
<ul class="con-list">
<li>Kein Pool-Hotel-Strandprofil</li>
<li>Caddy 2012: 860km im Sommer riskant</li>
<li>Schweizer Hotels sehr teuer</li>
</ul>
</div>
<div class="card-note">→ Als Herbst-Wochenendtrip (Oktober) mit Freunden + Tagestour Stresa oder Lugano perfekt. Château de Gruyères + Lag Maggiore = Felix-kompatibles Programm.</div>
</div>
</div>
<!-- P&V AGDE -->
<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</div>
<div class="dest-sub">Lea's Idee · Südfrankreich</div>
</div>
<span class="sbadge s-NEIN">NEIN</span>
</div>
<div class="card-budget"><span style="color:var(--muted)">1.500 km Anreise Caddy = nicht vertretbar</span><span class="budget-val"></span></div>
<div class="card-body">
<ul class="con-list">
<li>1.500 km Caddy 2012 mit Felix</li>
<li>Cap d'Agde = Party-Region</li>
<li>3238°C Hitze + zu weit</li>
</ul>
</div>
</div>
<!-- P&V HOULGATE -->
<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 Houlgate, Normandie</div>
<div class="dest-sub">Lea's Idee · Atlantik-Frankreich</div>
</div>
<span class="sbadge s-NEIN">NEIN</span>
</div>
<div class="card-budget"><span style="color:var(--muted)">Atlantik 1719°C = kein Baden für Felix</span><span class="budget-val"></span></div>
<div class="card-body">
<ul class="con-list">
<li>Wassertemperatur 1719°C im Juli</li>
<li>Normannisches Wetter unsicher</li>
<li>900 km Anfahrt mit Kind</li>
</ul>
</div>
</div>
</div>
</div>
<!-- HISTORIE -->
<div id="tab-historie" class="content" style="display:none;">
<div class="section-title">Reisehistorie Familie Heidrich</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>
</div>
<div id="hl">
<div class="hist-group"><div class="year-lbl">2019</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</div><div class="h-meta"><span class="htag htag-hotel">Hotel</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>
<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</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>
<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</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</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 € · Buchung #14997795</span></div></div><span class="h-pers">Till + Lea + Felix + Astrid Junker</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</span><span style="font-size:10px;color:#7A7060">20.0822.08 · 2N HP · 546 € · CHECK24 #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-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">01.1005.10 · 4N</span></div></div><span class="h-pers">Till + Lea + Felix</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-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">23.0328.03 · 5N · Velthorst 4 · 422 €</span></div></div><span class="h-pers">Till + Lea + Felix</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 → Åndalsnes → 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 € · Buchung #15808257</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">Sonne und Strand · Følle Strand</div><div class="h-loc">Rønde · Dänemark</div><div class="h-meta"><span class="htag htag-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">14.0921.09 · 7N · Auftrag #1334308-2700512</span></div></div><span class="h-pers">Till + Lea + Felix</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-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">24.0328.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 Reeuwijkse Plassen</div><div class="h-loc">Niederlande</div><div class="h-meta"><span class="htag htag-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">30.0303.04 · 4N</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-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">14.0721.07 · 7N</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-ferienhaus">Ferienhaus</span><span style="font-size:10px;color:#7A7060">27.1031.10 · 4N</span></div></div><span class="h-pers">Familie</span></div>
</div>
<div class="hist-group"><div class="year-lbl" style="color:#aaa">Storniert (Corona)</div>
<div class="hist-item storno" data-type="storno"><span class="h-em"></span><div class="h-body"><div class="h-dest">Madeira (2× geplant, nie geflogen)</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">2020 + 2021 · COVID-19</span></div></div><span class="h-pers">Till + Lea</span></div>
</div>
</div>
</div>
<!-- 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 Sommer (Lea: raus)</li>
<li class="excl">Schweden Sommer (Lea: raus)</li>
<li class="excl">Kroatien (überfüllt)</li>
<li class="excl">Griechenland (Korfu: Kindersitz-Standards mäßig)</li>
<li class="excl">P&V Cap d'Agde (1.500 km Anreise)</li>
<li class="excl">P&V Houlgate Normandie (Atlantik 17°C)</li>
<li class="excl">Schweiz als Sommerhaupturlaub (kein Pool/Strand-Profil)</li>
</ul>
</div>
<div class="info-card">
<h3>🎯 Reiseprofil Familie</h3>
<ul class="info-list">
<li>Hotel 4★ mit Pool ODER Bungalow/Camping-Village mit Pool + Strand</li>
<li>Täglich Mietwagen für eigenständige Ausflüge</li>
<li>Felix 3,5J: Kinderclub/Strand/Pool Sightseeing öde</li>
<li>Kindersitz-Zuverlässigkeit: EU-Standard Pflicht</li>
<li>Lea: bevorzugt HP oder AI, wenig Überraschungen bei neuen Zielen</li>
<li>Till: will Abwechslung jenseits der Kanaren-Schleife</li>
<li>Caddy 2012: max. ~600 km Eigenanreise vertretbar</li>
<li>Budget: max. 3.600 € total inkl. Flug + Unterkunft + Mietwagen</li>
</ul>
</div>
<div class="special-box schweiz">
<h3>🏔️ Schweiz: Warum raus als Sommerurlaub aber als Herbsttrip perfekt</h3>
<div class="schweiz-verdict">Freunde bei Fribourg → als Oktober-Kurztrip planen</div>
<div class="special-body">
<strong>Warum kein Sommerhaupturlaub:</strong> Kein Pool-Hotel-Strand-Profil, Caddy 2012 auf 860 km im Hochsommer Risiko, Schweizer Hotels astronomisch teuer.<br><br>
<strong>Was aber spannend wäre:</strong> Château de Gruyères (mittelalterliche Burg mit Zugbrücke Felix würde das tatsächlich spannend finden!), Lac de Gruyères zum Schwimmen, Tagestour Lago Maggiore/Stresa (~2,5h) oder Lugano (~2h) traumhaft.<br><br>
<strong>Empfehlung:</strong> Herbst-Wochenendtrip Oktober, 34 Tage, Bahn oder Caddy (kühler = vertretbarer), Freunde besuchen + Burg Gruyères + Norditalien-Tagestour.
</div>
</div>
<div class="steps-card">
<h3>⚡ Nächste Schritte</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? Route PMI07307. Kinder-35%-Rabatt einholen. <em>Korsika+Sardinien: 4.Juli (zu früh) oder 15.Aug.</em></div></div>
<div class="step"><div class="step-num">2</div><div class="step-text"><strong>Glamping recherchieren:</strong> Union Lido Cavallino (Venetien), Punta Lunga/Vieste (Gargano), Hermitage/Sardinien. Portale: acsi.eu, camping.info, pitchup.com. Juli-Hochsaison läuft ab!</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. Dann buchen. Warten kostet Verfügbarkeit.</div></div>
<div class="step"><div class="step-num">4</div><div class="step-text"><strong>Sardinien-Verfügbarkeit:</strong> Flug HAM→OLB ab 13. Juli + Club Hotel Baja Sardinia oder Sporting Beach Hotel. Booking.com + TUI vergleichen.</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) öffnen, Datum 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 (separat):</strong> Als Herbst-Wochenendtrip Oktober planen. Château de Gruyères + Lago Maggiore Tagestour.</div></div>
</div>
</div>
</div>
<script>
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');
}
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';
});
}
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>