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)
This commit is contained in:
Till Heidrich
+588
@@ -0,0 +1,588 @@
|
||||
<!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 (7–10 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>
|
||||
|
|
||||
✅ Lea okay: <strong>Sardinien · Korsika · Algarve · AIDA</strong>
|
||||
|
|
||||
🧒 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>25–28°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 3–6J + 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>30–35°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 Hamburg–Olbia 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>30–35°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>25–28°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>25–28°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>28–33°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>30–50% 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>25–28°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 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 · 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 (2–12J) gilt Mai–Sep 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>22–25°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>22–25°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>22–28°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>32–38°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 17–19°C = kein Baden für Felix</span><span class="budget-val">–</span></div>
|
||||
<div class="card-body">
|
||||
<ul class="con-list">
|
||||
<li>Wassertemperatur 17–19°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.07–07.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.07–28.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.07–15.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.08–20.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.08–22.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.10–05.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.03–28.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.06–22.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.09–21.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.03–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 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.03–03.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.07–21.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.10–31.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, 3–4 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>
|
||||
Reference in New Issue
Block a user