PageSourceSearch

https://www.dom-rep.de/

html dom-rep.de collected 2026-10-03 02:42:46 UTC 85,359 bytes, 1,072 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Reiseführer Dominikanische Republik 2026 - Insider-Tipps & Deals</title>
7    <meta name="description" content="Dein Premium-Portal für den Dom Rep Urlaub. Wetter, Sicherheit, Hotels und die schönsten Regionen wie Punta Cana & Samaná im Experten-Check.">
8        <link rel="canonical" href="https://www.dom-rep.de/">
9    <!-- Open Graph -->
10    <meta property="og:title" content="Reiseführer Dominikanische Republik 2026 - Insider-Tipps & Deals">
11    <meta property="og:description" content="Dein Premium-Portal für den Dom Rep Urlaub. Wetter, Sicherheit, Hotels und die schönsten Regionen wie Punta Cana & Samaná im Experten-Check.">
12    <meta property="og:url" content="https://www.dom-rep.de/">
13    <meta property="og:type" content="website">
14    <meta property="og:image" content="https://www.dom-rep.de/img/hero-main.jpg">
15    <meta property="og:image:width" content="1200">
16    <meta property="og:image:height" content="630">
17    <meta property="og:site_name" content="dom-rep.de">
18    <meta property="og:locale" content="de_DE">
19    <!-- Twitter Card -->
20    <meta name="twitter:card" content="summary_large_image">
21    <meta name="twitter:title" content="Reiseführer Dominikanische Republik 2026 - Insider-Tipps & Deals">
22    <meta name="twitter:description" content="Dein Premium-Portal für den Dom Rep Urlaub. Wetter, Sicherheit, Hotels und die schönsten Regionen wie Punta Cana & Samaná im Experten-Check.">
23    <meta name="twitter:image" content="https://www.dom-rep.de/img/hero-main.jpg">
24    <meta name="twitter:site" content="@domrepde">
25    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
26    
27    <!-- LCP Preload -->
28        <link rel="preload" as="image" href="/img/hero-main.jpg" fetchpriority="high">
29    
30    <link rel="preconnect" href="https://fonts.googleapis.com">
31    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
32    <link rel="stylesheet" href="/css/style.css">
33    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
34    <noscript><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"></noscript>
35
36        
36<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.dom-rep.de/"}]}</script>
36
37            
37<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"dom-rep.de","url":"https://www.dom-rep.de","description":"Dein Premium-Portal für den Dom Rep Urlaub. Wetter, Sicherheit, Hotels und die schönsten Regionen wie Punta Cana & Samaná im Experten-Check.","inLanguage":"de"},{"@type":"Organization","name":"dom-rep.de","url":"https://www.dom-rep.de","logo":"https://www.dom-rep.de/img/hero-main.jpg"}]}</script>
37
38            
38<script type="application/ld+json">
39    {
40        "@context": "https://schema.org",
41        "@type": "WebSite",
42        "name": "dom-rep.de",
43        "alternateName": "Dominikanische Republik Reiseführer",
44        "url": "https://www.dom-rep.de",
45        "description": "Dein unabhängiger Premium-Reiseführer für die Dominikanische Republik 2026.",
46        "inLanguage": "de-DE",
47        "potentialAction": {
48            "@type": "SearchAction",
49            "target": {
50                "@type": "EntryPoint",
51                "urlTemplate": "https://www.dom-rep.de/suche?q={search_term_string}"
52            },
53            "query-input": "required name=search_term_string"
54        }
55    }
56    </script>
56
57        
57<script>UST_CT = [];UST = { s: Date.now(), addTag: function(tag) { UST_CT.push(tag) } };UST.addEvent = UST.addTag;</script>
57
58    
58<script src="https://1stats.de/userTrack/server/ust.min.js" async></script>
58
59    <style>
60        /* Mobile overflow fix */
61        html, body { max-width: 100vw; overflow-x: hidden; }
62        /* Robust Mega Menu - Namespaced Flexbox Fix */
63        .dr-mega-menu {
64            display: none;
65            position: absolute;
66            top: 100%;
67            padding-top: 0.5rem;
68            z-index: 999;
69        }
70        .dropdown:hover .dr-mega-menu {
71            display: block !important;
72        }
73        .dr-mega-container {
74            background: white;
75            border-radius: 1.25rem;
76            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
77            border: 1px solid #e2e8f0;
78            padding: 2rem;
79            display: flex;
80            width: max-content;
81        }
82        .dr-mega-col {
83            flex: 0 0 auto;
84            min-width: 200px;
85        }
86        .dr-mega-header {
87            font-size: 11px;
88            color: #64748b;
89            font-weight: 800;
90            text-transform: uppercase;
91            letter-spacing: 0.1em;
92            margin-bottom: 1.25rem;
93            display: flex;
94            align-items: center;
95            gap: 0.5rem;
96        }
97        .dr-mega-link {
98            display: flex;
99            align-items: center;
100            gap: 0.75rem;
101            padding: 0.5rem 0.75rem;
102            border-radius: 0.75rem;
103            transition: all 0.2s;
104            text-decoration: none;
105            color: #334155;
106            font-weight: 700;
107            letter-spacing: normal;
108        }
109        .dr-mega-link:hover {
110            background-color: #eff6ff;
111            color: #2563eb;
112        }
113        .dr-mega-link-sm {
114            padding: 0.15rem 0.75rem;
115            font-size: 13px;
116            font-weight: 700;
117        }
118        .dr-mega-link-sm .text-lg {
119            font-size: 0.9rem;
120            min-width: 1.5rem;
121        }
122
123        /* Smart Search Styles */
124        #search-overlay {
125            display: none;
126            position: fixed;
127            inset: 0;
128            z-index: 99999 !important;
129            backdrop-filter: blur(12px);
130            background: rgba(248, 250, 252, 0.85);
131        }
132        #search-overlay.active {
133            display: flex;
134        }
135        .search-modal {
136            max-width: 650px;
137            width: 95%;
138            background: white;
139            border-radius: 2rem;
140            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
141            border: 1px solid #e2e8f0;
142            overflow: hidden;
143            animation: searchReveal 0.3s cubic-bezier(0.16, 1, 0.3, 1);
144        }
145        @keyframes searchReveal {
146            from { opacity: 0; transform: scale(0.95) translateY(10px); }
147            to { opacity: 1; transform: scale(1) translateY(0); }
148        }
149        .search-results::-webkit-scrollbar { width: 6px; }
150        .search-results::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
151        .search-item:hover { background: #f1f5f9; }
152        .search-shortcut {
153            display: inline-flex;
154            align-items: center;
155            justify-content: center;
156            min-width: 20px;
157            height: 20px;
158            padding: 0 6px;
159            background: #ffffff;
160            border: 1px solid #e2e8f0;
161            border-bottom-width: 2px;
162            border-radius: 6px;
163            font-size: 10px;
164            font-family: ui-monospace, monospace;
165            color: #64748b;
166            box-shadow: 0 1px 0 rgba(0,0,0,0.05);
167        }
168    </style>
169    <link rel="preload" href="/img/hero-main.jpg" as="image">    <link rel="preconnect" href="https://fonts.googleapis.com">
170    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
171    <!-- Google AdSense -->
172    
172<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6079264955652496" crossorigin="anonymous"></script>
172
173</head>
174<body class="bg-[#f8fafc] text-slate-900 overflow-x-hidden">
175<!-- Reading Progress Bar -->
176<div id="reading-progress" style="position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#2563eb,#60a5fa);z-index:9999;transition:width 0.1s linear;pointer-events:none;"></div>
177<script>
178(function(){
179    var bar=document.getElementById('reading-progress');
180    window.addEventListener('scroll',function(){
181        var h=document.documentElement.scrollHeight-window.innerHeight;
182        bar.style.width=h>0?(window.scrollY/h*100)+'%':'0';
183    },{passive:true});
184})();
185</script>
185
186
187
188<header class="fixed top-0 w-full z-[100] px-2 sm:px-4 py-2 sm:py-4">
189    <nav class="max-w-7xl mx-auto glass rounded-2xl px-3 sm:px-6 py-2 flex justify-between items-center shadow-lg border border-white/50 min-w-0">
190        <a href="https://www.dom-rep.de/" class="text-2xl font-extrabold tracking-tighter flex items-center gap-2">
191            <span class="bg-blue-600 text-white px-2 py-1 rounded-lg text-lg italic">DR</span>
192            <span class="gradient-text hidden sm:inline uppercase">DOM-REP.DE</span>
193        </a>
194
195        <div class="hidden md:flex items-center space-x-1 font-semibold text-xs uppercase tracking-widest">
196
197            <a href="https://www.dom-rep.de/quiz" class="px-4 py-4 hover:text-blue-600 transition flex items-center gap-1.5" style="background:linear-gradient(135deg,rgba(37,99,235,0.08),rgba(59,130,246,0.04)); border-radius:0.75rem; margin-right:2px;">
198                <span style="font-size:14px;">🧭</span> Quiz
199            </a>
200
201            <div class="relative dropdown group">
202                <a href="https://www.dom-rep.de/regionen" class="px-4 py-4 hover:text-blue-600 transition flex items-center gap-1" aria-haspopup="true" aria-expanded="false">
203                    Regionen <svg class="w-3 h-3" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"/></svg>
204                </a>
205                <div class="dr-mega-menu left-1/2 -translate-x-1/2" style="width: 660px; min-width: 660px;">
206                    <div class="dr-mega-container" style="gap: 1.5rem;">
207                        <div class="dr-mega-col">
208                            <p class="dr-mega-header">
209                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🏝️</span> Beliebte Orte
210                            </p>
211                            <div class="space-y-1">
212                                <a href="https://www.dom-rep.de/punta-cana" class="dr-mega-link">
213                                    <span class="text-lg">✨</span> Punta Cana
214                                </a>
215                                <a href="https://www.dom-rep.de/samana" class="dr-mega-link">
216                                    <span class="text-lg">🐋</span> Samaná
217                                </a>
218                                <a href="https://www.dom-rep.de/puerto-plata" class="dr-mega-link">
219                                    <span class="text-lg">🏔️</span> Puerto Plata
220                                </a>
221                                <a href="https://www.dom-rep.de/la-romana" class="dr-mega-link">
222                                    <span class="text-lg">⚓</span> La Romana
223                                </a>
224                            </div>
225                        </div>
226                        <div class="dr-mega-col">
227                            <p class="dr-mega-header">
228                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🎯</span> Weitere Ziele
229                            </p>
230                            <div class="space-y-1">
231                                <a href="https://www.dom-rep.de/bayahibe" class="dr-mega-link">
232                                    <span class="text-lg">🐠</span> Bayahibe
233                                </a>
234                                <a href="https://www.dom-rep.de/cabarete" class="dr-mega-link">
235                                    <span class="text-lg">🏄</span> Cabarete
236                                </a>
237                                <a href="https://www.dom-rep.de/santo-domingo" class="dr-mega-link">
238                                    <span class="text-lg">🏰</span> Santo Domingo
239                                </a>
240                                <a href="https://www.dom-rep.de/jarabacoa" class="dr-mega-link">
241                                    <span class="text-lg">⛰️</span> Jarabacoa
242                                </a>
243                            </div>
244                            <div class="mt-4 pt-4 border-t border-slate-50">
245                                <a href="https://www.dom-rep.de/regionen" class="text-blue-600 tracking-normal font-bold flex items-center gap-2 hover:translate-x-1 transition-transform">
246                                    Alle Regionen <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
246<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
247                                </a>
248                            </div>
249                        </div>
250                        <div class="dr-mega-col">
251                            <p class="dr-mega-header">
252                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">✈️</span> Flughäfen
253                            </p>
254                            <div class="space-y-1">
255                                <a href="https://www.dom-rep.de/punta-cana-airport" class="dr-mega-link">
256                                    <span class="text-lg">🛫</span> Punta Cana (PUJ)
257                                </a>
258                                <a href="https://www.dom-rep.de/santo-domingo-airport" class="dr-mega-link">
259                                    <span class="text-lg">🛬</span> Santo Domingo (SDQ)
260                                </a>
261                                <a href="https://www.dom-rep.de/puerto-plata-airport" class="dr-mega-link">
262                                    <span class="text-lg">✈️</span> Puerto Plata (POP)
263                                </a>
264                            </div>
265                        </div>
266                    </div>
267                </div>
268            </div>
269
270            <div class="relative dropdown group">
271                <a href="https://www.dom-rep.de/angebote" class="px-4 py-4 hover:text-blue-600 transition flex items-center gap-1" aria-haspopup="true" aria-expanded="false">
272                    Hotels <svg class="w-3 h-3" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"/></svg>
273                </a>
274                <div class="dr-mega-menu left-1/2 -translate-x-1/2" style="width: 850px; min-width: 850px;">
275                    <div class="dr-mega-container gap-10">
276                        <div class="dr-mega-col">
277                            <p class="dr-mega-header">
278                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">👑</span> Top Resorts
279                            </p>
280                            <div class="space-y-1">
281                                <a href="https://www.dom-rep.de/hotels/grand-bavaro-princess" class="dr-mega-link">Grand Bavaro Princess</a>
282                                <a href="https://www.dom-rep.de/hotels/joia-bavaro-by-iberostar" class="dr-mega-link">JOIA Bávaro</a>
283                                <a href="https://www.dom-rep.de/hotels/excellence-el-carmen" class="dr-mega-link">Excellence El Carmen</a>
284                                <a href="https://www.dom-rep.de/hotels/lopesan-costa-bavaro" class="dr-mega-link">Lopesan Costa Bavaro</a>
285                            </div>
286                        </div>
287                        <div class="dr-mega-col">
288                            <p class="dr-mega-header">
289                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🤫</span> Adults Only / Cap Cana
290                            </p>
291                            <div class="space-y-1">
292                                <a href="https://www.dom-rep.de/hotels/hyatt-ziva-cap-cana" class="dr-mega-link">Hyatt Ziva Cap Cana</a>
293                                <a href="https://www.dom-rep.de/hotels/secrets-cap-cana" class="dr-mega-link">Secrets Cap Cana</a>
294                                <a href="https://www.dom-rep.de/hotels/trs-turquesa" class="dr-mega-link">TRS Turquesa</a>
295                                <a href="https://www.dom-rep.de/hotels/riu-republica" class="dr-mega-link">Riu Republica</a>
296                            </div>
297                        </div>
298                        <div class="dr-mega-col">
299                            <p class="dr-mega-header">
300                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🌴</span> Bayahibe & Mehr
301                            </p>
302                            <div class="space-y-1">
303                                <a href="https://www.dom-rep.de/hotels/catalonia-royal-la-romana" class="dr-mega-link">Catalonia Royal La Romana</a>
304                                <a href="https://www.dom-rep.de/hotels/dreams-la-romana" class="dr-mega-link">Dreams La Romana</a>
305                                <a href="https://www.dom-rep.de/hotels/occidental-punta-cana" class="dr-mega-link">Occidental Punta Cana</a>
306                            </div>
307                            <div class="mt-4 pt-4 border-t border-slate-50">
308                                <a href="https://www.dom-rep.de/angebote" class="text-blue-600 tracking-normal font-bold flex items-center gap-2 hover:translate-x-1 transition-transform">
309                                    Alle Hotel-Deals <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
309<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
310                                </a>
311                            </div>
312                        </div>
313                    </div>
314                </div>
315            </div>
316
317            <div class="relative dropdown group">
318                <a href="https://www.dom-rep.de/sehenswuerdigkeiten" class="px-4 py-4 hover:text-blue-600 transition flex items-center gap-1" aria-haspopup="true" aria-expanded="false">
319                    Highlights <svg class="w-3 h-3" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"/></svg>
320                </a>
321                <div class="dr-mega-menu left-0 w-64 text-slate-700">
322                    <div class="dr-mega-container flex-col p-6 gap-0 overflow-hidden">
323                        <p class="dr-mega-header mb-1">
324                             <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🛠️</span> Übersicht & Tools
325                        </p>
326                        <div class="space-y-0.5">
327                            <a href="https://www.dom-rep.de/sehenswuerdigkeiten" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
328                                <span class="text-lg">🗿</span> Sehenswürdigkeiten
329                            </a>
330                            <a href="https://www.dom-rep.de/karte" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
331                                <span class="text-lg">🗺️</span> Interaktive Karte
332                            </a>
333                            <div class="my-1 border-t border-slate-50"></div>
334                            <a href="https://www.dom-rep.de/e-ticket" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
335                                <span class="text-lg">📄</span> E-Ticket Guide
336                            </a>
337                            <a href="https://www.dom-rep.de/packliste" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
338                                <span class="text-lg">📋</span> Packliste 2026
339                            </a>
340                            <a href="https://www.dom-rep.de/sprachfuehrer" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
341                                <span class="text-lg">🗣️</span> Sprachführer
342                            </a>
343                            <a href="https://www.dom-rep.de/internet-sim" class="dr-mega-link dr-mega-link-sm hover:bg-slate-50">
344                                <span class="text-lg">📲</span> Internet & SIM
345                            </a>
346                        </div>
347                    </div>
348                </div>
349            </div>
350
351            <div class="relative dropdown group">
352                <a href="https://www.dom-rep.de/tipps" class="px-4 py-4 hover:text-blue-600 transition flex items-center gap-1" aria-haspopup="true" aria-expanded="false">
353                    Ratgeber <svg class="w-3 h-3" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"/></svg>
354                </a>
355                <div class="dr-mega-menu right-0" style="width: 850px; min-width: 850px;">
356                    <div class="dr-mega-container gap-10">
357                        <div class="dr-mega-col">
358                            <p class="dr-mega-header">
359                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">📋</span> Essentials
360                            </p>
361                            <div class="space-y-1">
362                                <a href="https://www.dom-rep.de/wetter" class="dr-mega-link">
363                                    <span class="text-lg">☀️</span> Wetter & Klima
364                                </a>
365                                <a href="https://www.dom-rep.de/sicherheit" class="dr-mega-link">
366                                    <span class="text-lg">🛡️</span> Sicherheit
367                                </a>
368                                <a href="https://www.dom-rep.de/waehrung" class="dr-mega-link">
369                                    <span class="text-lg">💶</span> Währung & Preise
370                                </a>
371                                <a href="https://www.dom-rep.de/kulinarik" class="dr-mega-link">
372                                    <span class="text-lg">🍳</span> Kulinarik & Food
373                                </a>
374                                <a href="https://www.dom-rep.de/algen" class="dr-mega-link">
375                                    <span class="text-lg">🌿</span> Algen & Sargassum
376                                </a>
377                                <a href="https://www.dom-rep.de/zoll" class="dr-mega-link">
378                                    <span class="text-lg">📦</span> Zoll & Souvenirs
379                                </a>
380                            </div>
381                        </div>
382                        <div class="dr-mega-col">
383                            <p class="dr-mega-header">
384                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">✈️</span> Reiseplanung
385                            </p>
386                            <div class="space-y-1">
387                                <a href="https://www.dom-rep.de/anreise" class="dr-mega-link">
388                                    <span class="text-lg">🛫</span> Flughafen & E-Ticket
389                                </a>
390                                <a href="https://www.dom-rep.de/fluege" class="dr-mega-link">
391                                    <span class="text-lg">🎫</span> Direktflüge
392                                </a>
393                                <a href="https://www.dom-rep.de/transport" class="dr-mega-link">
394                                    <span class="text-lg">🚗</span> Transport
395                                </a>
396                                <a href="https://www.dom-rep.de/kultur" class="dr-mega-link">
397                                    <span class="text-lg">🎭</span> Kultur & Events
398                                </a>
399                                <a href="https://www.dom-rep.de/strom-adapter" class="dr-mega-link">
400                                    <span class="text-lg">🔌</span> Strom & Adapter
401                                </a>
402                            </div>
403                        </div>
404                        <div class="dr-mega-col">
405                            <p class="dr-mega-header">
406                                <span class="w-4 h-4 rounded-full bg-blue-50 flex items-center justify-center text-[8px]">🆚</span> Vergleiche
407                            </p>
408                            <div class="space-y-1">
409                                <a href="https://www.dom-rep.de/kosten" class="dr-mega-link">
410                                    <span class="text-lg">💰</span> Kosten & Budget
411                                </a>
412                                <a href="https://www.dom-rep.de/punta-cana-vs-cancun" class="dr-mega-link border-t border-slate-50 mt-2 pt-2">
413                                    <span class="text-lg">🥊</span> Punta Cana vs Cancún
414                                </a>
415                                <a href="https://www.dom-rep.de/dom-rep-vs-kuba" class="dr-mega-link">
416                                    <span class="text-lg">🥊</span> Dom Rep vs Kuba
417                                </a>
418                                <a href="https://www.dom-rep.de/dom-rep-vs-jamaika" class="dr-mega-link">
419                                    <span class="text-lg">🥊</span> Dom Rep vs Jamaika
420                                </a>
421                                <a href="https://www.dom-rep.de/hochzeit" class="dr-mega-link border-t border-slate-50 mt-2 pt-2">
422                                    <span class="text-lg">💍</span> Heiraten
423                                </a>
424                                <a href="https://www.dom-rep.de/familienurlaub" class="dr-mega-link">
425                                    <span class="text-lg">👨‍👩‍👧‍👦</span> Familienurlaub
426                                </a>
427                            </div>
428                            <div class="mt-4 pt-4 border-t border-slate-50">
429                                <a href="https://www.dom-rep.de/tipps" class="text-blue-600 tracking-normal font-bold flex items-center gap-2 hover:translate-x-1 transition-transform">
430                                    Alle Ratgeber <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
431                                </a>
432                            </div>
433                        </div>
434                    </div>
435                </div>
436            </div>
437
438            <div class="flex items-center gap-2 pl-6">
439                <button id="search-open" class="p-2 text-slate-500 hover:text-blue-600 transition-colors flex items-center gap-2 group" aria-label="Suche öffnen">
440                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
441                </button>
442                <a href="https://www.c24n.de/uZ7LcH9" target="_blank" rel="noopener sponsored" class="bg-blue-600 text-white px-6 py-3 rounded-xl hover:bg-blue-700 transition shadow-lg shadow-blue-500/20 italic">Deals</a>
443            </div>
444        </div>
445
446        <div class="flex items-center gap-2 md:hidden">
447            <button id="search-open-mobile" class="p-2 text-slate-700" aria-label="Suche">
448                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
449            </button>
450            <button id="mobile-menu-btn" class="p-2 text-slate-700" aria-label="Menü öffnen">
451                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
452                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
453                </svg>
454            </button>
455        </div>
456    </nav>
457</header>
458
459<!-- Mobile Menu Overlay -->
460<div id="mobile-menu" class="fixed inset-0 bg-white z-[200] transform -translate-x-full transition-transform duration-300 ease-in-out md:hidden overflow-y-auto" role="dialog" aria-label="Navigation" aria-hidden="true">
461    <div class="p-6">
462        <div class="flex justify-between items-center mb-8">
463            <a href="https://www.dom-rep.de/" class="text-2xl font-extrabold tracking-tighter flex items-center gap-2">
464                <span class="bg-blue-600 text-white px-2 py-1 rounded-lg text-lg italic">DR</span>
465                <span class="gradient-text uppercase">DOM-REP.DE</span>
466            </a>
467            <button id="mobile-menu-close" class="p-2 text-slate-700" aria-label="Menü schließen">
468                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
469                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
470                </svg>
471            </button>
472        </div>
473        <nav class="space-y-2">
474            <a href="https://www.dom-rep.de/quiz" class="block px-4 py-3 rounded-xl font-bold uppercase tracking-wider text-white" style="background:linear-gradient(135deg,#2563eb,#3b82f6);">
475                🧭 Regionen-Quiz
476            </a>
477            <div class="mobile-dropdown">
478                <button class="mobile-dropdown-toggle w-full text-left px-4 py-3 bg-slate-50 rounded-xl flex justify-between items-center font-bold uppercase tracking-wider text-slate-800" aria-expanded="false">
479                    🏝️ Regionen <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
479<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
480                </button>
481                <div class="mobile-dropdown-menu mt-2 ml-4 space-y-2 hidden">
482                    <a href="https://www.dom-rep.de/regionen" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📍 Alle Regionen</a>
483                    <a href="https://www.dom-rep.de/punta-cana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">✨ Punta Cana</a>
484                    <a href="https://www.dom-rep.de/samana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🐋 Samaná</a>
485                    <a href="https://www.dom-rep.de/puerto-plata" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🏔️ Puerto Plata</a>
486                    <a href="https://www.dom-rep.de/santo-domingo" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🏰 Santo Domingo</a>
487                    <a href="https://www.dom-rep.de/la-romana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">⚓ La Romana</a>
488                    <a href="https://www.dom-rep.de/bayahibe" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🐠 Bayahibe</a>
489                    <a href="https://www.dom-rep.de/cabarete" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🏄 Cabarete</a>
490                    <a href="https://www.dom-rep.de/jarabacoa" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">⛰️ Jarabacoa</a>
491                    <div class="pt-2 mt-2 border-t border-slate-100">
492                        <p class="px-4 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400">✈️ Flughäfen</p>
493                        <a href="https://www.dom-rep.de/punta-cana-airport" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🛫 Punta Cana (PUJ)</a>
494                        <a href="https://www.dom-rep.de/santo-domingo-airport" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🛬 Santo Domingo (SDQ)</a>
495                        <a href="https://www.dom-rep.de/puerto-plata-airport" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">✈️ Puerto Plata (POP)</a>
496                    </div>
497                </div>
498            </div>
499            <div class="mobile-dropdown">
500                <button class="mobile-dropdown-toggle w-full text-left px-4 py-3 bg-slate-50 rounded-xl flex justify-between items-center font-bold uppercase tracking-wider text-slate-800" aria-expanded="false">
501                    🏨 Hotels <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
502                </button>
503                <div class="mobile-dropdown-menu mt-2 ml-4 space-y-2 hidden">
504                    <a href="https://www.dom-rep.de/hotels/grand-bavaro-princess" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">👑 Grand Bavaro Princess</a>
505                    <a href="https://www.dom-rep.de/hotels/hyatt-ziva-cap-cana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">💎 Hyatt Ziva Cap Cana</a>
506                    <a href="https://www.dom-rep.de/hotels/secrets-cap-cana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🤫 Secrets Cap Cana</a>
507                    <a href="https://www.dom-rep.de/hotels/joia-bavaro-by-iberostar" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">💎 JOIA Bávaro (Iberostar)</a>
508                    <a href="https://www.dom-rep.de/hotels/catalonia-royal-la-romana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌺 Catalonia Royal La Romana</a>
509                    <a href="https://www.dom-rep.de/hotels/dreams-onyx-resort" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">✨ Dreams Onyx Resort</a>
510                    <a href="https://www.dom-rep.de/hotels/trs-turquesa" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌊 TRS Turquesa</a>
511                    <a href="https://www.dom-rep.de/hotels/breathless-punta-cana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🎉 Breathless Punta Cana</a>
512                    <a href="https://www.dom-rep.de/hotels/grand-palladium-palace" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🏰 Grand Palladium Palace</a>
513                    <a href="https://www.dom-rep.de/hotels/riu-republica" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🎶 Riu Republica</a>
514                    <a href="https://www.dom-rep.de/hotels/excellence-el-carmen" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🥂 Excellence El Carmen</a>
515                    <a href="https://www.dom-rep.de/hotels/bahia-principe-grand-bavaro" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌴 Bahia Principe Grand</a>
516                    <a href="https://www.dom-rep.de/hotels/dreams-la-romana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌙 Dreams La Romana</a>
517                    <a href="https://www.dom-rep.de/hotels/lopesan-costa-bavaro" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🏖️ Lopesan Costa Bavaro</a>
518                    <a href="https://www.dom-rep.de/hotels/occidental-punta-cana" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌿 Occidental Punta Cana</a>
519                    <a href="https://www.dom-rep.de/angebote" class="block px-4 py-3 mt-2 border-t border-slate-50 text-blue-600 font-bold">🔥 Alle Hotel-Deals</a>
520                </div>
521            </div>
522            <div class="mobile-dropdown">
523                <button class="mobile-dropdown-toggle w-full text-left px-4 py-3 bg-slate-50 rounded-xl flex justify-between items-center font-bold uppercase tracking-wider text-slate-800" aria-expanded="false">
524                    🗿 Highlights <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
524<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
525                </button>
526                <div class="mobile-dropdown-menu mt-2 ml-4 space-y-2 hidden">
527                    <a href="https://www.dom-rep.de/sehenswuerdigkeiten" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🗿 Sehenswürdigkeiten</a>
528                    <a href="https://www.dom-rep.de/karte" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🗺️ Interaktive Karte</a>
529                    <a href="https://www.dom-rep.de/e-ticket" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📄 E-Ticket Guide</a>
530                    <a href="https://www.dom-rep.de/packliste" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📋 Packliste 2026</a>
531                    <a href="https://www.dom-rep.de/sprachfuehrer" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🗣️ Sprachführer</a>
532                    <a href="https://www.dom-rep.de/internet-sim" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📲 Internet & SIM-Karte</a>
533                </div>
534            </div>
535            <div class="mobile-dropdown">
536                <button class="mobile-dropdown-toggle w-full text-left px-4 py-3 bg-slate-50 rounded-xl flex justify-between items-center font-bold uppercase tracking-wider text-slate-800" aria-expanded="false">
537                    📚 Ratgeber <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
538                </button>
539                <div class="mobile-dropdown-menu mt-2 ml-4 space-y-2 hidden">
540                    <a href="https://www.dom-rep.de/tipps" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📚 Alle Tipps</a>
541                    <a href="https://www.dom-rep.de/wetter" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">☀️ Wetter & Reisezeit</a>
542                    <a href="https://www.dom-rep.de/sicherheit" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🛡️ Sicherheit & Gefahren</a>
543                    <a href="https://www.dom-rep.de/waehrung" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">💶 Währung & Preise</a>
544                    <a href="https://www.dom-rep.de/kulinarik" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🍳 Kulinarik & Restaurants</a>
545                    <a href="https://www.dom-rep.de/anreise" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🛫 Anreise & Flugzeit</a>
546                    <a href="https://www.dom-rep.de/fluege" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🎫 Direktflüge ab DACH</a>
547                    <a href="https://www.dom-rep.de/transport" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🚗 Transport & Mobilität</a>
548                    <a href="https://www.dom-rep.de/kultur" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🎭 Kultur & Events</a>
549                    <a href="https://www.dom-rep.de/algen" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🌿 Algen & Sargassum</a>
550                    <a href="https://www.dom-rep.de/strom-adapter" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🔌 Strom & Adapter</a>
551                    <a href="https://www.dom-rep.de/zoll" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">📦 Zoll & Souvenirs</a>
552                    <a href="https://www.dom-rep.de/kosten" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">💰 Kosten & Budget</a>
553                    <div class="pt-2 mt-2 border-t border-slate-100">
554                        <p class="px-4 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400">🆚 Vergleiche</p>
555                        <a href="https://www.dom-rep.de/punta-cana-vs-cancun" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🥊 Punta Cana vs Cancún</a>
556                        <a href="https://www.dom-rep.de/dom-rep-vs-kuba" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🥊 Dom Rep vs Kuba</a>
557                        <a href="https://www.dom-rep.de/dom-rep-vs-jamaika" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">🥊 Dom Rep vs Jamaika</a>
558                        <a href="https://www.dom-rep.de/hochzeit" class="block px-4 py-3 bg-white rounded-xl hover:bg-blue-50 transition text-slate-700">💍 Heiraten in der Dom Rep</a>
559                    </div>
560                </div>
561            </div>
562            <a href="https://www.c24n.de/uZ7LcH9" target="_blank" rel="noopener sponsored" class="block bg-blue-600 text-white px-6 py-4 rounded-xl hover:bg-blue-700 transition shadow-lg shadow-blue-500/20 italic text-center mt-6 font-black uppercase">🔥 Deals</a>
563        </nav>
564    </div>
565</div>
566
567<!-- Smart Search Overlay -->
568<div id="search-overlay" class="fixed inset-0 z-[1000] flex-col items-center pt-[10vh] px-4">
569    <div class="search-modal">
570        <div class="p-6 border-b border-slate-100 flex items-center gap-4 bg-slate-50/50">
571            <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
571<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
572            <input type="text" id="search-input" placeholder="Suche nach Regionen, Hotels oder Tipps..." class="w-full bg-transparent border-none text-xl font-bold text-slate-900 placeholder:text-slate-400 focus:ring-0 outline-none">
573            <button id="search-close" class="p-2 text-slate-400 hover:text-slate-600">
574                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
575            </button>
576        </div>
577        <div id="search-results" class="search-results max-h-[60vh] overflow-y-auto p-4 space-y-2">
578            <!-- Results will appear here -->
579            <div class="p-8 text-center text-slate-400 font-medium italic">Beginne zu tippen, um Ergebnisse zu sehen...</div>
580        </div>
581        <div class="p-4 bg-slate-50 border-t border-slate-100 flex justify-between items-center text-[10px] font-bold text-slate-400 uppercase tracking-widest">
582            <div class="flex gap-4">
583                <span><kbd class="search-shortcut">ESC</kbd> Schließen</span>
584                <span><kbd class="search-shortcut">↑↓</kbd> Navigieren</span>
585            </div>
586            <div class="text-blue-600 italic">dom-rep.de Search</div>
587        </div>
588    </div>
589</div>
590
591<script>
592document.addEventListener('DOMContentLoaded', () => {
593    const searchData = [
594        // Regionen
595        { t: 'Punta Cana', d: 'Beliebteste Urlaubsregion mit endlosen Palmenstränden.', u: '/punta-cana', c: 'Region', i: '🌴', k: 'Strand, Beach, All-Inclusive, Urlaub' },
596        { t: 'Samaná', d: 'Naturparadies, Wale und dichte Dschungelgebiete.', u: '/samana', c: 'Region', i: '🐋', k: 'Natur, Wale, Wasserfall, Ruhe, Strand' },
597        { t: 'Puerto Plata', d: 'Der Norden mit Bernsteinküste und Seilbahn.', u: '/puerto-plata', c: 'Region', i: '🚠', k: 'Norden, Seilbahn, Kultur, Surfen' },
598        { t: 'Santo Domingo', d: 'Hauptstadt und älteste Stadt der Neuen Welt.', u: '/santo-domingo', c: 'Region', i: '🏰', k: 'Stadt, Geschichte, Shopping, Kultur' },
599        { t: 'Bayahibe', d: 'Fischerdorf und Ausgangspunkt zur Isla Saona.', u: '/bayahibe', c: 'Region', i: '🐠', k: 'Tauchen, Saona, Karibik, Strand' },
600        { t: 'La Romana', d: 'Luxus-Golfresorts und exklusive Yachthäfen.', u: '/la-romana', c: 'Region', i: '⛳', k: 'Golf, Luxus, Hafen' },
601        { t: 'Cabarete', d: 'Hotspot für Kiter, Surfer und Nachtschwärmer.', u: '/cabarete', c: 'Region', i: '🏄', k: 'Surfen, Kiten, Party, Nachtleben' },
602        { t: 'Jarabacoa', d: 'Alpen-Feeling in der Karibik mit Wasserfällen.', u: '/jarabacoa', c: 'Region', i: '⛰️', k: 'Berge, Wandern, Natur, Kühl' },
603        
604        // Ratgeber
605        { t: 'Sehenswürdigkeiten', d: 'Die ultimative Bucket-List: Saona, Pico Duarte & mehr.', u: '/sehenswuerdigkeiten', c: 'Highlight', i: '🗿', k: 'Attraktionen, Ausflüge, Saona, Wasserfall, Highlights' },
606        { t: 'Wetter & Reisezeit', d: 'Wann ist die beste Zeit für deinen Dom-Rep Urlaub?', u: '/wetter', c: 'Ratgeber', i: '☀️', k: 'Klima, Regenzeit, Hurrikan, Temperatur' },
607        { t: 'Sicherheitshinweise', d: 'Wichtige Tipps zu Gesundheit und Kriminalität.', u: '/sicherheit', c: 'Ratgeber', i: '🛡️', k: 'Gefahr, Polizei, Impfung, Krankenhaus' },
608        { t: 'Währung & Preise', d: 'Alles über Peso, Dollar und Kosten vor Ort.', u: '/waehrung', c: 'Ratgeber', i: '💶', k: 'Geld, Bezahlen, Pesos, Dollar, ATM' },
609        { t: 'Algen / Sargassum', d: 'Wann und wo treten Algen auf? Alle Infos & Tipps.', u: '/algen', c: 'Ratgeber', i: '🌿', k: 'Sargassum, Seegras, Strand, Algenfrei' },
610        { t: 'Strom & Adapter', d: 'Steckdosen, Spannung und passende Reisestecker.', u: '/strom-adapter', c: 'Ratgeber', i: '🔌', k: 'Stecker, Elektro, 110V, USA Adapter' },
611        { t: 'Zoll & Souvenirs', d: 'Mengen für Zigarren, Rum & Kaffee beim Zoll.', u: '/zoll', c: 'Ratgeber', i: '📦', k: 'Einfuhr, Ausfuhr, Shopping, Geschenke' },
612        { t: 'Kulinarik & Essen', d: 'Was du probieren musst: Mangu, Sancocho & Rum.', u: '/kulinarik', c: 'Ratgeber', i: '🍳', k: 'Essen, Trinken, Restaurant, Food, Spezialitäten, Früchte' },
613        { t: 'Anreise & Flug', d: 'Flughäfen, Flugzeiten und Einreisebestimmungen.', u: '/anreise', c: 'Ratgeber', i: '🛫', k: 'Flug, Airline, Einreise, Visum, Koffer' },
614        { t: 'Flughafen Punta Cana', d: 'Infos zum PUJ Airport: Ankunft & Transfer.', u: '/punta-cana-airport', c: 'Flughafen', i: '🛫', k: 'PUJ, Landing, Transfer, Taxi' },
615        { t: 'Flughafen Santo Domingo', d: 'Las Américas (SDQ) Guide für die Hauptstadt.', u: '/santo-domingo-airport', c: 'Flughafen', i: '🛬', k: 'SDQ, Ankunft, Hauptstadt' },
616        { t: 'E-Ticket Guide', d: 'Schritt-für-Schritt zum digitalen Einreiseformular.', u: '/e-ticket', c: 'Highlight', i: '📄', k: 'Formular, Einreise, Zoll, QR-Code' },
617        { t: 'Packliste 2026', d: 'Die ultimative Checkliste für deinen Koffer.', u: '/packliste', c: 'Highlight', i: '📋', k: 'Koffer, Equipment, Kleidung, Dokumente' },
618        { t: 'Internet & SIM-Karte', d: 'Claro, Altice und E-SIM Lösungen im Check.', u: '/internet-sim', c: 'Highlight', i: '📲', k: 'WLAN, Handy, LTE, Daten, Roaming' },
619        { t: 'Sprachführer', d: 'Die wichtigsten spanischen Sätze für den Urlaub.', u: '/sprachfuehrer', c: 'Highlight', i: '🗣️', k: 'Spanisch, Sprache, Übersetzung, Kommunikation' },
620        { t: 'Punta Cana vs. Cancún', d: 'Welches Ziel gewinnt den Karibik-Vergleich?', u: '/punta-cana-vs-cancun', c: 'Vergleich', i: '🥊', k: 'Mexiko, Vergleich, Entscheidung' },
621        { t: 'Dom Rep vs. Kuba', d: 'Ein ehrlicher Vergleich der Inselstaaten.', u: '/dom-rep-vs-kuba', c: 'Vergleich', i: '⚖️', k: 'Kuba, Karibik, Vergleich' },
622        { t: 'Dom Rep vs. Jamaika', d: 'Strand-Luxus oder Reggae-Vibes?', u: '/dom-rep-vs-jamaika', c: 'Vergleich', i: '🥊', k: 'Jamaika, Reggae, Vergleich, Karibik' },
623        { t: 'Heiraten in der Dom Rep', d: 'Traumhochzeit am Karibik-Strand planen.', u: '/hochzeit', c: 'Highlight', i: '💍', k: 'Hochzeit, Heiraten, Strand, Romantik, Flitterwochen' },
624
625        // Hotels
626        { t: 'Grand Bavaro Princess', d: 'Top-bewertetes All-Inclusive Resort in Punta Cana.', u: '/hotels/grand-bavaro-
626princess', c: 'Hotel', i: '🏨', k: 'Luxus, Resort, Strand, Essen' },
627        { t: 'Hyatt Ziva Cap Cana', d: 'Luxuriöses Familienresort in exklusiver Lage.', u: '/hotels/hyatt-ziva-cap-cana', c: 'Hotel', i: '⭐', k: 'Familien, Kinder, Luxus, Essen' },
628        { t: 'Secrets Cap Cana', d: 'Adults Only Luxus pur am Juanillo Beach.', u: '/hotels/secrets-cap-cana', c: 'Hotel', i: '🤫', k: 'Erwachsene, Ruhe, Flitterwochen, Essen' },
629        { t: 'JOIA Bávaro by Iberostar', d: 'Neu definierter Luxus und erstklassiger Service für Erwachsene.', u: '/hotels/joia-bavaro-by-iberostar', c: 'Hotel', i: '👑', k: 'Premium, Adults Only, Golf, Essen, JOIA' },
630        { t: 'Lopesan Costa Bavaro', d: 'Modernes Design und Boulevard-Feeling.', u: '/hotels/lopesan-costa-bavaro', c: 'Hotel', i: '🌴', k: 'Modern, Infinity Pool, Strand, Essen' }
631    ];
632
633    const overlay = document.getElementById('search-overlay');
634    const input = document.getElementById('search-input');
635    const resultsContainer = document.getElementById('search-results');
636    const openBtns = [document.getElementById('search-open'), document.getElementById('search-open-mobile')];
637    const closeBtn = document.getElementById('search-close');
638
639    const toggleSearch = (show) => {
640        overlay.classList.toggle('active', show);
641        if (show) {
642            input.value = '';
643            setTimeout(() => input.focus(), 50);
644            renderResults('');
645        }
646    };
647
648    openBtns.forEach(btn => btn?.addEventListener('click', () => toggleSearch(true)));
649    closeBtn.addEventListener('click', () => toggleSearch(false));
650    overlay.addEventListener('click', (e) => { if(e.target === overlay) toggleSearch(false); });
651
652    window.addEventListener('keydown', (e) => {
653        if (e.key === '/' || (e.ctrlKey && e.key === 'k')) {
654            if (document.activeElement.tagName !== 'INPUT') {
655                e.preventDefault();
656                toggleSearch(true);
657            }
658        }
659        if (e.key === 'Escape') toggleSearch(false);
660    });
661
662    input.addEventListener('input', (e) => renderResults(e.target.value));
663
664    function renderResults(query) {
665        if (!query.trim()) {
666            resultsContainer.innerHTML = '<div class="p-8 text-center text-slate-400 font-medium italic">Beginne zu tippen, um Ergebnisse zu sehen...</div>';
667            return;
668        }
669
670        const filtered = searchData.filter(item => 
671            item.t.toLowerCase().includes(query.toLowerCase()) || 
672            item.d.toLowerCase().includes(query.toLowerCase()) ||
673            item.c.toLowerCase().includes(query.toLowerCase()) ||
674            item.k.toLowerCase().includes(query.toLowerCase())
675        ).slice(0, 8);
676
677        if (filtered.length === 0) {
678            resultsContainer.innerHTML = '<div class="p-8 text-center text-slate-500 font-bold uppercase tracking-widest italic">Keine Ergebnisse gefunden 🏝️</div>';
679            return;
680        }
681
682        resultsContainer.innerHTML = filtered.map(item => `
683            <a href="${item.u}" class="search-item flex items-center gap-4 p-4 rounded-2xl transition-all group">
684                <div class="w-12 h-12 rounded-xl bg-slate-50 flex items-center justify-center text-2xl group-hover:scale-110 transition-transform">${item.i}</div>
685                <div class="flex-1">
686                    <div class="flex justify-between items-center mb-0.5">
687                        <span class="font-black italic uppercase text-slate-900 group-hover:text-blue-600">${item.t}</span>
688                        <span class="text-[9px] font-black uppercase tracking-widest text-slate-400 bg-slate-100 px-2 py-1 rounded-md">${item.c}</span>
689                    </div>
690                    <p class="text-sm text-slate-500 font-medium line-clamp-1">${item.d}</p>
691                </div>
692                <div class="opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all">
693                    <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"/></svg>
694                </div>
695            </a>
696        `).join('');
697    }
698});
699</script>
699
700
701<script defer src="/js/main.js"></script>
701
702
703<main class="pt-24">
704
705
706<!-- Hero Section mit Video-Vibe -->
707<section class="relative min-h-[90vh] flex items-center pt-20 pb-32 px-4">
708    <div class="absolute inset-0 z-0 overflow-hidden rounded-b-[4rem]">
709        <img loading="eager" width="1920" height="1080" fetchpriority="high" src="/img/hero-main.jpg" width="1920" height="1080" class="w-full h-full object-cover" style="animation: kenBurns 20s ease-in-out infinite alternate;" alt="Traumstrand Dominikanische Republik mit Palmen und türkisblauem Wasser">
710        <div class="absolute inset-0 bg-gradient-to-b from-slate-900/50 via-transparent to-transparent"></div>
711        <div class="absolute inset-x-0 bottom-0 h-32 bg-gradient-to-t from-[#f8fafc] to-transparent"></div>
712        <style>@keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }</style>
713    </div>
714
715    <div class="max-w-6xl mx-auto relative z-10 w-full text-white text-center md:text-left">
716        <div class="inline-flex items-center gap-2 backdrop-blur-lg px-4 py-2 rounded-full mb-8 border border-white/20" style="background: rgba(0,0,0,0.5);">
717            <span class="text-yellow-400">★</span>
718            <span class="text-sm font-bold tracking-widest uppercase italic">Dein Premium-Portal für 2026</span>
719        </div>
720        <h1 class="text-5xl md:text-8xl font-black mb-6 leading-[1.1] tracking-tighter uppercase italic">
721            <span class="sr-only">
721Dominikanische Republik Urlaub: </span>Karibik <span class="text-blue-400">neu</span><br>erleben.
722        </h1>
723        <p class="text-xl md:text-2xl mb-10 text-slate-100 max-w-2xl leading-relaxed opacity-90 font-medium">
724            Entdecke die Dominikanische Republik abseits der Massen. Von einsamen Cenoten bis zu exklusiven 5-Sterne Resorts am Playa Bavaro.
725        </p>
726        <div class="flex flex-col md:flex-row gap-4">
727            <a href="/regionen" class="bg-blue-600 hover:bg-blue-700 text-white font-black py-5 px-10 rounded-2xl transition shadow-2xl flex items-center justify-center gap-3 group uppercase italic tracking-tighter">
728                Reise planen
729                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 group-hover:translate-x-1 transition" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M14 5l7 7m0 0l-7 7m7-7H3" /></svg>
730            </a>
731            <a href="/angebote" class="bg-white/10 backdrop-blur-md hover:bg-white/20 text-white font-black py-5 px-10 rounded-2xl border border-white/30 transition text-center uppercase italic tracking-tighter">
732                Beste Deals finden
733            </a>
734        </div>
735    </div>
736</section>
737
738<!-- Quick Stats -->
739<section class="max-w-6xl mx-auto px-4 -mt-20 relative z-20">
740    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
741                    <div class="glass p-8 rounded-3xl text-center shadow-xl border border-white/50">
742                <div class="text-3xl font-black gradient-text mb-1 italic uppercase">30°C</div>
743                <div class="text-[10px] uppercase tracking-widest font-black text-slate-500">Ø Temperatur</div>
744            </div>
745                    <div class="glass p-8 rounded-3xl text-center shadow-xl border border-white/50">
746                <div class="text-3xl font-black gradient-text mb-1 italic uppercase">1.6k km</div>
747                <div class="text-[10px] uppercase tracking-widest font-black text-slate-500">Küste</div>
748            </div>
749                    <div class="glass p-8 rounded-3xl text-center shadow-xl border border-white/50">
750                <div class="text-3xl font-black gradient-text mb-1 italic uppercase">800+</div>
751                <div class="text-[10px] uppercase tracking-widest font-black text-slate-500">Hotels</div>
752            </div>
753                    <div class="glass p-8 rounded-3xl text-center shadow-xl border border-white/50">
754                <div class="text-3xl font-black gradient-text mb-1 italic uppercase">30+</div>
755                <div class="text-[10px] uppercase tracking-widest font-black text-slate-500">Nationalparks</div>
756            </div>
757            </div>
758</section>
759
760<!-- SEO Main Content Section -->
761<section class="max-w-5xl mx-auto px-4 py-32 prose prose-slate prose-xl text-slate-600 leading-relaxed">
762    <h2 class="text-4xl md:text-7xl font-black text-slate-900 mb-10 italic uppercase tracking-tighter leading-none text-center">Willkommen im <span class="gradient-text text-blue-600 font-black">Paradies</span></h2>
763    <p class="text-2xl font-bold text-slate-900 mb-8 text-center leading-snug">
764        Die Dominikanische Republik ist das vielseitigste Reiseziel der Karibik. Egal ob du Entspannung an weißen Stränden suchst oder das Abenteuer im Dschungel liebst - wir zeigen dir den Weg. 2026 ist das Jahr, in dem wir die Karibik neu definieren.
765    </p>
766    <p>
767        Ein Urlaub in der Dominikanischen Republik im Jahr 2026 bedeutet mehr als nur All-Inclusive. Es ist eine Reise in ein Land voller Rhythmus, tief verwurzelter Geschichte und atemberaubender Naturwunder. Von der pulsierenden Hauptstadt Santo Domingo, der ältesten Stadt der Neuen Welt, bis hin zu den majestätischen Gipfeln der Zentralkordillere bietet die Insel Erlebnisse, die weit über den klassischen Strandurlaub hinausgehen. Wir haben dieses Portal geschaffen, um dir als unabhängiger Ratgeber zur Seite zu stehen – mit echten Insider-Tipps, detaillierten Wetter-Analysen und den besten Hotel-Empfehlungen der Insel.
768    </p>
769
770    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Die Magie von Hispaniola entdecken</h3>
771    <p>
772        Die Dominikanische Republik teilt sich die geschichtsträchtige Insel Hispaniola mit ihrem Nac
772hbarn Haiti. Seit der Ankunft von Christoph Kolumbus im Jahr 1492 hat dieses Land eine Entwicklung durchlaufen, die heute in einer perfekten Symbiose aus Tradition und Moderne mündet. Wenn du durch die kopfsteingepflasterten Gassen der Zona Colonial in Santo Domingo wanderst, spürst du den Geist der Entdeckerzeit. Gleichzeitig bieten die exklusiven Enklaven wie Cap Cana einen Luxusstandard, der weltweit seinesgleichen sucht. Es ist dieser Kontrast, der die "Dom Rep" so einzigartig macht.
773    </p>
774
775    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Warum 2026 das beste Jahr für deinen Besuch ist</h3>
776    <p>
777        In den letzten Jahren hat die Dominikanische Republik massiv in ihre Infrastruktur und Nachhaltigkeit investiert. Moderne Autobahnen verbinden heute die Küsten, während neue ökologische Standards in der Hotellerie den Schutz der einzigartigen Korallenriffe und Mangrovenwälder sicherstellen. Für Reisende im Jahr 2026 bedeutet das: mehr Komfort bei gleichzeitig besserem Gewissen. Zudem ist die Flugverbindung aus Europa so dicht wie nie zuvor, was die Anreise in das karibische Paradies extrem unkompliziert macht.
778    </p>
779
780    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Deine Vorteile auf einen Blick</h3>
781    <ul class="space-y-4 my-10 not-prose">
782        <li class="flex gap-4 items-start bg-white p-6 rounded-3xl shadow-sm border border-slate-50">
783            <span class="bg-blue-600 text-white p-3 rounded-2xl h-fit font-black italic">01</span>
784            <div>
785                <h4 class="text-xl font-black text-slate-900 uppercase italic mb-1">Strände der Superlative</h4>
786                <p class="text-slate-500">Über 1.600 Kilometer Küstenlinie mit Sand, der so weiß und fein ist wie Puderzucker. Von der weltberühmten Playa Bavaro bis zur einsamen Bahía de las Águilas im wilden Südwesten.</p>
787            </div>
788        </li>
789        <li class="flex gap-4 items-start bg-white p-6 rounded-3xl shadow-sm border border-slate-50">
790            <span class="bg-blue-600 text-white p-3 rounded-2xl h-fit font-black italic">02</span>
791            <div>
792                <h4 class="text-xl font-black text-slate-900 uppercase italic mb-1">Abenteuer ohne Ende</h4>
793                <p class="text-slate-500">Wandere auf den Pico Duarte, den höchsten Berg der Karibik (über 3.000m), oder erlebe Adrenalin pur bei den 27 Wasserfällen von Damajagua nahe Puerto Plata.</p>
794            </div>
795        </li>
796        <li class="flex gap-4 items-start bg-white p-6 rounded-3xl shadow-sm border border-slate-50">
797            <span class="bg-blue-600 text-white p-3 rounded-2xl h-fit font-black italic">03</span>
798            <div>
799                <h4 class="text-xl font-black text-slate-900 uppercase italic mb-1">Luxus & Rhythmus</h4>
800                <p class="text-slate-500">Die Hotellerie in der Dom Rep setzt weltweit Maßstäbe. Erlebe erstklassigen Service in den besten Resorts und spüre die Seele des Landes bei Merengue und Bachata.</p>
801            </div>
802        </li>
803    </ul>
804
805    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Kultur, Musik und die Lebensfreude der Dominikaner</h3>
806    <p>
807        Wer die Dominikanische Republik besucht, wird unweigerlich vom Rhythmus des Landes angesteckt. Merengue und Bachata sind hier nicht nur Musikrichtungen, sondern das pulsierende Lebensgefühl einer ganzen Nation. Es ist fast unmöglich, durch ein Dorf zu fahren, ohne die Klänge aus einer "Colmado" (einem lokalen Tante-Emma-Laden mit Barbetrieb) zu hören. Die Gastfreundschaft der Einheimischen ist legendär. Ein Lächeln öffnet hier jede Tür, und die Offenheit, mit der Reisende empfangen werden, macht den Urlaub zu einer herzlichen Erfahrung.
808    </p>
809
810    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Nordküste vs. Südküste: Finde deinen Favoriten</h3>
811    <p>
812        Die Entscheidung für eine Region prägt deinen gesamten Urlaub. Der 
812<strong>Norden</strong> (Puerto Plata, Cabarete) ist rau, authentisch und perfekt für Wassersportler und Entdecker. Der <strong>Osten</strong> (Punta Cana) ist das Mekka der All-Inclusive Urlauber mit perfekten Postkartenstränden. Der <strong>Süden</strong> (Santo Domingo, Bayahíbe) besticht durch Geschichte, ruhiges karibisches Wasser und exzellente Tauchgründe. Wir helfen dir, genau den Ort zu finden, der zu deinem Vibe passt.
813    </p>
814</section>
815
816<!-- Content Grid: Fokus Regionen -->
817<section class="max-w-7xl mx-auto px-4 py-16">
818    <div class="flex flex-col md:flex-row justify-between items-end mb-16 gap-6 text-center md:text-left">
819        <div>
820            <h2 class="text-4xl md:text-6xl font-black mb-4 italic uppercase tracking-tighter leading-none">Wähle deinen <span class="gradient-text text-blue-600 font-black">Vibe</span>.</h2>
821            <p class="text-slate-500 text-lg max-w-md font-medium">Jede Region hat ihre eigene Seele. Wo ziehst du als nächstes hin?</p>
822        </div>
823        <a href="/regionen" class="text-blue-600 font-black hover:gap-4 transition flex items-center gap-2 uppercase italic tracking-tighter">Alle Regionen entdecken <span class="text-2xl">→</span></a>
824    </div>
825
826    <div class="grid grid-cols-1 md:grid-cols-12 gap-8">
827        <!-- Punta Cana Featured -->
828        <div class="md:col-span-8 group cursor-pointer overflow-hidden rounded-[4rem] relative h-[600px] shadow-2xl">
829            <img loading="lazy" width="600" height="400" src="/img/region-punta-cana.webp" class="w-full h-full object-cover group-hover:scale-110 transition duration-1000" alt="Punta Cana Urlaub">
830            <div class="absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900/20"></div>
831            <div class="absolute bottom-16 left-16 right-16 text-white text-center md:text-left">
832                <span class="bg-blue-600 px-6 py-2 rounded-full text-xs font-black uppercase mb-6 inline-block tracking-widest italic shadow-xl">Top Reiseziel 2026</span>
833                <h3 class="text-4xl md:text-6xl font-black mb-4 italic uppercase tracking-tighter leading-none">Punta Cana</h3>
834                <p class="opacity-80 max-w-sm mb-8 text-lg font-medium">Luxus, All-Inclusive und 32km Palmenstrände. Das Herz der Karibik schlägt hier.</p>
835                <a href="/punta-cana" class="bg-white text-slate-900 px-10 py-4 rounded-2xl font-black hover:bg-slate-200 transition shadow-xl uppercase italic tracking-tighter inline-block">Entdecken</a>
836            </div>
837        </div>
838
839        <!-- Samana Featured -->
840        <div class="md:col-span-4 group cursor-pointer overflow-hidden rounded-[4rem] relative h-[600px] shadow-2xl">
841            <img loading="lazy" width="600" height="400" src="/img/region-samana.webp" class="w-full h-full object-cover group-hover:scale-110 transition duration-1000" alt="Samana Abenteuer">
842            <div class="absolute inset-0 bg-gradient-to-t from-slate-900 via-slate-900/20"></div>
843            <div class="absolute bottom-16 left-12 text-white">
844                <span class="bg-green-600 px-4 py-1 rounded-full text-[10px] font-black uppercase mb-4 inline-block tracking-widest italic">Natur pur</span>
845                <h3 class="text-3xl font-black mb-4 italic uppercase tracking-tighter">Samaná</h3>
846                <p class="opacity-80 mb-8 text-sm font-medium">Wilde Klippen, dichte Kokoswälder und majestätische Wale.</p>
847                <a href="/samana" class="text-white font-black border-b-4 border-blue-400 hover:border-white transition uppercase italic tracking-tighter text-sm">Mehr erfahren</a>
848            </div>
849        </div>
850    </div>
851</section>
852
853<!-- Additional SEO Section: Planning & Logistics -->
854<section class="max-w-5xl mx-auto px-4 py-32 prose prose-slate prose-xl text-slate-600 leading-relaxed">
855    <h3 class="text-3xl font-black text-slate-900 mt-20 mb-6 italic uppercase tracking-tight">Planung ist alles: Dein Weg ins Paradies</h3>
856    <p>
857        Damit dein Urlaub in der Dominikanischen Republik ein voller Erfolg wird, haben wir detaillierte Guides für dich vorbereitet. Die Einreise ist dank des neuen E-Ticket-Systems einfacher geworden, erfordert aber eine kurze Vorbereitung vor dem Abflug. Wir klären dich über die beste Reisezeit auf, damit du nicht in der Hurrikan-Saison von Regengüssen überrascht wirst. Auch das Thema Sicherheit liegt uns am Herzen: Wir geben dir transparente Informationen darüber, wie du dich sicher auf der Insel bewegst und welche Gebiete du nachts meiden solltest. Unser Ziel ist es, dass du dich bestens vorbereitet fühlst, damit du vor Ort einfach nur genießen kannst.
858    </p>
859    <div class="bg-blue-50 p-10 rounded-[3rem] border border-blue-100 mt-16 not-prose">
860        <h4 class="text-2xl font-black text-blue-900 italic uppercase mb-4 tracking-tight">Kompakt-Check für Reisende</h4>
861        <ul class="grid md:grid-cols-2 gap-6 text-blue-800 font-medium italic">
862            <li class="flex items-center gap-3">✓ Reisepass (6 Monate gültig)</li>
863            <li class="flex items-center gap-3">✓ Digitales E-Ticket QR-Code</li>
864            <li class="flex items-center gap-3">✓ US-Stecker Adapter (Typ A/B)</li>
865            <li class="flex items-center gap-3">✓ Sonnenschutz LSF 50+</li>
866        </ul>
867    </div>
868</section>
869
870<!-- Experience Section -->
871<section class="bg-slate-900 py-32 rounded-[5rem] mx-4 mb-32 relative overflow-hidden">
872    <div class="absolute top-0 right-0 w-1/2 h-full bg-blue-600/5 blur-[120px]"></div>
873    <div class="max-w-6xl mx-auto px-4 grid md:grid-cols-2 gap-20 items-center relative z-10">
874        <div class="relative">
875            <img loading="lazy" src="/img/hero-main.jpg" class="rounded-[4rem] shadow-2xl rotate-3 transition hover:rotate-0 duration-700" alt="Karibik Feeling">
876            <div class="absolute -bottom-10 -left-10 glass p-10 rounded-[3rem] -rotate-6 hidden md:block shadow-2xl border border-white/20">
877                <div class="text-5xl font-black mb-1 italic gradient-text">98%</div>
878                <div class="text-xs font-black text-slate-500 uppercase tracking-widest">Happy Travelers</div>
879            </div>
880        </div>
881        <div class="text-white">
882            <h2 class="text-4xl md:text-7xl font-black mb-10 leading-none italic uppercase tracking-tighter">Dein Insider-<br><span class="text-blue-400 italic font-black">Vorteil</span>.</h2>
883            <div class="space-y-10">
884                <div class="flex gap-8">
885                    <div class="bg-blue-600 p-4 rounded-2xl h-fit text-white text-2xl shadow-xl italic font-black">✓</div>
886                    <div>
887                        <h4 class="text-2xl font-black mb-2 uppercase italic tracking-tight">Echte Bewertungen</h4>
888                        <p class="text-slate-400 text-lg leading-relaxed">Wir zeigen dir die Resorts, wie sie wirklich sind. Keine geschönten Marketing-Fotos, sondern Fakten für deinen Urlaub 2026.</p>
889                    </div>
890                </div>
891                <div class="flex gap-8">
892                    <div class="bg-blue-600 p-4 rounded-2xl h-fit text-white text-2xl shadow-xl italic font-black">✓</div>
893                    <div>
894                        <h4 class="text-2xl font-black mb-2 uppercase italic tracking-tight">Preis-Vergleich 2.0</h4>
895                        <p class="text-slate-400 text-lg leading-relaxed">Wir scannen täglich alle großen Portale für die besten Dom-Rep Deals, damit du garantiert zum Bestpreis buchst. Affiliate-Transparenz inklusive.</p>
896                    </div>
897                </div>
898            </div>
899            <div class="mt-16 flex flex-col sm:flex-row items-center gap-8">
900                <a href="/angebote" class="bg-white text-slate-900 font-black px-12 py-6 rounded-[2rem] hover:bg-slate-200 transition shadow-2xl uppercase italic tracking-tighter w-full sm:w-auto text-center">Zu den Hotel-Deals*</a>
901                <div class="text-slate-500 text-sm italic font-medium">
901Partner-Rabatte inklusive*</div>
902            </div>
903        </div>
904    </div>
905</section>
906
907<!-- Newsletter / Call to Action -->
908<section class="max-w-7xl mx-auto px-4 pb-32">
909    <div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-[5rem] p-12 md:p-32 text-center relative overflow-hidden shadow-2xl shadow-blue-500/30">
910        <div class="absolute top-0 right-0 w-96 h-96 bg-white/10 rounded-full -translate-y-1/2 translate-x-1/2 blur-3xl"></div>
911        <div class="absolute bottom-0 left-0 w-64 h-64 bg-slate-900/20 rounded-full translate-y-1/2 -translate-x-1/2 blur-3xl"></div>
912        
913        <h2 class="text-4xl md:text-8xl font-black text-white mb-8 italic uppercase tracking-tighter leading-none">Nichts mehr<br>verpassen.</h2>
914        <p class="text-blue-100 text-xl md:text-2xl mb-16 max-w-2xl mx-auto font-medium leading-relaxed opacity-90">Hol dir die exklusiven Geheimtipps und die heißesten Error-Fares direkt in dein Postfach.</p>
915        
916        <form action="https://formsubmit.co/[email protected]" method="POST" class="flex flex-col md:flex-row gap-6 max-w-2xl mx-auto">
917            <input type="hidden" name="_subject" value="Neuer Newsletter-Abonnent">
918            <input type="hidden" name="_captcha" value="false">
919            <input type="hidden" name="_next" value="https://www.dom-rep.de/?subscribed=1">
920            <input type="hidden" name="_template" value="table">
921            <input type="text" name="_honey" style="display:none">
922            <label for="newsletter-email" class="sr-only">E-Mail Adresse</label>
923            <input type="email" id="newsletter-email" name="email" required placeholder="Deine E-Mail Adresse" class="flex-1 px-10 py-6 rounded-3xl bg-white text-slate-900 border-none text-lg font-bold placeholder-slate-400 focus:ring-4 focus:ring-blue-400 transition shadow-2xl outline-none">
924            <button type="submit" class="bg-slate-900 text-white font-black px-12 py-6 rounded-3xl hover:bg-slate-800 transition shadow-2xl uppercase italic tracking-tighter text-lg">Abonnieren</button>
925        </form>
926        <p class="mt-8 text-blue-200 text-sm font-medium opacity-60">Abmeldung jederzeit möglich. Datenschutz wird bei uns großgeschrieben. Willkommen in 2026.</p>
927    </div>
928</section>
929
930</main>
931
932
933
934
935<!-- Last Updated Badge -->
936
937<!-- Sticky Hotel CTA -->
938
939
940<footer class="bg-slate-900 text-white pt-32 pb-16 mt-32 rounded-t-[5rem]">
941    <div class="max-w-6xl mx-auto px-4">
942        <div class="grid grid-cols-1 md:grid-cols-12 gap-16 mb-20">
943            <!-- Brand -->
944            <div class="md:col-span-5">
945                <a href="https://www.dom-rep.de/" class="text-3xl font-extrabold tracking-tighter flex items-center gap-2 mb-8">
946                    <span class="bg-blue-600 text-white px-2 py-1 rounded-lg">DR</span>
947                    <span>DOM-REP.DE</span>
948                </a>
949                <p class="text-slate-400 text-lg leading-relaxed mb-10 max-w-sm">
950                    Dein digitaler Reisebegleiter für die Dominikanische Republik. Wir helfen dir, das Beste aus deinem Karibik-Urlaub herauszuholen.
951                </p>
952                                <div class="flex gap-4">
953                    <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.dom-rep.de%2F&text=Reisef%C3%BChrer+Dominikanische+Republik+2026+-+Insider-Tipps+%26+Deals" target="_blank" rel="noopener nofollow" title="Auf X/Twitter teilen" class="w-12 h-12 rounded-2xl bg-slate-800 flex items-center justify-center hover:bg-blue-600 transition">
954                        <svg class="w-6 h-6 fill-current" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
955                    </a>
956                    <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.dom-rep.de%2F" target="_blank" rel="noopener nofollow" title="Auf Facebook teilen" class="w-12 h-12 rounded-2xl bg-slate-800 flex items-center justify-center hover:bg-blue-700 transition">
957                        <svg class="w-6 h-6 fill-current" viewBox="0 0 24 24">
957<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
958                    </a>
959                    <a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.dom-rep.de%2F&description=Reisef%C3%BChrer+Dominikanische+Republik+2026+-+Insider-Tipps+%26+Deals" target="_blank" rel="noopener nofollow" title="Auf Pinterest pinnen" class="w-12 h-12 rounded-2xl bg-slate-800 flex items-center justify-center hover:bg-red-600 transition">
960                        <svg class="w-6 h-6 fill-current" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/></svg>
961                    </a>
962                    <a href="https://wa.me/?text=Reisef%C3%BChrer+Dominikanische+Republik+2026+-+Insider-Tipps+%26+Deals%20https%3A%2F%2Fwww.dom-rep.de%2F" target="_blank" rel="noopener nofollow" title="Per WhatsApp teilen" class="w-12 h-12 rounded-2xl bg-slate-800 flex items-center justify-center hover:bg-green-600 transition">
963                        <svg class="w-6 h-6 fill-current" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
964                    </a>
965                </div>
966            </div>
967
968            <!-- Links -->
969            <div class="md:col-span-2">
970                <h4 class="text-white font-bold mb-8 uppercase tracking-widest text-sm">Entdecken</h4>
971                <ul class="space-y-4 text-slate-400 font-medium">
972                    <li><a href="https://www.dom-rep.de/regionen" class="hover:text-blue-400 transition">Regionen</a></li>
973                    <li><a href="https://www.dom-rep.de/tipps" class="hover:text-blue-400 transition">Reisetipps</a></li>
974                    <li><a href="https://www.dom-rep.de/angebote" class="hover:text-blue-400 transition">Hotel-Deals</a></li>
975                </ul>
976            </div>
977
978            <!-- More Links -->
979            <div class="md:col-span-2">
980                <h4 class="text-white font-bold mb-8 uppercase tracking-widest text-sm">Transparenz</h4>
981                <ul class="space-y-4 text-slate-400 font-medium">
982                    <li><a href="https://www.dom-rep.de/ueber-uns" class="hover:text-blue-400 transition">Über uns</a></li>
983                    <li><a href="https://www.dom-rep.de/impressum" class="hover:text-blue-400 transition">Impressum</a></li>
984                    <li><a href="https://www.dom-rep.de/datenschutz" class="hover:text-blue-400 transition">Datenschutz</a></li>
985                    <li><a href="https://www.dom-rep.de/kontakt" class="hover:text-blue-400 transition">Kontakt</a></li>
986                </ul>
987            </div>
988
989            <!-- Contact -->
990            <div class="md:col-span-3">
991                <h4 class="text-white font-bold mb-8 uppercase tracking-widest text-sm">Qualität</h4>
992                <div class="bg-slate-800 p-6 rounded-3xl border border-slate-700">
993                    <div class="flex items-center gap-3 mb-3">
994                        <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 flex items-center justify-center text-white">
995                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
996                        </div>
997                        <div>
998                            <p class="text-white font-bold text-sm">Geprüfte Inhalte</p>
999                            <p class="text-slate-500 text-xs">Unabhängig & aktuell</p>
1000                        </div>
1001                    </div>
1002                    <p class="text-xs text-slate-500 leading-relaxed">Alle Informationen werden regelmäßig überprüft und aktualisiert.</p>
1003                </div>
1004            </div>
1005        </div>
1006
1007        <div class="pt-16 border-t border-slate-800 flex flex-col md:flex-row justify-between items-center gap-6">
1008            <p class="text-slate-500 text-sm">
1009                &copy; 2026 DOM-REP.DE. All rights reserved. Made with 🔥 for the Karibik.
1010            </p>
1011            <div class="text-xs text-slate-600 max-w-md md:text-right">
1012                *Die mit Sternchen (*) gekennzeichneten Links sind Affiliate-Links. Wenn du darüber buchst, erhalten wir eine kleine Provision – ohne Aufpreis für dich.
1013            </div>
1014        </div>
1015    </div>
1016</footer>
1017
1018<!-- Back to Top Button -->
1019<button id="back-to-top" aria-label="Nach oben scrollen" style="
1020    position: fixed;
1021    bottom: 2rem;
1022    right: 2rem;
1023    z-index: 1000;
1024    width: 3rem;
1025    height: 3rem;
1026    border-radius: 1rem;
1027    border: none;
1028    background: linear-gradient(135deg, #2563eb, #1d4ed8);
1029    color: white;
1030    cursor: pointer;
1031    display: flex;
1032    align-items: center;
1033    justify-content: center;
1034    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
1035    opacity: 0;
1036    visibility: hidden;
1037    transform: translateY(1rem);
1038    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1039">
1040    <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>
1041</button>
1042<script>
1043(function(){
1044    const btn = document.getElementById('back-to-top');
1045    let visible = false;
1046    function toggle() {
1047        const show = window.scrollY > 400;
1048        if (show !== visible) {
1049            visible = show;
1050            btn.style.opacity = show ? '1' : '0';
1051            btn.style.visibility = show ? 'visible' : 'hidden';
1052            btn.style.transform = show ? 'translateY(0)' : 'translateY(1rem)';
1053        }
1054    }
1055    window.addEventListener('scroll', toggle, { passive: true });
1056    btn.addEventListener('click', function() {
1057        window.scrollTo({ top: 0, behavior: 'smooth' });
1058    });
1059    btn.addEventListener('mouseenter', function() {
1060        btn.style.transform = 'translateY(-2px)';
1061        btn.style.boxShadow = '0 12px 32px rgba(37, 99, 235, 0.5)';
1062    });
1063    btn.addEventListener('mouseleave', function() {
1064        btn.style.transform = visible ? 'translateY(0)' : 'translateY(1rem)';
1065        btn.style.boxShadow = '0 8px 24px rgba(37, 99, 235, 0.35)';
1066    });
1067})();
1068</script>
1068
1069
1070</body>
1071</html>
1072

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.