PageSourceSearch

https://www.amigoholiday.de/

html amigoholiday.de collected 2026-10-06 16:40:19 UTC 227,191 bytes, 3,046 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" xmlns:v-on="http://www.w3.org/1999/xhtml" style="font-size: 1rem">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <meta name="description" content="Ihr Reisepartner für unvergessliche Momente ☀ Jetzt Urlaub online buchen oder persönlich beraten lassen!"/>
8    <meta name="robots" content="index,follow"/>
9
10    <meta property="og:type" content="website"/>
11    <meta property="og:image" content="https://onl-cdn.s3.amazonaws.com/og/default.jpg"/>
12        <meta property="og:url" content="https://www.amigoholiday.de" /> 
13        <meta property="og:title" content="Amigo Holiday Flugreisen GmbH, Reisebüro in Hamburg"/>
14                <meta property="og:description" content="Ihr Reisepartner für unvergessliche Momente ☀ Jetzt Urlaub online buchen oder persönlich beraten lassen!"/>
15            
16    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
17    <meta http-equiv="content-language" content="de"/>
18    <meta http-equiv="expires" content="0"/>
19    
20    
21
22    <title>Amigo Holiday Flugreisen GmbH, Reisebüro in Hamburg</title>
23
24    
25            <base href="/"/>
26        <link href="/favicon.ico" rel="shortcut icon"/>
27    
28    <link href="/assets/css/app.css?v=5" rel="stylesheet">
29    <link href="/assets/refactor/tailwind.css?v=47" rel="stylesheet">
30    
31            <link href="local.css?1791304819" rel="stylesheet">
32    
33    <link href="/assets/css/bfsg.css?1791304819" rel="stylesheet">
34
35    
36    
37    
38    
39    
40    
41        <!-- Matomo -->
42    
42<script type="text/javascript">
43        var _paq = window._paq = window._paq || [];
44                _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
45        _paq.push(["setDoNotTrack", true]);
46        _paq.push(['enableHeartBeatTimer', 30]);
47        _paq.push(["disableCookies"])
48
49                _paq.push(['setCustomDimension', 1, "3910"]);
50        _paq.push(['setCustomDimension', 2, "www.amigoholiday.de"]);
51        _paq.push(['setCustomDimension', 3, "3910"]);
52        _paq.push(['setCustomDimension', 4, "www.amigoholiday.de"]);
53        
54        _paq.push(['trackPageView']);
55        _paq.push(['enableLinkTracking']);
56
57        (function() {
58            var u="https://onlineweg.matomo.cloud/";
59            _paq.push(['setTrackerUrl', u+'matomo.php']);
60                        _paq.push(['setSiteId', '1']);
61                        
62            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
63            g.async=true; g.src='//cdn.matomo.cloud/onlineweg.matomo.
63cloud/matomo.js'; s.parentNode.insertBefore(g,s);
64        })();
65    </script>
65
66                    <noscript><img referrerpolicy="no-referrer-when-downgrade" src="https://onlineweg.matomo.cloud/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" /></noscript>
67                <!-- End Matomo Code -->
68
69    
70            
71    
72        
73
74    
75    
76    
77    
78    </head>
79
80<body class="tw-font-barlow">
81<script src="/assets/scripts/vue.global.prod.js" data-cookieconsent="ignore"></script>
vendor: 1 bytes, line 81
81
82<script src="/assets/refactor/app.js?v=2" data-cookieconsent="ignore"></script>
82
83
84
85
86
87
88    <link href="/assets/refactor/air-datepicker.css" rel="stylesheet">
89    <style>
90        .air-datepicker.-inline- {
91            width: 100%;
92            height: 270px
93        }
94        @media (min-width: 740px) {
95            .tw-old_content-home .md\:tw-text-3xl {
96                font-size: 1.171875rem!important;
97                line-height: 1.40625rem!important;
98            }
99        }
100        @media (min-width: 960px) {
101            .tw-old_content-home .lg\:tw-gap-8 {
102                gap: 1.25rem!important;
103            }
104        } 
105        .tw-old_content-home .tw-gap-12 {
106            gap: 1.875rem!important;
107        }
108        .tw-old_content-home .tw-h-32 {
109            height: 5rem!important;
110        }
111        .tw-old_content-home .tw-h-56 {
112            height: 8.75rem!important;
113        }
114        .tw-old_content-home .tw-m-2 {
115            margin: 0.3125rem!important;
116        }
117        .tw-old_content-home .tw-mb-12 {
118            margin-bottom: 1.875rem!important;
119        }
120        .tw-old_content-home .tw-mb-4 {
121            margin-bottom: 0.625rem!important;
122        }
123        .tw-old_content-home .tw-mb-8 {
124            margin-bottom: 1.25rem!important;
125        }
126        .tw-old_content-home .tw-min-h-24 {
127            min-height: 3.75rem!important;
128        }
129        .tw-old_content-home .tw-ml-2 {
130            margin-left: 0.3125rem!important;
131        }
132        .tw-old_content-home .tw-mr-2 {
133            margin-right: 0.3125rem!important;
134        }
135        .tw-old_content-home .tw-mr-4 {
136            margin-left: 0.625rem!important;
137        }
138        .tw-old_content-home .tw-mr-8 {
139            margin-left: 1.25rem!important;
140        }
141        .tw-old_content-home .tw-mt-12 {
142            margin-top: 1.875rem!important;
143        }
144        .tw-old_content-home .tw-mt-4 {
145            margin-top: 0.625rem!important;
146        }
147        .tw-old_content-home .tw-mx-2 {
148            margin-left: 0.3125rem !important;
149            margin-right: 0.3125rem !important;
150        }
151        .tw-old_content-home .tw-mx-4 {
152            margin-left: 0.625rem !important;
153            margin-right: 0.625rem !important;
154        }
155        .tw-old_content-home .tw-mx-8 {
156            margin-left: 1.25rem !important;
157            margin-right: 1.25rem !important;
158        }
159        .tw-old_content-home .tw-my-4 {
160            margin-top: 0.625rem !important;
161            margin-bottom: 0.625rem !important;
162        }
163        .tw-old_content-home .tw-p-2 {
164            padding: 0.3125rem !important
165        }
166        .tw-old_content-home .tw-p-4 {
167            padding: 0.625rem !important
168        }
169        .tw-old_content-home .tw-pl-4 {
170            padding-left: 0.625rem !important
171        }
172        .tw-old_content-home .tw-pr-4 {
173            padding-right: 0.625rem !important
174        }
175        .tw-old_content-home .tw-pt-4 {
176            padding-top: 0.625rem !important
177        }
178        .tw-old_content-home .tw-pt-8 {
179            padding: 1.25rem !important
180        }
181        .tw-old_content-home .tw-px-4 {
182            padding-left: 0.625rem !important;
183            padding-right: 0.625rem !important
184        }
185
186        .tw-old-footer .tw-h-12 {
187            height: 1.875rem !important
188        }
189        .tw-old-footer .tw-h-16 {
190            height: 2.5rem !important
191        }
192        .tw-old-footer .tw-mb-2 {
193            margin-bottom: 0.3125rem !important
194        }
195        .tw-old-footer .tw-mr-8 {
196            margin-right: 1.25rem !important
197        }
198        .tw-old-footer .tw-mt-4 {
199            margin-right: 0.625rem !important
200        }
201        .tw-old-footer .tw-p-4 {
202            padding: 0.625rem !important
203        }
204        .tw-old-footer .tw-px-4 {
205            padding-left: 0.625rem !important;
206            padding-right: 0.625rem !important
207        }
208    </style>
209    <style>
210        @media (max-width: 767px) {
211            .page__contentwrapper--background {
212                background: none !important;
213                background-color: #efefef !important;
214            }
215        }
216
217        .popover-left {
218            left: 0;
219            right: 0;
220        }
221        .autocomplete-suggestions {
222            border-radius: 0.5rem !important;
223            width: 100% !important
224        }
225        .autocomplete-suggestion {
226            padding:8px !important;
227        }
228
229        .teaser_hover {
230            position: relative;
231            cursor: pointer;
232            overflow: hidden;
233            max-width: 960px;
234            margin: 0 auto;
235        }
236        .teaser_hover:hover img.banner-hover {
237            opacity: 1;
238        }
239        .teaser_hover img.banner-hover {
240            position: absolute;
241            top: 0;
242            opacity: 0;
243            -webkit-transition: opacity 0.75s;
244            -moz-transition: opacity 0.75s;
245            -ms-transition: opacity 0.75s;
246            -o-transition: opacity 0.75s;
247            transition: opacity 0.75s;
248        }
249
250        .slide-fade-enter-active {
251            transition: all .5s ease;
252            pointer-events: auto;
253        }
254        .slide-fade-leave-active {
255
256        }
257        .slide-fade-enter, .slide-fade-leave-active {
258            transform: translateY(50px);
259            opacity: 0;
260            pointer-events: none;
261        }
262
263        .autocomplete-suggestions {
264            position: absolute !important;
265        }
266
267        .modal .modal-dialog {
268            margin: 10px auto !important;
269        }
270        .modal .modal-body {
271            height:calc(100vh - 150px) !important;
272        }
273
274
275        .rdate-theme .pika-lendar, .rdate-theme .pika-button {
276            background: #e1e1e1;
277        }
278
279        .rdate-theme .is-selected .pika-button {
280            background: #33aaff;
281            box-shadow: inset 0 1px 3px #178fe5;
282        }
283
284        .rdate-theme .pika-button:hover {
285            background: #ff8000;
286            box-shadow: none;
287        }
288        .checkbox {
289            padding-left: 20px;
290            margin: 6px 0;
291        }
292        .checkbox label {
293            display: inline-block;
294            vertical-align: middle;
295            position: relative;
296            padding-left: 5px;
297        }
298        .checkbox label::before {
299            content: "";
300            display: inline-block;
301            position: absolute;
302            width: 17px;
303            height: 17px;
304            left: 0;
305            top: 1px;
306            margin-left: -20px;
307            border: 1px solid #cccccc;
308            border-radius: 3px;
309            background-color: #fff;
310            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
311            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
312            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
313        }
314        .checkbox label::after {
315            display: inline-block;
316            position: absolute;
317            width: 16px;
318            height: 16px;
319            left: 0;
320            top: 0;
321            margin-left: -20px;
322            padding-left: 3px;
323            padding-top: 1px;
324            font-size: 11px;
325            color: #555555;
326        }
327        .checkbox input[type="checkbox"],
328        .checkbox input[type="radio"] {
329            opacity: 0;
330            z-index: 1;
331            cursor: pointer;
332        }
333        .checkbox input[type="checkbox"]:focus + label::before,
334        .checkbox input[type="radio"]:focus + label::before {
335            outline: thin dotted;
336            outline: 5px auto -webkit-focus-ring-color;
337            outline-offset: -2px;
338        }
339        .checkbox input[type="checkbox"]:checked + label::after,
340        .checkbox input[type="radio"]:checked + label::after {
341            font-family: "FontAwesome";
342            content: "\f00c";
343        }
344        .checkbox input[type="checkbox"]:indeterminate + label::after,
345        .checkbox input[type="radio"]:indeterminate + label::after {
346            display: block;
347            content: "";
348            width: 10px;
349            height: 3px;
350            background-color: #555555;
351            border-radius: 2px;
352            margin-left: -16.5px;
353            margin-top: 7px;
354        }
355        .checkbox input[type="checkbox"]:disabled + label,
356        .checkbox input[type="radio"]:disabled + label {
357            opacity: 0.65;
358        }
359        .checkbox input[type="checkbox"]:disabled + label::before,
360        .checkbox input[type="radio"]:disabled + label::before {
361            background-color: #eeeeee;
362            cursor: not-allowed;
363        }
364        .checkbox.checkbox-circle label::before {
365            border-radius: 50%;
366        }
367        .checkbox.checkbox-inline {
368            margin-top: 0;
369        }
370
371        .checkbox-primary input[type="checkbox"]:checked + label::before,
372        .checkbox-primary input[type="radio"]:checked + label::before {
373            background-color: #337ab7;
374            border-color: #337ab7;
375        }
376        .checkbox-primary input[type="checkbox"]:checked + label::after,
377        .checkbox-primary input[type="radio"]:checked + label::after {
378            color: #fff;
379        }
380
381        .checkbox-danger input[type="checkbox"]:checked + label::before,
382        .checkbox-danger input[type="radio"]:checked + label::before {
383            background-color: #d9534f;
384            border-color: #d9534f;
385        }
386        .checkbox-danger input[type="checkbox"]:checked + label::after,
387        .checkbox-danger input[type="radio"]:checked + label::after {
388            color: #fff;
389        }
390
391        .checkbox-info input[type="checkbox"]:checked + label::before,
392        .checkbox-info input[type="radio"]:checked + label::before {
393            background-color: #5bc0de;
394            border-color: #5bc0de;
395        }
396        .checkbox-info input[type="checkbox"]:checked + label::after,
397        .checkbox-info input[type="radio"]:checked + label::after {
398            color: #fff;
399        }
400
401        .checkbox-warning input[type="checkbox"]:checked + label::before,
402        .checkbox-warning input[type="radio"]:checked + label::before {
403            background-color: #f0ad4e;
404            border-color: #f0ad4e;
405        }
406        .checkbox-warning input[type="checkbox"]:checked + label::after,
407        .checkbox-warning input[type="radio"]:checked + label::after {
408            color: #fff;
409        }
410
411        .checkbox-success input[type="checkbox"]:checked + label::before,
412        .checkbox-success input[type="radio"]:checked + label::before {
413            background-color: #5cb85c;
414            border-color: #5cb85c;
415        }
416        .checkbox-success input[type="checkbox"]:checked + label::after,
417        .checkbox-success input[type="radio"]:checked + label::after {
418            color: #fff;
419        }
420
421        .checkbox-primary input[type="checkbox"]:indeterminate + label::before,
422        .checkbox-primary input[type="radio"]:indeterminate + label::before {
423            background-color: #337ab7;
424            border-color: #337ab7;
425        }
426
427        .checkbox-primary input[type="checkbox"]:indeterminate + label::after,
428        .checkbox-primary input[type="radio"]:indeterminate + label::after {
429            background-color: #fff;
430        }
431
432        .checkbox-danger input[type="checkbox"]:indeterminate + label::before,
433        .checkbox-danger input[type="radio"]:indeterminate + label::before {
434            background-color: #d9534f;
435            border-color: #d9534f;
436        }
437
438        .checkbox-danger input[type="checkbox"]:indeterminate + label::after,
439        .checkbox-danger input[type="radio"]:indeterminate + label::after {
440            background-color: #fff;
441        }
442
443        .checkbox-info input[type="checkbox"]:indeterminate + label::before,
444        .checkbox-info input[type="radio"]:indeterminate + label::before {
445            background-color: #5bc0de;
446            border-color: #5bc0de;
447        }
448
449        .checkbox-info input[type="checkbox"]:indeterminate + label::after,
450        .checkbox-info input[type="radio"]:indeterminate + label::after {
451            background-color: #fff;
452        }
453
454        .checkbox-warning input[type="checkbox"]:indeterminate + label::before,
455        .checkbox-warning input[type="radio"]:indeterminate + label::before {
456            background-color: #f0ad4e;
457            border-color: #f0ad4e;
458        }
459
460        .checkbox-warning input[type="checkbox"]:indeterminate + label::after,
461        .checkbox-warning input[type="radio"]:indeterminate + label::after {
462            background-color: #fff;
463        }
464
465        .checkbox-success input[type="checkbox"]:indeterminate + label::before,
466        .checkbox-success input[type="radio"]:indeterminate + label::before {
467            background-color: #5cb85c;
468            border-color: #5cb85c;
469        }
470
471        .checkbox-success input[type="checkbox"]:indeterminate + label::after,
472        .checkbox-success input[type="radio"]:indeterminate + label::after {
473            background-color: #fff;
474        }
475
476        .radio {
477            padding-left: 20px;
478        }
479        .radio label {
480            display: inline-block;
481            vertical-align: middle;
482            position: relative;
483            padding-left: 5px;
484        }
485        .radio label::before {
486            content: "";
487            display: inline-block;
488            position: absolute;
489            width: 17px;
490            height: 17px;
491            left: 0;
492            margin-left: -20px;
493            border: 1px solid #cccccc;
494            border-radius: 50%;
495            background-color: #fff;
496            -webkit-transition: border 0.15s ease-in-out;
497            -o-transition: border 0.15s ease-in-out;
498            transition: border 0.15s ease-in-out;
499        }
500        .radio label::after {
501            display: inline-block;
502            position: absolute;
503            content: " ";
504            width: 11px;
505            height: 11px;
506            left: 3px;
507            top: 3px;
508            margin-left: -20px;
509            border-radius: 50%;
510            background-color: #555555;
511            -webkit-transform: scale(0, 0);
512            -ms-transform: scale(0, 0);
513            -o-transform: scale(0, 0);
514            transform: scale(0, 0);
515            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
516            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
517            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
518            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
519        }
520        .radio input[type="radio"] {
521            opacity: 0;
522            z-index: 1;
523            cursor: pointer;
524        }
525        .radio input[type="radio"]:focus + label::before {
526            outline: thin dotted;
527            outline: 5px auto -webkit-focus-ring-color;
528            outline-offset: -2px;
529        }
530        .radio input[type="radio"]:checked + label::after {
531            -webkit-transform: scale(1, 1);
532            -ms-transform: scale(1, 1);
533            -o-transform: scale(1, 1);
534            transform: scale(1, 1);
535        }
536        .radio input[type="radio"]:disabled + label {
537            opacity: 0.65;
538        }
539        .radio input[type="radio"]:disabled + label::before {
540            cursor: not-allowed;
541        }
542        .radio.radio-inline {
543            margin-top: 0;
544        }
545
546        .radio-primary input[type="radio"] + label::after {
547            background-color: #337ab7;
548        }
549        .radio-primary input[type="radio"]:checked + label::before {
550            border-color: #337ab7;
551        }
552        .radio-primary input[type="radio"]:checked + label::after {
553            background-color: #337ab7;
554        }
555
556        .radio-danger input[type="radio"] + label::after {
557            background-color: #d9534f;
558        }
559        .radio-danger input[type="radio"]:checked + label::before {
560            border-color: #d9534f;
561        }
562        .radio-danger input[type="radio"]:checked + label::after {
563            background-color: #d9534f;
564        }
565
566        .radio-info input[type="radio"] + label::after {
567            background-color: #5bc0de;
568        }
569        .radio-info input[type="radio"]:checked + label::before {
570            border-color: #5bc0de;
571        }
572        .radio-info input[type="radio"]:checked + label::after {
573            background-color: #5bc0de;
574        }
575
576        .radio-warning input[type="radio"] + label::after {
577            background-color: #f0ad4e;
578        }
579        .radio-warning input[type="radio"]:checked + label::before {
580            border-color: #f0ad4e;
581        }
582        .radio-warning input[type="radio"]:checked + label::after {
583            background-color: #f0ad4e;
584        }
585
586        .radio-success input[type="radio"] + label::after {
587            background-color: #5cb85c;
588        }
589        .radio-success input[type="radio"]:checked + label::before {
590            border-color: #5cb85c;
591        }
592        .radio-success input[type="radio"]:checked + label::after {
593            background-color: #5cb85c;
594        }
595
596        input[type="checkbox"].styled:checked + label:after,
597        input[type="radio"].styled:checked + label:after {
598            font-family: 'FontAwesome';
599            content: "\f00c";
600        }
601        input[type="checkbox"] .styled:checked + label::before,
602        input[type="radio"] .styled:checked + label::before {
603            color: #fff;
604        }
605        input[type="checkbox"] .styled:checked + label::after,
606        input[type="radio"] .styled:checked + label::after {
607            color: #fff;
608        }
609
610        .tooltip-inner {
611            background-color: #2d606c !important;
612        }
613        .tooltip-inner {
614            width: 300px !important;
615            max-width: 300px !important;
616            text-align: left !important;
617            background-color: #2d606c !important;
618        }
619
620        h4.lastbooked::after {
621            width: 110px !important
622        }
623
624        .tw-bg-blue-400 {
625        --tw-bg-opacity: 1;
626        background-color: rgb(96 165 250 / var(--tw-bg-opacity));
627        }
628
629        .hover\:tw-bg-blue-500:hover {
630        --tw-bg-opacity: 1;
631        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
632        }
633
634        .tw-text-gray-400 {
635        --tw-text-opacity: 1;
636        color: rgb(156 163 175 / var(--tw-text-opacity));
637        }
638
639        .tw-rounded {
640        border-radius: 0.25rem;
641        }
642
643        .card-overlay {
644        background-color: rgba(255, 255, 255, 0.85);
645        }
646
647        @supports((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
648            .card-overlay {
649                background-color: rgba(255, 255, 255, 0.6);
650                backdrop-filter: blur(6px);
651                -webkit-backdrop-filter: blur(6px);
652            }
653        }
654    </style>
655
656            <style>
657            @media(max-width: 768px) {
658                .autocomplete-suggestions {
659                    top:-147px;
660                }
661                .popover-airports {
662                    top:-218px;
663                }
664                .popover-travelperiod {
665                    top:-76px;
666                }
667                .popover-teilnehmer {
668                    top:-5px;
669                }
670            }
671            .popover-right {
672                left: 10px;
673            }
674        </style>
675
676        
676<script>
677            $(function() {
678                $('#bewotec-form').on('submit', function(e) {
679                    e.preventDefault;
680                    window.open("https://meinereisedaten.de/"+($('#bewotec-webcode').val()));
681                })
682            })
683        </script>
683
684    
685    
686    
687<style>
688    .visuallyhidden {
689        border: 0;
690        clip: rect(0 0 0 0);
691        height: 1px;
692        margin: -1px;
693        overflow: hidden;
694        padding: 0;
695        position: absolute;
696        width: 1px;
697    }
698
699    input {
700        outline: none;
701    }
702
703    a:focus-visible,
704    button:focus-visible,
705    input:focus-visible,
706    select:focus-visible,
707    textarea:focus-visible {    
708        outline: none !important;
709        box-shadow: 0 0 0 3px #005289 !important;
710    }
711
712    .zoom-on-hover {
713        overflow: hidden;
714    }
715
716    .zoom-on-hover img {
717        transition: transform 0.3s ease-out;
718        transform: scale(1);
719    }
720
721    .zoom-on-hover:hover img {
722        transform: scale(1.02);
723    }
724
725    .has-feedback span~.form-control-feedback {
726        top: 26px;
727    }
728
729        .topnav__item_active {
730        color: #333 !important;
731    }
732    
733    .topnav__item_active {
734        border-top:0 !important;
735        border-top-right-radius: 0 !important;
736        border-top-left-radius: 0 !important;
737        margin-top: 0 !important;
738        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
739    }
740    .topnav__item:hover {
741        border-top:0 !important;
742        border-top-right-radius: 0 !important;
743        border-top-left-radius: 0 !important;
744        margin-top: 0 !important;
745        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
746    }   
747    .topnav-dropdown__item:hover {
748        background: #f5f5f4 !important;
749        color: #333 !important;
750    }
751
752    
753            @media (min-width: 768px)  { .tw-container, .container { max-width: 768px; } }
754        @media (min-width: 960px)  { .tw-container, .container { max-width: 960px; } }
755        @media (min-width: 1200px) { .tw-container, .container { max-width: 1200px; } }
756
757        html, body {
758            font-size: 16px;
759        }
760
761        .widget__teaser {
762            font-size: 14px;
763        }
764    </style>
765
766<div >
767            <div class="header-wrapper tw-shadow-0">
768        
769        <div class="tw-container tw-mx-auto tw-pt-6 tw-pb-4">
770            <div class="tw-flex tw-flex-col md:tw-flex-row md:tw-space-x-4 ">
771                                    <div class="tw-w-full  md:tw-w-[550px] lg:tw-w-[715px] ">
772                        <div class="logo tw-px-4 tw-py-3 md:tw-p-0">
773                            <a href="https://www.amigoholiday.de"><img src="pics/logo.png?1791304819" class="img-responsive" alt="Firmenlogo Amigo Holiday Flugreisen GmbH"/></a>
774                        </div>
775                    </div>
776                                        <div class="text-right tw-hidden md:tw-block md:tw-grow tw-whitespace-nowrap tw-relative header-contact">
777                        <div class="tw-rounded-lg tw-text-stone-900 tw-inline-block tw-max-w-full tw-p-3 tw-shadow-md" style="background: rgba(255, 255, 255, 0.95);">
778                            <div class="tw-font-semibold tw-mb-2"><strong>Persönlich für Sie da!</strong></div>
779                            
780                                                        <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
781                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z"></path></svg> 040-505505
782                            </div>
783                                                                                    <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
784                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M7.25361 18.4944L7.97834 18.917C9.18909 19.623 10.5651 20 12.001 20C16.4193 20 20.001 16.4183 20.001 12C20.001 7.58172 16.4193 4 12.001 4C7.5827 4 4.00098 7.58172 4.00098 12C4.00098 13.4363 4.37821 14.8128 5.08466 16.0238L5.50704 16.7478L4.85355 19.1494L7.25361 18.4944ZM2.00516 22L3.35712 17.0315C2.49494 15.5536 2.00098 13.8345 2.00098 12C2.00098 6.47715 6.47813 2 12.001 2C17.5238 2 22.001 6.47715 22.001 12C22.001 17.5228 17.5238 22 12.001 22C10.1671 22 8.44851 21.5064 6.97086 20.6447L2.00516 22ZM8.39232 7.30833C8.5262 7.29892 8.66053 7.29748 8.79459 7.30402C8.84875 7.30758 8.90265 7.31384 8.95659 7.32007C9.11585 7.33846 9.29098 7.43545 9.34986 7.56894C9.64818 8.24536 9.93764 8.92565 10.2182 9.60963C10.2801 9.76062 10.2428 9.95633 10.125 10.1457C10.0652 10.2428 9.97128 10.379 9.86248 10.5183C9.74939 10.663 9.50599 10.9291 9.50599 10.9291C9.50599 10.9291 9.40738 11.0473 9.44455 11.1944C9.45903 11.25 9.50521 11.331 9.54708 11.3991C9.57027 11.4368 9.5918 11.4705 9.60577 11.4938C9.86169 11.9211 10.2057 12.3543 10.6259 12.7616C10.7463 12.8783 10.8631 12.9974 10.9887 13.108C11.457 13.5209 11.9868 13.8583 12.559 14.1082L12.5641 14.1105C12.6486 14.1469 12.692 14.1668 12.8157 14.2193C12.8781 14.2457 12.9419 14.2685 13.0074 14.2858C13.0311 14.292 13.0554 14.2955 13.0798 14.2972C13.2415 14.3069 13.335 14.2032 13.3749 14.1555C14.0984 13.279 14.1646 13.2218 14.1696 13.2222V13.2238C14.2647 13.1236 14.4142 13.0888 14.5476 13.097C14.6085 13.1007 14.6691 13.1124 14.7245 13.1377C15.2563 13.3803 16.1258 13.7587 16.1258 13.7587L16.7073 14.0201C16.8047 14.0671 16.8936 14.1778 16.8979 14.2854C16.9005 14.3523 16.9077 14.4603 16.8838 14.6579C16.8525 14.9166 16.7738 15.2281 16.6956 15.3913C16.6406 15.50
78458 16.5694 15.6074 16.4866 15.6934C16.3743 15.81 16.2909 15.8808 16.1559 15.9814C16.0737 16.0426 16.0311 16.0714 16.0311 16.0714C15.8922 16.159 15.8139 16.2028 15.6484 16.2909C15.391 16.428 15.1066 16.5068 14.8153 16.5218C14.6296 16.5313 14.4444 16.5447 14.2589 16.5347C14.2507 16.5342 13.6907 16.4482 13.6907 16.4482C12.2688 16.0742 10.9538 15.3736 9.85034 14.402C9.62473 14.2034 9.4155 13.9885 9.20194 13.7759C8.31288 12.8908 7.63982 11.9364 7.23169 11.0336C7.03043 10.5884 6.90299 10.1116 6.90098 9.62098C6.89729 9.01405 7.09599 8.4232 7.46569 7.94186C7.53857 7.84697 7.60774 7.74855 7.72709 7.63586C7.85348 7.51651 7.93392 7.45244 8.02057 7.40811C8.13607 7.34902 8.26293 7.31742 8.39232 7.30833Z"></path></svg> 040-505505
785                            </div>
786                                                                                                                                            <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
787                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg> <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900" href="https://www.amigoholiday.de/kontakt">Kontaktieren Sie uns!</a>
788                            </div>
789                                                    </div>
790                        
791                                            </div>
792                                                </div>
793                    </div>
794    </div>
795
796    <div class="navigation-wrapper" style="height: 40px">
797        <div class="tw-container tw-mx-auto" style="position: relative">
798            <div id="navigation" v-cloak>
799                        <div class="topnav" id="navbarCollapse" style="position: relative">
800    <div class="tw-flex tw-flex-wrap tw-justify-between tw-items-center lg:tw-hidden tw-h-full">
801                            <div class="tw-flex tw-flex-row">
802                                    <a href="https://www.amigoholiday.de/rueckruf" class="sticky_rueckruf tw-bg-green-900 hover:tw-bg-gray-900 tw-border-t-0 tw-border-l-0 tw-border-r tw-border-b tw-border-solid tw-border-white tw-text-white tw-flex tw-flex-row tw-items-center tw-justify-center tw-cursor-pointer tw-h-10 tw-w-10" title="Rückrufservice">
803                        <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="phone-rotary" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="height: 1.5rem"><path fill="currentColor" d="M256 240a80 80 0 1 0 80 80 80 80 0 0 0-80-80zm0 128a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm114.43-175.75A64 64 0 0 0 314.86 160H197.14a64 64 0 0 0-55.57 32.25L36.21 376.62A32 32 0 0 0 32 392.5V448a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-55.5a32 32 0 0 0-4.21-15.88zM448 448H64v-55.5l105.36-184.38A32.07 32.07 0 0 1 197.14 192h117.72a32.07 32.07 0 0 1 27.78 16.12L448 392.5zm52.27-329.8C431.72 63.21 344.81 32 256 32S80.28 63.21 11.73 118.2A32.17 32.17 0 0 0 0 143.29V208a16 16 0 0 0 16 16h70.11a16 16 0 0 0 14.31-8.85L128 152c39.9-17.28 83.23-24 128-24 44.77 0 88.08 6.72 128 24l27.58 63.15a16 16 0 0 0 14.31 8.85H496a16 16 0 0 0 16-16v-64.71a32.17 32.17 0 0 0-11.73-25.09zM480 192h-43.61l-23.07-52.81-5-11.55-11.57-5C355.33 104.71 309.3 96 256 96s-99.32 8.71-140.71 26.63l-11.57 5-5 11.55L75.61 192H31.94l-.18-48.84A359.7 359.7 0 0 1 256 64a357.89 357.89 0 0 1 224 79.29z" class=""></path></svg>
804                </a>
805                                                                                                                                                                    <a href="https://wa.me/+4940505505" target="_blank" class="hover:tw-bg-gray-800 tw-border-t-0 tw-border-l-0 tw-border-r tw-border-b tw-border-solid tw-border-white tw-text-white tw-flex tw-flex-row tw-items-center tw-justify-center tw-cursor-pointer tw-h-10 tw-w-10" style="background: #25D366" title="Whatsapp">
806                        <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  style="height: 1.5rem">
806<path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" class=""></path></svg>
807                    </a>
808                                                                                
809                                    <a href="https://www.amigoholiday.de/kontakt" class="sticky_email tw-bg-gray-600 hover:tw-bg-gray-800 tw-border-t-0 tw-border-l-0 tw-border-r tw-border-b tw-border-solid tw-border-white tw-text-white tw-flex tw-flex-row tw-items-center tw-justify-center tw-cursor-pointer tw-h-10 tw-w-10" title="E-Mail">
810                        <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="envelope-open-text" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="height: 1.5rem"><path fill="currentColor" d="M352 248v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h176c4.42 0 8-3.58 8-8zm-184-56h176c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8zm326.59-27.48c-1.98-1.63-22.19-17.91-46.59-37.53V96c0-17.67-14.33-32-32-32h-46.47c-4.13-3.31-7.71-6.16-10.2-8.14C337.23 38.19 299.44 0 256 0c-43.21 0-80.64 37.72-103.34 55.86-2.53 2.01-6.1 4.87-10.2 8.14H96c-17.67 0-32 14.33-32 32v30.98c-24.52 19.71-44.75 36.01-46.48 37.43A48.002 48.002 0 0 0 0 201.48V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.51c0-14.31-6.38-27.88-17.41-36.99zM256 32c21.77 0 44.64 16.72 63.14 32H192.9c18.53-15.27 41.42-32 63.1-32zM96 96h320v173.35c-32.33 26-65.3 52.44-86.59 69.34-16.85 13.43-50.19 45.68-73.41 45.31-23.21.38-56.56-31.88-73.41-45.32-21.29-16.9-54.24-43.33-86.59-69.34V96zM32 201.48c0-4.8 2.13-9.31 5.84-12.36 1.24-1.02 11.62-9.38 26.16-21.08v75.55c-11.53-9.28-22.51-18.13-32-25.78v-16.33zM480 464c0 8.82-7.18 16-16 16H48c-8.82 0-16-7.18-16-16V258.91c42.75 34.44 99.31 79.92 130.68 104.82 20.49 16.36 56.74 52.53 93.32 52.26 36.45.26 72.27-35.46 93.31-52.26C380.72 338.8 437.24 293.34 480 258.9V464zm0-246.19c-9.62 7.75-20.27 16.34-32 25.79v-75.54c14.44 11.62 24.8 19.97 26.2 21.12 3.69 3.05 5.8 7.54 5.8 12.33v16.3z" class=""></path></svg>
811                    </a>
812                            </div>
813                <i class="fa fa-bars fa-2x hidden-md hidden-lg hidden-xl tw-text-white hover:tw-text-gray-200 tw-cursor-pointer tw-mr-4 lg:tw-mr-0" @click="navCollapsed = !navCollapsed"></i>
814    </div>  
815    <ul class="topnav__list hidden-xs hidden-sm">
816       
817        <li class="topnav__item tw-rounded-t-lg nav-home topnav__item_active hidden-sm">
818            <a class="topnav__link" href="https://www.amigoholiday.de" aria-label="Zur Startseite">
819                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 17px; padding-top: 2px; vertical-align: -2px"><path d="M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z" /><path d="m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z" /></svg>
820            </a>
821        </li>
822        
823        <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
824            <span class="topnav__link" role="button">Urlaubsreisen <i class="fa fa-angle-down"></i></span>
825            <ul class="topnav-dropdown tw-rounded-b-lg tw-min-w-[200px] tw-invisible group-hover:tw-visible group-hover:tw-animate-fade-in tw-duration-100">
826                <li class="topnav-dropdown__item tw-py-2">
827                    <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaubsreisen/last-minute">Last Minute</a>
828                </li>
829                <li class="topnav-dropdown__item tw-py-2">
830                    <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
831                </li>
832                                    <li class="topnav-dropdown__item tw-py-2">
833                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
834                    </li>
835                                                    <li class="topnav-dropdown__item tw-py-2">
836                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
837                    </li>
838                                                    <li class="topnav-dropdown__item tw-py-2">
839                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis EUR 299,-</a>
840                    </li>
841                                                <li class="topnav-dropdown__item tw-py-2">
842                    <a class="topnav-dropdown__link tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-base" href="https://www.amigoholiday.de/reiseziele/malta?mtm_campaign=reiseziele-malta-navigation&mtm_source=navigation&mtm_medium=teaser">Malta<img src="https://onl-cdn.s3.amazonaws.com/onlineweg.de/kampagnen/visitmalta.svg" loading="lazy" alt="Visit Malta" style="height: 20px; padding-left: 10px"/></a>
843                </li>
844                
845            </ul>
846        </li>
847        
848                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
849                <span class="topnav__link" role="button"> Hotel  <i class="fa fa-angle-down"></i></span>
850                <ul class="topnav-dropdown tw-rounded-b-lg tw-min-w-[200px] tw-invisible group-hover:tw-visible group-hover:tw-animate-fade-in tw-duration-100">
851                    <li class="topnav-dropdown__item tw-py-2">
852                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/hotel/ferienhotels">Ferienhotels</a>
853                    </li>
854                                            <li class="topnav-dropdown__item tw-py-2">
855                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/hotel/stadthotels">Stadthotels</a>
856                                                    </li>
857                                                            <li class="topnav-dropdown__item tw-py-2">
858                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
859                    </li>
860                                            <li class="topnav-dropdown__item tw-py-2">
861                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
862                        </li>
863                                                                <li class="topnav-dropdown__item tw-py-2">
864                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
865                        </li>
866                                                            <li class="tw-mt-1 tw-mb-1 tw-mx-1 tw-py-1 tw-px-2 hover:tw-bg-stone-100 hover:tw-rounded-lg">
867                        <a class="tw-no-underline tw-text-base tw-whitespace-nowrap tw-text-stone-900" href="https://www.amigoholiday.de/urlaub-in-sachsen?mtm_campaign=reiseziele-sachsen-navigation&mtm_source=navigation&mtm_medium=teaser"><img data-src="https://onl-cdn.s3.amazonaws.com/onlineweg.de/kampagnen/tmgs_logo_navigation.png" class="lazyload" style="height: 23px" alt="Urlaub in Sachsen" /></a>
868                    </li>
869                                                            
870                </ul>
871            </li>
872                
873                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
874                <span class="topnav__link" role="button"> Flug <i class="fa fa-angle-down"></i></span>
875                <ul class="topnav-dropdown tw-rounded-b-lg tw-min-w-[200px] tw-invisible group-hover:tw-visible group-hover:tw-animate-fade-in tw-duration-100">
876                    <li class="topnav-dropdown__item tw-py-2">
877                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/fluege/linienfluege">Flüge weltweit</a>
878                    </li>
879                    <li class="topnav-dropdown__item tw-py-2">
880                        <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
881                    </li>
882                                    </ul>
883            </li>
884                
885                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
886                                                            <a class="topnav__link" href="https://www.amigoholiday.de/mietwagen" role="button"> Mietwagen</a>  
887                                                </li>
888                
889                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
890                                                            <a class="topnav__link" href="https://www.amigoholiday.de/ferienhaus" role="button">Ferienhaus</a>
891                                                </li>
892                
893                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
894                                                            <span class="topnav__link" role="button">Kreuzfahrten <i class="fa fa-angle-down"></i></span>
895                                                    <ul class="topnav-dropdown tw-rounded-b-lg tw-min-w-[200px] tw-invisible group-hover:tw-visible group-hover:tw-animate-fade-in tw-duration-100 ">
896                                            <li class="topnav-dropdown__item tw-py-2">
897                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/kreuzfahrten">Alle Kreuzfahrten</a>
898                        </li> 
899                                                                <li class="topnav-dropdown__item tw-py-2">
900                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/kreuzfahrten/kombi">Schiff + Hotel</a>
901                        </li>
902                                                    <li class="topnav-dropdown__item tw-py-2">
903                                <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/aktionen/aida">AIDA Cruises</a>
904                            </li>
905                                                                            <li class="topnav-dropdown__item tw-py-2">
906                                <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/kreuzfahrten/tuicruises">TUI Cruises</a>
907                            </li>
908                                                                                </ul>
909            <li>
910                
911                
912                
913                
914                
915                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
916                                    <a class="topnav__link" href="https://www.amigoholiday.de/reiseideen" role="button">Reiseideen</a>
917                            </li>
918                
919                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
920                                <span class="topnav__link" role="button"> Extras <i class="fa fa-angle-down"></i></span>
921                <ul class="topnav-dropdown tw-rounded-b-lg topnav-dropdown__last tw-min-w-[200px] tw-invisible group-hover:tw-visible group-hover:tw-animate-fade-in tw-duration-100">
922                                            <li class="topnav-dropdown__item tw-py-2">
923                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/extras/eintrittskarten">Eintrittskarten</a>
924                        </li>
925                                                                <li class="topnav-dropdown__item tw-py-2">
926                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/extras/reiseversicherung">
926Reiseversicherung</a>
927                                                    </li>
928                                                                                    <li class="topnav-dropdown__item tw-py-2">
929                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/extras/flughafenlounges">Flughafen Lounges</a>
930                                                    </li>
931                                                                <li class="topnav-dropdown__item tw-py-2">
932                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/extras/parken-am-flughafen">Parken am Flughafen</a>
933                                                    </li>
934                                                                                    <li class="topnav-dropdown__item tw-py-2">
935                            <a class="topnav-dropdown__link tw-text-base" href="https://www.amigoholiday.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
936                        </li>
937                                    </ul>
938                            </li>
939            </ul>
940</div>
941
942<div class="topnav-xs padding-b-50" v-show="!navCollapsed">
943    <ul style="margin-bottom: 0; padding-left: 10px; padding-top: 15px; list-style: none;">
944        <li class="topnav__item--mobile padding-l-10">
945            <a class="topnav__link--mobile" href="https://www.amigoholiday.de"><strong>Home</strong></a>
946        </li>
947        <ul style="list-style-type: circle; padding-left: 50px">
948                            <li class="topnav__item--mobile">
949                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de?show=aktuelles">Aktuelles</a>
950                </li>
951                                    <li class="topnav__item--mobile">
952                <a class="topnav__link--mobile" href="https://www.amigoholiday.de?show=schnellsuche">Schnellsuche</a>
953            </li>
954                            <li class="topnav__item--mobile">
955                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de?show=willkommen">Willkommen</a>
956                </li>
957                                        <li class="topnav__item--mobile">
958                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de?show=team">Unser Team</a>
959                </li>
960                                                    <li class="topnav__item--mobile">
961                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/rueckruf">Rückrufservice</a>
962                </li>
963                                             </ul>
964        <li class="topnav__item--mobile padding-l-10 padding-t-10">
965            <span class="topnav__link--mobile"><strong>Urlaubsreisen</strong></span>
966        </li>
967        <ul style="list-style-type: circle; padding-left: 50px">
968            <li class="topnav__item--mobile">
969                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaubsreisen/last-minute">Last Minute</a>
970            </li>
971            <li class="topnav__item--mobile">
972                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
973            </li>
974                        <li class="topnav__item--mobile">
975                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
976            </li>
977                                    <li class="topnav__item--mobile">
978                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
979            </li>
980                                    <li class="topnav__item--mobile">
981                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis € 299,-</a>
982            </li>
983                                    <li class="topnav__item--mobile">
984                <a class="topnav__link--mobile tw-flex tw-flex-row tw-items-center tw-space-x-1" href="https://www.amigoholiday.de/reiseziele/malta?mtm_campaign=reiseziele-malta-navigation&mtm_source=navigation&mtm_medium=teaser">Malta<img src="https://onl-cdn.s3.amazonaws.com/onlineweg.de/kampagnen/visitmalta.svg" loading="lazy" alt="Visit Malta" style="height: 24px"/></a>
985            </li>
986        </ul>
987
988
989                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
990                <span class="topnav__link--mobile"><strong>Hotel</strong></span>
991            </li>
992            <ul style="list-style-type: circle; padding-left: 50px">
993                                                            <li class="topnav__item--mobile">
994                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/hotel/ferienhotels">Ferienhotels</a>
995                        </li>
996                                                                <li class="topnav__item--mobile">
997                                                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/hotel/stadthotels">Stadthotels</a>
998                                                    </li>
999                                        <li class="topnav__item--mobile">
1000                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
1001                    </li>
1002                                            <li class="topnav__item--mobile">
1003                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
1004                        </li>
1005                                                                <li class="topnav__item--mobile">
1006                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
1007                        </li>
1008                                                            <li class="topnav__item--mobile">
1009                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/urlaub-in-sachsen?mtm_campaign=reiseziele-sachsen-navigation&mtm_source=navigation&mtm_medium=teaser"><img data-src="https://onl-cdn.s3.amazonaws.com/onlineweg.de/kampagnen/tmgs_logo_navigation.png" class="lazyload" style="height: 23px" alt="Urlaub in Sachsen" /></a>
1010                    </li>
1011                                                                                        </ul>
1012        
1013                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
1014                <span class="topnav__link--mobile"><strong>Flug</strong></span>
1015            </li>
1016            <ul style="list-style-type: circle; padding-left: 50px">
1017                <li class="topnav__item--mobile">
1018                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/fluege/linienfluege">Flüge weltweit</a>
1019                </li>
1020                <li class="topnav__item--mobile">
1021                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
1022                </li>
1023                            </ul>
1024        
1025                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
1026                                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/mietwagen"><strong>Mietwagen</strong></a>
1027                            </li>
1028            <ul style="list-style-type: circle; padding-left: 50px">
1029                            </ul>
1030        
1031        <li class="topnav__item--mobile padding-l-10 padding-t-10">
1032                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/ferienhaus"><strong>Ferienhaus</strong></a>
1033                    </li>
1034        <ul style="list-style-type: circle; padding-left: 50px">
1035                    </ul>
1036
1037
1038                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
1039                                                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/kreuzfahrten"><strong>Kreuzfahrten</strong></a>
1040                                                </li>
1041            <ul style="list-style-type: circle; padding-left: 50px">
1042                                                         <li class="topnav__item--mobile">
1043                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/kreuzfahrten/kombi">Schiff + Hotel</a>
1044                    </li>
1045                                                                <li class="topnav__item--mobile">
1046                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/aktionen/aida">AIDA Cruises</a>
1047                        </li>
1048                                                                <li class="topnav__item--mobile">
1049                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/kreuzfahrten/tuicruises">TUI Cruises</a>
1050                        </li>
1051                                    
1052                            </ul>
1053        
1054        
1055        
1056        
1057        
1058        
1059                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
1060                <a class="topnav__link--mobile" href="https://www.amigoholiday.de/reiseideen"><strong>Reiseideen</strong></a>
1061            </li>
1062            <ul style="list-style-type: circle; padding-left: 50px">
1063                            </ul>
1064        
1065                            <li class="topnav__item--mobile padding-l-10 padding-t-10">
1066                <span class="topnav__link--mobile"><strong>Extras</strong></span>
1067            </li>
1068            <ul style="list-style-type: circle; padding-left: 50px">
1069                                    <li class="topnav__item--mobile">
1070                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/extras/eintrittskarten">Eintrittskarten</a>
1071                    </li>
1072                                                    <li class="topnav__item--mobile">
1073
1074                                            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/extras/reiseversicherung">Reiseversicherung</a>
1075                                        </li>
1076                                                    <li class="topnav__item--mobile">
1077                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/extras/flughafentransfer">Flughafentransfer</a>
1078                    </li>
1079                                                    <li class="topnav__item--mobile">
1080                                                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/extras/flughafenlounges">Flughafen Lounges</a>
1081                                            </li>
1082                                                    <li class="topnav__item--mobile">
1083                                                    <a class="topnav__link--mobile" href="https://www.amigoholiday.de/extras/parken-am-flughafen">Parken am Flughafen</a>
1084                                            </li>
1085                                                                    <li class="topnav__item--mobile">
1086                        <a class="topnav__link--mobile" href="https://www.amigoholiday.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
1087                    </li>
1088                            </ul>
1089                    
1090        <li class="topnav__item--mobile padding-l-10 padding-t-10">
1091            <a class="topnav__link--mobile" href="https://www.amigoholiday.de/kontakt"><strong>Kontakt</strong></a>
1092        </li>
1093
1094        <li class="topnav__item--mobile padding-l-10 padding-t-10">
1095            <a href="" class="btn btn-danger btn-sm mailingbutton" style="display:none"><i class="fa fa-folder-open fa-fw"></i> Meine Reiseangebote</a>
1096        </li>
1097    </ul>
1098</div>                          <a href="" class="btn btn-danger btn-sm mailingbutton hidden-xs tw-rounded-lg tw-m-0 tw-p-0 tw-px-3 tw-hidden tw-items-center" style="position: absolute; z-index: 10; top: 43px; right: 0; height: 24px"><i class="fa fa-folder-open fa-fw"></i> Meine Reiseangebote</a>
1099            </div>
1100        </div>
1101    </div>
1102
1103    <main class="page__contentwrapper tw-bg-gray-100">
1104                    <div class="tw-sticky tw-top-0 tw-z-50 iconsbar">
1105    <div class="tw-absolute tw-left-0 tw-mt-1 tw-flex-col tw-hidden lg:tw-flex">
1106                    <a href="https://www.amigoholiday.de/rueckruf" class="sticky_rueckruf tw-mb-1 tw-ml-1 tw-bg-green-900 hover:tw-bg-gray-900 tw-border tw-border-white tw-text-white tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-[40px] tw-h-[40px] tw-cursor-pointer tw-rounded-lg" title="Rückrufservice">
1107                <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="phone-rotary" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="tw-h-[20px]"><path fill="currentColor" d="M256 240a80 80 0 1 0 80 80 80 80 0 0 0-80-80zm0 128a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm114.43-175.75A64 64 0 0 0 314.86 160H197.14a64 64 0 0 0-55.57 32.25L36.21 376.62A32 32 0 0 0 32 392.5V448a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-55.5a32 32 0 0 0-4.21-15.88zM448 448H64v-55.5l105.36-184.38A32.07 32.07 0 0 1 197.14 192h117.72a32.07 32.07 0 0 1 27.78 16.12L448 392.5zm52.27-329.8C431.72 63.21 344.81 32 256 32S80.28 63.21 11.73 118.2A32.17 32.17 0 0 0 0 143.29V208a16 16 0 0 0 16 16h70.11a16 16 0 0 0 14.31-8.85L128 152c39.9-17.28 83.23-24 128-24 44.77 0 88.08 6.72 128 24l27.58 63.15a16 16 0 0 0 14.31 8.85H496a16 16 0 0 0 16-16v-64.71a32.17 32.17 0 0 0-11.73-25.09zM480 192h-43.61l-23.07-52.81-5-11.55-11.57-5C355.33 104.71 309.3 96 256 96s-99.32 8.71-140.71 26.63l-11.57 5-5 11.55L75.61 192H31.94l-.18-48.84A359.7 359.7 0 0 1 256 64a357.89 357.89 0 0 1 224 79.29z" class=""></path></svg>
1108            </a>
1109                                                                                                                            <a href="https://wa.me/+4940505505" target="_blank" rel="nofollow noopener noreferrer" class="tw-mb-1 tw-ml-1 hover:tw-bg-gray-800 tw-border tw-border-white tw-text-white tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-[40px] tw-h-[40px] tw-cursor-pointer tw-rounded-lg" style="background: #25D366" title="WhatsApp">
1110                <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"  class="tw-h-[24px]">
1110<path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" class=""></path></svg>
1111            </a>
1112                                            <a href="https://www.amigoholiday.de/kontakt" target="_blank" class="tw-mb-1 tw-ml-1 sticky_email tw-bg-gray-600 hover:tw-bg-gray-800 tw-border tw-border-white tw-text-white tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-[40px] tw-h-[40px] tw-cursor-pointer tw-rounded-lg" title="E-Mail">
1113                <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="envelope-open-text" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="tw-h-[20px]"><path fill="currentColor" d="M352 248v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h176c4.42 0 8-3.58 8-8zm-184-56h176c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8zm326.59-27.48c-1.98-1.63-22.19-17.91-46.59-37.53V96c0-17.67-14.33-32-32-32h-46.47c-4.13-3.31-7.71-6.16-10.2-8.14C337.23 38.19 299.44 0 256 0c-43.21 0-80.64 37.72-103.34 55.86-2.53 2.01-6.1 4.87-10.2 8.14H96c-17.67 0-32 14.33-32 32v30.98c-24.52 19.71-44.75 36.01-46.48 37.43A48.002 48.002 0 0 0 0 201.48V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.51c0-14.31-6.38-27.88-17.41-36.99zM256 32c21.77 0 44.64 16.72 63.14 32H192.9c18.53-15.27 41.42-32 63.1-32zM96 96h320v173.35c-32.33 26-65.3 52.44-86.59 69.34-16.85 13.43-50.19 45.68-73.41 45.31-23.21.38-56.56-31.88-73.41-45.32-21.29-16.9-54.24-43.33-86.59-69.34V96zM32 201.48c0-4.8 2.13-9.31 5.84-12.36 1.24-1.02 11.62-9.38 26.16-21.08v75.55c-11.53-9.28-22.51-18.13-32-25.78v-16.33zM480 464c0 8.82-7.18 16-16 16H48c-8.82 0-16-7.18-16-16V258.91c42.75 34.44 99.31 79.92 130.68 104.82 20.49 16.36 56.74 52.53 93.32 52.26 36.45.26 72.27-35.46 93.31-52.26C380.72 338.8 437.24 293.34 480 258.9V464zm0-246.19c-9.62 7.75-20.27 16.34-32 25.79v-75.54c14.44 11.62 24.8 19.97 26.2 21.12 3.69 3.05 5.8 7.54 5.8 12.33v16.3z" class=""></path></svg>
1114            </a>
1115            </div>
1116</div>                <div class="page__contentwrapper--background page__contentwrapper-home " style="position:relative;">
1117    <div class="tw-container tw-mx-auto">
1118        <div class="tw-grid tw-grid-cols-1 md:tw-mx-0 tw-mt-12">
1119            <div id="officepanel" v-cloak>
1120                                    <h1 class="sr-only">Willkommen auf unserer Website!</h1>
1121                                <div class="md:tw-flex tw-flex-row tw-space-x-1 tw-hidden">
1122                    <div v-if="aktuellesActive" @click="changeTab('aktuelles')" :class="{'tw-font-semibold tw-text-lg tw-leading-loose': tab == 'aktuelles', 'tw-py-1 tw-mt-2 tw-bg-gray-200 hover:tw-bg-gray-300 tw-border-b tw-border-gray-200': tab != 'aktuelles'}" class="tw-rounded-t-xl tw-inline-block tw-bg-white tw-px-3 tw-cursor-pointer">Aktuelles</div>
1123                                        <div @click="changeTab('schnellsuche')" :class="{'tw-font-semibold tw-text-lg tw-leading-loose': tab == 'schnellsuche', 'tw-py-1 tw-mt-2 tw-bg-gray-200 hover:tw-bg-gray-300 tw-border-b tw-border-gray-200': tab != 'schnellsuche'}" class="tw-rounded-t-xl tw-inline-block tw-bg-white tw-px-3 tw-cursor-pointer">Schnellsuche</div>
1124                                        <div @click="changeTab('willkommen')" :class="{'tw-font-semibold tw-text-lg tw-leading-loose': tab == 'willkommen', 'tw-py-1 tw-mt-2 tw-bg-gray-200 hover:tw-bg-gray-300 tw-border-b tw-border-gray-200': tab != 'willkommen'}" class="tw-rounded-t-xl tw-inline-block tw-bg-white tw-px-3 tw-cursor-pointer">
1125                                                                        Über uns
1126                                                                </div>
1127                                                            <div @click="changeTab('team')" :class="{'tw-font-semibold tw-text-lg tw-leading-loose': tab == 'team', 'tw-py-1 tw-mt-2 tw-bg-gray-200 hover:tw-bg-gray-300 tw-border-b tw-border-gray-200': tab != 'team'}" class="tw-rounded-t-xl tw-inline-block tw-bg-white tw-px-3 tw-cursor-pointer">
1128                        Unser Team
1129                    </div>
1130                                        <div v-if="angeboteActive" @click="changeTab('angebote')" :class="{'tw-font-semibold tw-text-lg tw-leading-loose': tab == 'angebote', 'tw-py-1 tw-mt-2 tw-bg-gray-200 hover:tw-bg-gray-300 tw-border-b tw-border-gray-200': tab != 'angebote'}" class="tw-rounded-t-xl tw-inline-block tw-bg-white tw-px-3 tw-cursor-pointer">
1131                        
1132                    </div>
1133                        
1134                </div>
1135
1136                                    <div v-if="tab == 'aktuelles' && aktuellesActive" class="tw-grid tw-gri
1136d-cols-1 tw-mx-6 md:tw-mx-0" >
1137                        <div class="tw-p-4 infotext tw-rounded-t-xl md:tw-rounded-tl-none md:tw-rounded-r-xl tw-rounded-b-xl tw-bg-white">
1138                            <p>Liebe Kunden,<br />unser Reisebüro ist in der Woche von 11:00 bis 17:30 besetzt.<br />Gerne können Sie uns 24 Stunden über Whatsapp:  040 505 505 oder per Email: <a href="mailto:[email protected]">[email protected]</a><br />kontaktieren.<br /><br />Bleiben Sie gesund.</p>
1139                        </div>
1140                    </div>
1141                
1142                
1143                <div v-show="tab == 'schnellsuche'" class="tw-bg-white tw-p-4 tw-rounded-t-xl md:tw-rounded-tl-none md:tw-rounded-r-xl tw-rounded-b-xl tw-mx-6 md:tw-mx-0">
1144                    <div class="tw-flex tw-flex-row tw-mb-2">
1145                        <span @click="changeSchnellsucheTab('package')" :class="{'tw-font-semibold': schnellsucheTab == 'package', 'tw-text-stone-600': schnellsucheTab != 'package'}" class="tw-inline-block tw-cursor-pointer">PAUSCHALREISEN</span>&nbsp;&nbsp;|&nbsp;&nbsp;<span @click="changeSchnellsucheTab('hotel')" :class="{'tw-font-semibold': schnellsucheTab == 'hotel', 'tw-text-stone-600': schnellsucheTab != 'hotel'}" class="tw-inline-block tw-cursor-pointer">HOTEL</span>
1146                    </div>
1147                    <form id="ttxmlform" class="tw-relative" @submit.prevent="handleSubmit">
1148                        <input type="hidden" name="country" id="country"/>
1149                        <input type="hidden" name="rid" id="rid"/>
1150                        <input type="hidden" name="cid" id="cid"/>
1151                        <input type="hidden" name="oid" id="oid"/>
1152                        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-space-y-2 lg:tw-space-y-0 lg:tw-space-x-2">
1153                            <div tabindex="0" id="regionautocomplete" class="tw-grow tw-form-input tw-border tw-border-stone-600 tw-rounded-md tw-cursor-pointer tw-truncate tw-pr-2" readonly placeholder="Reiseziel oder Hotel">
1154                                <span v-if="region == ''" class="tw-text-stone-500">Reiseziel oder Hotel</span>
1155                                <span v-if="region != ''">{{ region }}</span>
1156                            </div>
1157                            <div tabindex="0" v-show="schnellsucheTab == 'package'" id="airports" class="tw-full tw-text-[15px] lg:tw-w-[10rem] tw-grow-0 tw-shrink-0 tw-whitespace-nowrap tw-overflow-hidden tw-form-input tw-border tw-border-stone-600 tw-rounded-md tw-cursor-pointer" readonly placeholder="Abflughafen">
1158                                <span v-if="selectedairports.length == 0" class="tw-text-stone-500">Abflughafen</span>
1159                                <span v-if="selectedairports.length > 1">Mehrfachauswahl</span>
1160                                <div class="tw-overflow-hidden tw-mr-1" v-if="selectedairports.length == 1" v-text="getSelectedItemLabel(_.concat(germanairports, austrianairports, swissairports, europeanairports), selectedairports[0])"></div>
1161                            </div>
1162                            <div tabindex="0" id="travelperiod" class="tw-full tw-text-[15px] lg:tw-w-[17rem] tw-grow-0 tw-shrink-0 tw-form-input tw-border tw-border-stone-600 tw-whitespace-nowrap tw-overflow-hidden tw-rounded-md tw-cursor-pointer" readonly placeholder="Reisezeitraum">
1163                                <div class="tw-overflow-hidden tw-mr-1"><span class="ddate">{{ ddate }}</span>-<span class="rdate">{{ rdate }}</span> | <span class="duration "></span></div>
1164                            </div>
1165                            <div tabindex="0" id="reiseteilnehmer" class="tw-full tw-text-[15px] lg:tw-w-[8rem] tw-grow-0 tw-shrink-0 tw-form-input tw-border tw-border-stone-600 tw-rounded-md tw-cursor-pointer" readonly placeholder="Reiseteilnehmer">       <span class="adultscount"></span>&nbsp;<span class="childscount"></span>
1166                            </div>
1167                            <button class="tw-w-full tw-h-10 tw-md-h-auto lg:tw-w-16 tw-grow-0 tw-shrink-0 tw-text-base tw-font-semibold tw-rounded-md tw-text-white tw-bg-green-700 hover:tw-bg-green-800 tw-flex tw-items-center tw-justify-center tw-transition-colors" aria-label="Suche starten"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-w-5 tw-h-5 tw-fill-current" aria-hidden="true"><path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path></svg></button>
1168                        </div>
1169                        <div class="tw-relative">
1170                            <div class="tw--mt-[7.9rem] popover popover-left popover-regionautocomplete tw-rounded-md lg:tw-mt-4">
1171                                <div class="popover-title">
1172                                    Reiseziel oder Hotel auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save tw-rounded-md">übernehmen</button>
1173                                </div>
1174                                <div class="popover-content">
1175                                    <input @keyUp="searchRegions" :value="searchstr" @input="evt=>searchstr=evt.target.value" type="search" dir="ltr" spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off" name="region" id="autocomplete" class="form-control" placeholder="Wohin?" aria-label="Wohin?"/>
1176
1177                                    <div v-if="autocomplete_list" id="autocomplete_list" class="tw-mt-1 tw-bg-stone-100 tw-rounded-lg tw-border tw-border-stone-200 tw-max-h-72 tw-overflow-y-auto">
1178                                        <span v-if="searchregions.found == 0" class="tw-p-3 tw-inline-flex">Reiseziel oder Hotel nicht gefunden</span>
1179                                        <ul v-if="searchregions.found > 0" class="tw-py-2 tw-m-0 tw-list-none tw-p-0">
1180                                            <li v-if="searchregions.countries.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Länder</li>
1181                                            <template v-for="country in searchregions.countries">
1182                                                <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(country)">
1183                                                    <span v-html="markString(country.value, searchstr)"></span>
1184                                                </li>
1185                                            </template>
1186                                            <li v-if="searchregions.destinations.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Reiseziele</li>
1187                                            <template v-for="destination in searchregions.destinations">
1188                                                <li v-if="destination.disabled != 1" class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(destination)">
1189                                                    <span v-html="markString(destination.value, searchstr)"></span>
1190                                                </li>
1191                                            </template>
1192                                            <li v-if="searchregions.regions.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Regionen</li>
1193                                            <template v-for="region in searchregions.regions">
1194                                                <li v-if="region.disabled != 1" class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(region)">
1195                                                    <span v-html="markString(region.value, searchstr)"></span>
1196                                                </li>
1197                                            </template>
1198                                            <li v-if="searchregions.cities.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Orte</li>
1199                                            <template v-for="city in searchregions.cities">
1200                                                <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(city)">
1201                                                    <span v-html="markString(city.value, searchstr)"></span>
1202                                                </li>
1203                                            </template>
1204                                                <li v-if="searchregions.objects.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Hotels</li>
1205                                            <template v-for="object in searchregions.objects">
1206                                                <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(object)">
1207                                                    <span v-html="markString(object.value, searchstr)"></span> ({{ object.data.region }}, {{ object.data.country }})
1208                                                </li>
1209                                            </template>
1210                                        </ul>
1211                                    </div>
1212
1213                                    <div @click="setRegion({value: '', id: null})" class="tw-mt-4 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1">
1214                                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-pin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block">
1214<path fill="currentColor" d="M112 316.94v156.69l22.02 33.02c4.75 7.12 15.22 7.12 19.97 0L176 473.63V316.94c-10.39 1.92-21.06 3.06-32 3.06s-21.61-1.14-32-3.06zM144 0C64.47 0 0 64.47 0 144s64.47 144 144 144 144-64.47 144-144S223.53 0 144 0zm0 76c-37.5 0-68 30.5-68 68 0 6.62-5.38 12-12 12s-12-5.38-12-12c0-50.73 41.28-92 92-92 6.62 0 12 5.38 12 12s-5.38 12-12 12z" class=""></path></svg><span>Alle Reiseziele anzeigen</span>    
1215                                    </div>  
1216                                    <div class="tw-mt-4">
1217                                        <span class="tw-font-semibold tw-inline-block tw-mb-2">Oft gesucht:</span>
1218                                        <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
1219                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Antalya &amp; Belek', id: 434})">
1220                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Antalya &amp; Belek (Türkei)</span>
1221                                            </li>
1222                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Gran Canaria', id: 345})">
1223                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Gran Canaria (Spanien)</span>
1224                                            </li>
1225                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Kreta', id: 616})">
1226                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Kreta (Griechenland)</span>
1227                                            </li>
1228                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Mallorca', id: 35})">
1229                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-
12297.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Mallorca (Spanien)</span>
1230                                            </li>
1231                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Teneriffa', id: 56})">
1232                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Teneriffa (Spanien)</span>
1233                                            </li>
1234                                        </ul>
1235
1236                                        <span class="tw-font-semibold tw-inline-block tw-mb-2">Spezielle Reiseangebote:</span>
1237                                        <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
1238                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Fly &amp; Drive', id: 10035})">
1239                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Fly &amp; Drive</span>
1240                                            </li>
1241                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Kreuzfahrten', id: 10034})">
1242                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Kreuzfahrten</span>
1243                                            </li>
1244                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Nilkreuzfahrten', id: 2202})">
1245                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block"><path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Nilkreuzfahrten</span>
1246                                            </li>
1247                                            <li class="tw-mb-3 tw-text-neutral-500 hover:tw-text-neutral-700 tw-cursor-pointer tw-flex tw-items-center tw-space-x-1" @click="setRegion({value: 'Rundreisen', id: 10033})">
1248                                                <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512" class="tw-h-4 tw-w-4 tw-inline-block">
1248<path fill="currentColor" d="M144 0C64.47 0 0 64.47 0 144c0 71.31 51.96 130.1 120 141.58v197.64l16.51 24.77c3.56 5.34 11.41 5.34 14.98 0L168 483.22V285.58C236.04 274.1 288 215.31 288 144 288 64.47 223.53 0 144 0zm0 240c-52.94 0-96-43.07-96-96 0-52.94 43.06-96 96-96s96 43.06 96 96c0 52.93-43.06 96-96 96zm0-160c-35.28 0-64 28.7-64 64 0 8.84 7.16 16 16 16s16-7.16 16-16c0-17.64 14.34-32 32-32 8.84 0 16-7.16 16-16s-7.16-16-16-16z" class=""></path></svg><span>Rundreisen</span>
1249                                            </li>
1250                                        </ul>
1251                                    </div>
1252                                </div>
1253                            </div>
1254                            <div class="tw--mt-[7.9rem] popover popover-left popover-airports tw-rounded-md lg:tw-mt-4">
1255                                <div class="popover-title">
1256                                    Abflughafen auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save tw-rounded-md">übernehmen</button>
1257                                </div>
1258                                <div class="popover-content">
1259                                    <div class="row">
1260                                        <div class="col-md-36">
1261                                            <input type="hidden" name="airports" v-model="compSelectedAirports"/>
1262                                            <div class="checkbox checkbox-success">
1263                                                <input type="checkbox" id="noairport" @click="selectedairports = []" v-bind:checked="selectedairports.length == 0">
1264                                                <label for="noairport" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1265                                            </div>
1266                                        </div>
1267                                    </div>
1268                                    <div class="row margin-t-10 tw-mb-6">
1269                                        <div class="col-md-36">
1270                                            <div class="margin-b-5" style="text-transform: uppercase">Regionen</div>
1271                                            <button type="button" class="btn tw-rounded-lg tw-bg-stone-200 tw-text-stone-900 hover:tw-bg-stone-300 tw-mr-1" @click="selectedairports = []; selectedairports = ['BRE', 'HAM', 'HAJ', 'RLG', 'LBC', 'SZW']">Nord</button>
1272                                            <button type="button" class="btn tw-rounded-lg tw-bg-stone-200 tw-text-stone-900 hover:tw-bg-stone-300 tw-mr-1" @click="selectedairports = []; selectedairports = ['BER', 'SXF', 'TXL', 'DRS', 'ERF', 'LEJ', 'CSO', 'RLG', 'SZW', 'FNB']">Ost</button>
1273                                            <button type="button" class="btn tw-rounded-lg tw-bg-stone-200 tw-text-stone-900 hover:tw-bg-stone-300 tw-mr-1" @click="selectedairports = []; selectedairports = ['FDH', 'FKB', 'FMM', 'MUC', 'NUE', 'STR', 'SZG', 'BSL', 'LNZ', 'INN', 'ZRH']">Süd</button>
1274                                            <button type="button" class="btn tw-rounded-lg tw-bg-stone-200 tw-text-stone-900 hover:tw-bg-stone-300 tw-mr-1" @click="selectedairports = []; selectedairports = ['DTM', 'DUS', 'FRA', 'HHN', 'KSF', 'CGN', 'FMO', 'NRN', 'PAD', 'SCN', 'MST', 'LUX']">West</button>
1275                                        </div>
1276                                    </div>
1277                                    
1278                                                                        
1279                                                                                                                        <div class="row">
1280    <div class="col-md-36">
1281        <span class="tw-uppercase tw-font-semibold">Deutschland</span>
1282    </div>
1283</div>
1284<div class="row tw-mb-4">
1285    <div class="col-md-12 col-sm-12">
1286        <div v-for="airport in chunkedGermanAirports[0]" class="checkbox checkbox-success">
1287            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1288            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1289        </div>
1290    </div>
1291    <div class="col-md-12 col-sm-12">
1292        <div v-for="airport in chunkedGermanAirports[1]" class="checkbox checkbox-success">
1293            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1294            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1295        </div>
1296    </div>
1297    <div class="col-md-12 col-sm-12">
1298        <div v-for="airport in chunkedGermanAirports[2]" class="checkbox checkbox-success">
1299            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1300            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1301        </div>
1302    </div>
1303</div>                                        
1304                                        
1305                                                                                                                    
1306                                                                                    <div class="row">
1307    <div class="col-md-36">
1308        <span class="tw-uppercase tw-font-semibold">Österreich</span>
1309    </div>
1310</div>
1311<div class="row tw-mb-4">
1312    <div class="col-md-12 col-sm-12">
1313        <div v-for="airport in chunkedAustrianAirports[0]" class="checkbox checkbox-success">
1314            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1315            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1316        </div>
1317    </div>
1318    <div class="col-md-12 col-sm-12">
1319        <div v-for="airport in chunkedAustrianAirports[1]" class="checkbox checkbox-success">
1320            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1321            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1322        </div>
1323    </div>
1324    <div class="col-md-12 col-sm-12">
1325        <div v-for="airport in chunkedAustrianAirports[2]" class="checkbox checkbox-success">
1326            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1327            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1328        </div>
1329    </div>
1330</div>                                        
1331                                                                                                                    
1332                                        
1333                                                                                    <div class="row">
1334    <div class="col-md-36">
1335        <span class="tw-uppercase tw-font-semibold">Schweiz</span>
1336    </div>
1337</div>
1338<div class="row tw-mb-4">
1339    <div class="col-md-12 col-sm-12">
1340        <div v-for="airport in chunkedSwissAirports[0]" class="checkbox checkbox-success">
1341            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1342            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1343        </div>
1344    </div>
1345    <div class="col-md-12 col-sm-12">
1346        <div v-for="airport in chunkedSwissAirports[1]" class="checkbox checkbox-success">
1347            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1348            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1349        </div>
1350    </div>
1351    <div class="col-md-12 col-sm-12">
1352        <div v-for="airport in chunkedSwissAirports[2]" class="checkbox checkbox-success">
1353            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1354            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1355        </div>
1356    </div>
1357</div>                                                                            
1358                                    <div class="row margin-t-10">
1359                                        <div class="col-md-16">
1360                                            <span class="tw-uppercase tw-font-semibold">Weitere europäische Abflughäfen</span>
1361                                        </div>
1362                                    </div>
1363                                    <div class="row">
1364                                        <div class="col-md-12 col-sm-12">
1365                                            <div v-for="airport in chunkedEuropeanAirports[0]" class="checkbox checkbox-success">
1366                                                <input type="checkbox" :id="'checkbox_' + airport.code" :value="airport.code" v-model="selectedairports">
1367                                                <label :for="'checkbox_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1368                                            </div>
1369                                        </div>
1370                                        <div class="col-md-12 col-sm-12">
1371                                            <div v-for="airport in chunkedEuropeanAirports[1]" class="checkbox checkbox-success">
1372                                                <input type="checkbox" :id="'checkbox_' + airport.code" :value="airport.code" v-model="selectedairports">
1373                                                <label :for="'checkbox_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1374                                            </div>
1375                                        </div>
1376                                        <div class="col-md-12 col-sm-12">
1377                                            <div v-for="airport in chunkedEuropeanAirports[2]" class="checkbox checkbox-success">
1378                                                <input type="checkbox" :id="'checkbox_' + airport.code" :value="airport.code" v-model="selectedairports">
1379                                                <label :for="'checkbox_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1380                                            </div>
1381                                        </div>
1382                                    </div>
1383                                </div>
1384                            </div>
1385                            <div class="tw--mt-[4.8rem] popover popover-left popover-travelperiod tw-rounded-md lg:tw-mt-4">
1386                                <div class="popover-title">
1387                                    <div class="float-left">Reisezeitraum auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save tw-rounded-md">übernehmen</button></div>
1388                                </div>
1389                                <div class="popover-content">
1390                                    <div class="row">
1391                                        <div class="col-md-36">
1392                                            <div v-if="durationerror" class="alert alert-warning" role="alert" style="margin-bottom: 10px;">Die gewählte Reisedauer passt nicht zum Reisezeitraum.</div>
1393                                        </div>
1394                                    </div>
1395                                    <div class="row">
1396                                        <div class="col-md-36">
1397                                            <label for="duration" class="uppercase">Reisedauer</label>
1398                                            <div class="tw-text-xs tw-text-gray-700 tw-mb-1">Hier wählen Sie die tatsächlichen Übernachtungen im Hotel aus. Die Gesamtreisedauer (Anzahl der Reisetage) kann je nach An- und Abreise variieren.</div>
1399                                            <select name="duration" id="duration" v-model="duration"  class="form-control">
1400                                                <option value="0" data-label="beliebig">beliebig</option>
1401                                                <option value="exakt" data-label="exakt">exakt wie im Reisezeitraum angegeben</option>
1402                                                <option value="7" class="bold" data-label="7 Übern.">7 Übernachtungen (1 Woche)</option>
1403                                                <option value="14" class="bold" data-label="14 Übern.">14 Übernachtungen (2 Wochen)</option>
1404                                                <option value="21" class="bold" data-label="21 Übern.">21 Übernachtungen (3 Wochen)</option>
1405                                                <option value="28" class="bold" data-label="28 Übern.">28 Übernachtungen (4 Wochen)</option>
1406                                                <option value="35" class="bold" data-label="35 Übern.">35 Übernachtungen (5 Wochen)</option>
1407                                                <option value="42" class="bold" data-label="42 Übern.">
140742 Übernachtungen (6 Wochen)</option>
1408                                                <option value="49" class="bold" data-label="49 Übern.">49 Übernachtungen (7 Wochen)</option>
1409                                                <option value="1-4" data-label="1-4 Übern.">1-4 Übernachtungen</option>
1410                                                <option value="5-8" data-label="5-8 Übern.">5-8 Übernachtungen</option>
1411                                                <option value="9-12" data-label="9-12 Übern.">9-12 Übernachtungen</option>
1412                                                <option value="13-15" data-label="13-15 Übern.">13-15 Übernachtungen</option>
1413                                                <option value="16-22" data-label="16-22 Übern.">16-22 Übernachtungen</option>
1414                                                <option value="23-29" data-label="23-29 Übern.">23-29 Übernachtungen</option>
1415                                                <option value="30-39" data-label="30-39 Übern.">30-39 Übernachtungen</option>
1416                                                <option value="40-55" data-label="40-55 Übern.">40-55 Übernachtungen</option>
1417                                                <option value="1" data-label="1 Übern.">1 Übernachtung</option>
1418                                                <option value="2" data-label="2 Über
1418n.">2 Übernachtungen</option>
1419                                                <option value="3" data-label="3 Übern.">3 Übernachtungen</option>
1420                                                <option value="4" data-label="4 Übern.">4 Übernachtungen</option>
1421                                                <option value="5" data-label="5 Übern.">5 Übernachtungen</option>
1422                                                <option value="6" data-label="6 Übern.">6 Übernachtungen</option>
1423                                                <option value="7" data-label="7 Übern.">7 Übernachtungen</option>
1424                                                <option value="8" data-label="8 Übern.">8 Übernachtungen</option>
1425                                                <option value="9" data-label="9 Übern.">9 Übernachtungen</option>
1426                                                <option value="10" data-label="10 Übern.">10 Übernachtungen</option>
1427                                                <option value="11" data-label="11 Übern.">11 Übernachtungen</option>
1428                                                <option value="12" data-label="12 Übern.">12 Übernachtungen</option>
1429                                                <option value="13" data-label="13 Übern.">13 Übernachtungen</option>
1430                                                <option value="14" data-label="14 Übern.">14 Übernachtungen</option>
1431                                                <option value="15" data-label="15 Übern.">15 Übernachtungen</option>
1432                                                <option value="16" data-label="16 Übern.">16 Übernachtungen</option>
1433                                                <option value="17" data-label="17 Übern.">17 Übernachtungen</option>
1434                                                <option value="18" data-label="18 Übern.">18 Übernachtungen</option>
1435                                                <option value="19" data-label="19 Übern.">19 Übernachtungen</option>
1436                                                <option value="20" data-label="20 Übern.">20 Übernachtungen</option>
1437                                                <option value="21" data-label="21 Übern.">21 Übernachtungen</option>
1438                                                <option value="22" data-label="22 Übern.">22 Übernachtungen</option>
1439                                                <option value="23" data-label="23 Übern.">23 Übernachtungen</option>
1440                                                <option value="24" data-label="24 Übern.">24 Übernachtungen</option>
1441                                                <option value="25" data-label="25 Übern.">25 Übernachtungen</option>
1442                                                <option value="26" data-label="26 Übern.">26 Übernachtungen</option>
1443                                                <option value="27" data-label="27 Übern.">27 Übernachtungen</option>
1444                                                <option value="28" data-label="28 Übern.">28 Übernachtungen</option>
1445                                            </select>
1446                                        </div>
1447                                    </div>
1448
1449                                    <div class="row margin-t-10">
1450                                        <div class="col-md-18 col-sm-18">
1451                                            <label for="datumhinreise" class="uppercase">Frühestes Hinreisedatum</label>
1452                                            <input type="hidden" id="datumhinreise" name="ddate" v-model="ddate"/>
1453                                            <div class="tw-mb-6 md:tw-mb-0" id="hindate" height="320px"></div>
1454                                        </div>
1455                                        <div class="col-md-18 col-sm-18">
1456                                            <label for="datumrueckreise" class="uppercase">Spätestes Rückreisedatum</label>
1457                                            <input type="hidden" id="datumrueckreise" name="rdate" v-model="rdate"/>
1458                                            <div class="tw-mb-6 md:tw-mb-0" id="rueckdate" height="320px"></div>
1459                                        </div>
1460                                    </div>
1461                                </div>
1462                            </div>
1463                            <div class="tw--mt-[1.7rem] popover popover-left popover-teilnehmer tw-rounded-md lg:tw-mt-4">
1464                                <div class="popover-title">
1465                                    Reiseteilnehmer auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save tw-rounded-md">übernehmen</button>
1466                                </div>
1467                                <div class="popover-content">
1468                                    <div class="row">
1469                                        <div class="col-md-36">
1470                                            <div class="childAgesError alert alert-warning display-none" role="alert" style="margin-bottom: 10px;">Bitte das Alter der Kinder auswählen.</div>
1471                                        </div>
1472                                    </div>
1473                                    <div class="row">
1474                                        <div class="col-md-36">
1475                                            <label for="adults" class="uppercase">Erwachsene</label>
1476                                            <select name="adults" id="adults" class="form-control tw-rounded-md">
1477                                                <option value="1">1</option>
1478                                                <option value="2">2</option>
1479                                                <option value="3">3</option>
1480                                                <option value="4">4</option>
1481                                            </select> 
1482                                            <label for="childs" class="uppercase">Kinder</label>
1483                                            <select name="childs" id="childs" class="form-control tw-rounded-md">
1484                                                <option value="0">0</option>
1485                                                <option value="1">1</option>
1486                                                <option value="2">2</option>
1487                                                <option value="3">3</option>
1488                                                <option value="4">4</option>
1489                                            </select>
1490                                        </div>
1491                                    </div>
1492                                    <div class="row childdiv display-none">
1493                                        <div class="col-md-36">
1494                                            <label for="child1" class="uppercase">Alter der Kinder bei Reiseantritt</label>
1495                                            <select name="child1" id="child1" class="form-control display-none tw-rounded-md">
1496                                                <option value="" label="-">-</option>
1497                                                <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1498                                                <option value="2" label="2 Jahre">2 Jahre</option>
1499                                                <option value="3" label="3 Jahre">3 Jahre</option>
1500                                                <option value="4" label="4 Jahre">4 Jahre</option>
1501                                                <option value="5" label="5 Jahre">
15015 Jahre</option>
1502                                                <option value="6" label="6 Jahre">6 Jahre</option>
1503                                                <option value="7" label="7 Jahre">7 Jahre</option>
1504                                                <option value="8" label="8 Jahre">8 Jahre</option>
1505                                                <option value="9" label="9 Jahre">9 Jahre</option>
1506                                                <option value="10" label="10 Jahre">10 Jahre</option>
1507                                                <option value="11" label="11 Jahre">11 Jahre</option>
1508                                                <option value="12" label="12 Jahre">12 Jahre</option>
1509                                                <option value="13" label="13 Jahre">13 Jahre</option>
1510                                                <option value="14" label="14 Jahre">14 Jahre</option>
1511                                                <option value="15" label="15 Jahre">15 Jahre</option>
1512                                                <option value="16" label="16 Jahre">16 Jahre</option>
1513                                                <option value="17" label="17 Jahre">17 Jahre</option>
1514                                            </select> 
1515                                            <label for="child2" class="tw-sr-only">Kind 2</label>
1516                                            <select name="child2" id="child2" class="form-control display-none tw-rounded-md">
1517                                                <option value="" label="-">-</option>
1518                                                <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1519                                                <option value="2" label="2 Jahre">2 Jahre</option>
1520                                                <option value="3" label="3 Jahre">3 Jahre</option>
1521                                                <option value="4" label="4 Jahre">4 Jahre</option>
1522                                                <option value="5" label="5 Jahre">5 Jahre</option>
1523                                                <option value="6" label="6 Jahre">6 Jahre</option>
1524                                                <option value="7" label="7 Jahre">7 Jahre</option>
1525                                                <option value="8" label="8 Jahre">8 Jahre</option>
1526                                                <option value="9" label="9 Jahre">9 Jahre</option>
1527                                                <option value="10" label="10 Jahre">10 Jahre</option>
1528                                                <option value="11" label="11 Jahre">11 Jahre</option>
1529                                                <option value="12" label="12 Jahre">12 Jahre</option>
1530                                                <option value="13" label="13 Jahre">13 Jahre</option>
1531                                                <option value="14" label="14 Jahre">14 Jahre</option>
1532                                                <option value="15" label="15 Jahre">15 Jahre</option>
1533                                                <option value="16" label="16 Jahre">16 Jahre</option>
1534                                                <option value="17" label="17 Jahre">17 Jahre</option>
1535                                            </select>
1536                                            <label for="child3" class="tw-sr-only">Kind 3</label>
1537                                            <select name="child3" id="child3" class="form-control display-none tw-rounded-md">
1538                                                <option value="" label="-">-</option>
1539                                                <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1540                                                <option value="2" label="2 Jahre">2 Jahre</option>
1541                                                <option value="3" label="3 Jahre">3 Jahre</option>
1542                                                <option value="4" label="4 Jahre">4 Jahre</option>
1543                                                <option value="5" label="5 Jahre">
15435 Jahre</option>
1544                                                <option value="6" label="6 Jahre">6 Jahre</option>
1545                                                <option value="7" label="7 Jahre">7 Jahre</option>
1546                                                <option value="8" label="8 Jahre">8 Jahre</option>
1547                                                <option value="9" label="9 Jahre">9 Jahre</option>
1548                                                <option value="10" label="10 Jahre">10 Jahre</option>
1549                                                <option value="11" label="11 Jahre">11 Jahre</option>
1550                                                <option value="12" label="12 Jahre">12 Jahre</option>
1551                                                <option value="13" label="13 Jahre">13 Jahre</option>
1552                                                <option value="14" label="14 Jahre">14 Jahre</option>
1553                                                <option value="15" label="15 Jahre">15 Jahre</option>
1554                                                <option value="16" label="16 Jahre">16 Jahre</option>
1555                                                <option value="17" label="17 Jahre">17 Jahre</option>
1556                                            </select>
1557                                            <label for="child4" class="tw-sr-only">Kind 4</label>
1558                                            <select name="child4" id="child4" class="form-control display-none tw-rounded-md">
1559                                                <option value="" label="-">-</option>
1560                                                <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1561                                                <option value="2" label="2 Jahre">2 Jahre</option>
1562                                                <option value="3" label="3 Jahre">3 Jahre</option>
1563                                                <option value="4" label="4 Jahre">4 Jahre</option>
1564                                                <option value="5" label="5 Jahre">5 Jahre</option>
1565                                                <option value="6" label="6 Jahre">6 Jahre</option>
1566                                                <option value="7" label="7 Jahre">7 Jahre</option>
1567                                                <option value="8" label="8 Jahre">8 Jahre</option>
1568                                                <option value="9" label="9 Jahre">9 Jahre</option>
1569                                                <option value="10" label="10 Jahre">10 Jahre</option>
1570                                                <option value="11" label="11 Jahre">11 Jahre</option>
1571                                                <option value="12" label="12 Jahre">12 Jahre</option>
1572                                                <option value="13" label="13 Jahre">13 Jahre</option>
1573                                                <option value="14" label="14 Jahre">14 Jahre</option>
1574                                                <option value="15" label="15 Jahre">15 Jahre</option>
1575                                                <option value="16" label="16 Jahre">16 Jahre</option>
1576                                                <option value="17" label="17 Jahre">17 Jahre</option>
1577                                            </select>
1578                                        </div>
1579                                    </div>
1580                                    <div class="row roomdiv">
1581    <div class="col-md-36 ">
1582        <span class="uppercase tw-inline-block tw-mb-1">Zimmer</span><br/>
1583
1584        <fieldset class="tw-mb-2">
1585            <legend class="tw-sr-only">Anzahl der Zimmer</legend>
1586            <!-- 1 Erwachsener -->
1587            <div id="multiroom-1-0" class="multiroom tw-hidden">
1588                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1589                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-0-1" value="1">
1590                    <label class="form-check-label tw-ml-4" for="room-1-0-1">
1591                        <strong>1 Zimmer</strong> mit 1 Person<br/><small>(z.B. 1 Einzelzimmer)</small>
1592                    </label>
1593                </div>
1594            </div>
1595            <div id="multiroom-1-1" class="multiroom tw-hidden">
1596                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1597                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-1-1" value="1">
1598                    <label class="form-check-label tw-ml-4" for="room-1-1-1">
1599                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1600                    </label>
1601                </div>
1602            </div>
1603            <div id="multiroom-1-2" class="multiroom tw-hidden">
1604                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1605                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-2-1" value="1">
1606                    <label class="form-check-label tw-ml-4" for="room-1-2-1">
1607                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1608                    </label>
1609                </div>
1610            </div>
1611            <div id="multiroom-1-3" class="multiroom tw-hidden">
1612                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1613                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-3-1" value="1">
1614                    <label class="form-check-label tw-ml-4" for="room-1-3-1">
1615                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1616                    </label>
1617                </div>
1618            </div>
1619            <div id="multiroom-1-4" class="multiroom tw-hidden">
1620                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1621                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-4-1" value="1">
1622                    <label class="form-check-label tw-ml-4" for="room-1-4-1">
1623                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1624                    </label>
1625                </div>
1626            </div>
1627
1628            <!-- 2 Erwachsene -->
1629            <div id="multiroom-2-0" class="multiroom tw-block">
1630                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1631                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-1" value="1" checked>
1632                    <label class="form-check-label tw-ml-4" for="room-2-0-1">
1633                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1634                    </label>
1635                </div>
1636                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1637                    <legend class="tw-sr-only">2 Zimmer mit je 1 Person</legend>
1638                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-2" value="2">
1639                    <label class="form-check-label tw-ml-4" for="room-2-0-2">
1640                        <strong>2 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 2 Einzelzimmer)</small>
1641                    </label>
1642                </div>
1643            </div>
1644            <div id="multiroom-2-1" class="multiroom tw-hidden">
1645                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1646                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-1-1" value="1">
1647                    <label class="form-check-label tw-ml-4" for="room-2-1-1">
1648                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1649                    </label>
1650                </div>
1651            </div>
1652            <div id="multiroom-2-2" class="multiroom tw-hidden">
1653                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1654                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-1" value="1">
1655                    <label class="form-check-label tw-ml-4" for="room-2-2-1">
1656                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1657                    </label>
1658                </div>
1659                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1660                    <legend class="tw-sr-only">2 Zimmer mit je 2 Personen</legend>
1661                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-2" value="2">
1662                    <label class="form-check-label tw-ml-4" for="room-2-2-2">
1663                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1664                    </label>
1665                </div>
1666            </div>
1667            <div id="multiroom-2-3" class="multiroom tw-hidden">
1668                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1669                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-3-1" value="1">
1670                    <label class="form-check-label tw-ml-4" for="room-2-3-1">
1671                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1672                    </label>
1673                </div>
1674            </div>
1675            <div id="multiroom-2-4" class="multiroom tw-hidden">
1676                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1677                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-1" value="1">
1678                    <label class="form-check-label tw-ml-4" for="room-2-4-1">
1679                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1680                    </label>
1681                </div>
1682                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1683                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-2" value="2">
1684                    <label class="form-check-label tw-ml-4" for="room-2-4-2">
1685                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1686                    </label>
1687                </div>
1688            </div>
1689
1690            <!-- 3 Erwachsene -->
1691            <div id="multiroom-3-0" class="multiroom tw-hidden">
1692                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1693                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-1" value="1">
1694                    <label class="form-check-label tw-ml-4" for="room-3-0-1">
1695                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Studio oder 1 Appartement)</small>
1696                    </label>
1697                </div>
1698                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1699                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-3" value="3">
1700                    <label class="form-check-label tw-ml-4" for="room-3-0-3">
1701                        <strong>3 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 3 Einzelzimmer)</small>
1702                    </label>
1703                </div>
1704            </div>
1705            <div id="multiroom-3-1" class="multiroom tw-hidden">
1706                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1707                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-1-1" value="1">
1708                    <label class="form-check-label tw-ml-4" for="room-3-1-1">
1709                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1710                    </label>
1711                </div>
1712            </div>
1713            <div id="multiroom-3-2" class="multiroom tw-hidden">
1714                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1715                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-2-1" value="1">
1716                    <label class="form-check-label tw-ml-4" for="room-3-2-1">
1717                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1718                    </label>
1719                </div>
1720            </div>
1721            <div id="multiroom-3-3" class="multiroom tw-hidden">
1722                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1723                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-1" value="1">
1724                    <label class="form-check-label tw-ml-4" for="room-3-3-1">
1725                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1726                    </label>
1727                </div>
1728                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1729                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-3" value="3">
1730                    <label class="form-check-label tw-ml-4" for="room-3-3-3">
1731                        <strong>3 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 3 Doppelzimmer)</small>
1732                    </label>
1733                </div>
1734            </div>
1735            <div id="multiroom-3-4" class="multiroom tw-hidden">
1736                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1737                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-4-1" value="1">
1738                    <label class="form-check-label tw-ml-4" for="room-3-4-1">
1739                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1740                    </label>
1741                </div>
1742            </div>
1743
1744            <!-- 4 Erwachsene -->
1745            <div id="multiroom-4-0" class="multiroom tw-hidden">
1746                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1747                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-1" value="1">
1748                    <label class="form-check-label tw-ml-4" for="room-4-0-1">
1749                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Suite oder 1 Appartment)</small>
1750                    </label>
1751                </div>
1752                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1753                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-2" value="2">
1754                    <label class="form-check-label tw-ml-4" for="room-4-0-2">
1755                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1756                    </label>
1757                </div>
1758                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1759                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-4" value="4">
1760                    <label class="form-check-label tw-ml-4" for="room-4-0-4">
1761                        <strong>4 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 4 Einzelzimmer)</small>
1762                    </label>
1763                </div>
1764            </div>
1765            <div id="multiroom-4-1" class="multiroom tw-hidden">
1766                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1767                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-1-1" value="1">
1768                    <label class="form-check-label tw-ml-4" for="room-4-1-1">
1769                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1770                    </lab
1770el>
1771                </div>
1772            </div>
1773            <div id="multiroom-4-2" class="multiroom tw-hidden">
1774                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1775                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-1" value="1">
1776                    <label class="form-check-label tw-ml-4" for="room-4-2-1">
1777                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1778                    </label>
1779                </div>
1780                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1781                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-2" value="2">
1782                    <label class="form-check-label tw-ml-4" for="room-4-2-2">
1783                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1784                    </label>
1785                </div>
1786            </div>
1787            <div id="multiroom-4-3" class="multiroom tw-hidden">
1788                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1789                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-3-1" value="1">
1790                    <label class="form-check-label tw-ml-4" for="room-4-3-1">
1791                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1792                    </label>
1793                </div>
1794            </div>
1795            <div id="multiroom-4-4" class="multiroom tw-hidden">
1796                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1797                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-1" value="1">
1798                    <label class="form-check-label tw-ml-4" for="room-4-4-1">
1799                        <strong>1 Zimmer</strong> mit 8 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1800                    </label>
1801                </div>
1802                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1803                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-2" value="2">
1804                    <label class="form-check-label tw-ml-4" for="room-4-4-2">
1805                        <strong>2 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 2 Familienzimmer oder 2 Appartments)</small>
1806                    </label>
1807                </div>
1808                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1809                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-4" value="4">
1810                    <label class="form-check-label tw-ml-4" for="room-4-4-4">
1811                        <strong>4 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 4 Doppelzimmer)</small>
1812                    </label>
1813                </div>
1814            </div>
1815        </fieldset> 
1816        <div class="tw-mt-2 tw-px-2" style="border: 1px solid #efefef">
1817            <small class="tw-inline-block tw-mt-4 tw-font-semibold">Das Buchen mehrerer Zimmer ist derzeit nur für identische Zimmertypen möglich.</small>
1818            <small class="tw-inline-block tw-mt-1">
1819                Wenn Sie eine Kombination unterschiedlicher Zimmertypen benötigen (z. B. Einzelzimmer und Doppelzimmer), führen Sie bitte separate Buchungen durch oder kontaktieren Sie uns: <a href="https://www.amigoholiday.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-900" target="_blank">Kontaktformular</a>.
1820                        </small>
1821        </div>
1822    </div>
1823</div>
1824                                </div>
1825                            </div>
1826                        </div>
1827                    </form>
1828                    
1829                    <div id="formerror" data-status="false"></div>
1830                    <a href class="tw-inline-block tw-text-sm tw-text-stone-900 hover:tw-decoration-2 tw-underline tw-mt-2" @click.prevent="handleMoreCriteria">Erweiterte Suchparameter</a>
1831                </div>
1832
1833                                    <div id="willkommen" class="tw-bg-white tw-p-4 tw-rounded-t-xl md:tw-rounded-tl-none md:tw-rounded-r-xl tw-rounded-b-xl tw-mx-6 md:tw-mx-0" v-show="tab == 'willkommen'">
1834                                                    <div style="text-align: center;">Herzlich willkommen bei Amigoholiday, Ihrem ganz pers&ouml;nlichen Reiseberater.</div>
1835                                                            <div class="text-right margin-t-15">
1836                                                                            <a role="button" class="tw-bg-stone-200 hover:tw-bg-stone-300 tw-text-stone-800 tw-font-semibold tw-py-2 tw-px-4 tw-rounded-lg tw-no-underline tw-transition-colors" href="https://www.amigoholiday.de/ueber-uns">mehr über uns</a>
1837                                                                    </div>
1838                                                                        </div>
1839                
1840                                    <div class="tw-bg-white tw-p-4 tw-rounded-t-xl md:tw-rounded-tl-none md:tw-rounded-r-xl tw-rounded-b-xl tw-mx-6 md:tw-mx-0"  v-if="tab == 'team'">
1841                        <div class="tw-grid md:tw-grid-cols-3 tw-gap-4">
1842                                                            <div class="tw-col-span-1 tw-p-4 tw-min-h-40 tw-bg-gray-200 tw-rounded-lg">
1843                                    <div class="tw-flex tw-flex-row tw-space-x-4">
1844                                        <div>
1845                                            <img src="/pics/team_nofoto.jpg"  border="0" loading="lazy" class="img-responsive" style="max-width: 68px" alt="Bild Tugce Cambaz"/>
1846                                        </div>
1847                                        <div>
1848                                            <h2 class="tw-text-lg tw-mt-0 tw-mb-2 tw-leading-tight">Tugce<br/>Cambaz</h2>
1849                                            &nbsp;
1850                                        </div>
1851                                    </div>
1852
1853                                    <div class="tw-mt-4">
1854                                        <div class="tw-flex tw-items-center tw-gap-1">
1855                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true">
1855<path d="M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z"></path></svg> 040-505505
1856                                        </div>
1857                                        <div class="tw-flex tw-items-center tw-gap-1">
1858                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg> <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900" href="https://www.amigoholiday.de/kontakt?id=106762">[email protected]</a>
1859                                        </div>
1860                                    </div>
1861                                </div>
1862                                                            <div class="tw-col-span-1 tw-p-4 tw-min-h-40 tw-bg-gray-200 tw-rounded-lg">
1863                                    <div class="tw-flex tw-flex-row tw-space-x-4">
1864                                        <div>
1865                                            <img src="/pics/team_nofoto.jpg"  border="0" loading="lazy" class="img-responsive" style="max-width: 68px" alt="Bild Belgin Atakan"/>
1866                                        </div>
1867                                        <div>
1868                                            <h2 class="tw-text-lg tw-mt-0 tw-mb-2 tw-leading-tight">Belgin<br/>Atakan</h2>
1869                                            &nbsp;
1870                                        </div>
1871                                    </div>
1872
1873                                    <div class="tw-mt-4">
1874                                        <div class="tw-flex tw-items-center tw-gap-1">
1875                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z"></path></svg> 040-505505
1876                                        </div>
1877                                        <div class="tw-flex tw-items-center tw-gap-1">
1878                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-h-4" aria-hidden="true"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z"></path></svg> <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900" href="https://www.amigoholiday.de/kontakt?id=106763">[email protected]</a>
1879                                        </div>
1880                                    </div>
1881                                </div>
1882                                                    </div>
1883                    </div>
1884                
1885                            </div>
1886        </div>
1887    </div>
1888    <div id="teaser">
1889        
1890        <div class="teasergrid tw-container tw-mx-auto tw-my-12">
1891            <div class="tw-w-full tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
1892                <div class="tw-w-full tw-px-6 md:tw-px-0">
1893                    <!-- Platzhalter -->
1894                    <div class="tw-relative tw-cursor-pointer" v-if="home1_loading">
1895                        <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
1896    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
1897    <div class="tw-grow tw-px-4">
1898        <div class="tw-space-y-4">
1899            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
1900            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1901        </div>
1902        <div class="tw-space-y-4 tw-mt-4">
1903            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1904            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1905        </div>
1906    </div>
1907</div>                    </div>
1908                    <!-- Teaser -->
1909                    <div class="tw-relative tw-cursor-pointer" v-if="! home1_loading">
1910                        <a :href="home1.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
1911    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
1912        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
1913            <div style="height: 200px; position: relative;">
1914                <img :src="home1.thumbnail"  class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home1.alt"/>
1915                <div v-if="home1.label != null && home1.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home1.label"></span></div>
1916            </div>
1917            
1918            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
1919                <div class="tw-p-2">
1920                    <div v-if="home1.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
1921                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 15.6569ZM5 22H19V24H5V22Z"></path></svg>
1922                        <span v-html="home1.summary"></span>
1923                    </div>
1924                    <div v-if="home1.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home1.headline1"></div>
1925                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home1.headline2"></div>
1926                    <div class="tw-leading-tight" v-html="home1.description"></div>
1927                </div>
1928                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
1929                                            <div v-if="home1.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home1.price }}</span></div>
1930                                        <div v-if="home1.noprice == 'on' || home1.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
1931                </div>
1932            </div>
1933        </div>
1934    </div>
1935</a>                    </div>
1936                </div>
1937                <div class="tw-w-full tw-px-6 md:tw-px-0">
1938                    <!-- Platzhalter -->
1939                    <div class="tw-relative tw-cursor-pointer" v-if="home2_loading">
1940                        <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
1941    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
1942    <div class="tw-grow tw-px-4">
1943        <div class="tw-space-y-4">
1944            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
1945            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1946        </div>
1947        <div class="tw-space-y-4 tw-mt-4">
1948            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1949            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1950        </div>
1951    </div>
1952</div>                    </div>
1953                    <!-- Teaser -->
1954                    <div class="tw-relative tw-cursor-pointer" v-if="! home2_loading">
1955                        <a :href="home2.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
1956    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
1957        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
1958            <div style="height: 200px; position: relative;">
1959                <img :src="home2.thumbnail"  class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home2.alt"/>
1959
1960                <div v-if="home2.label != null && home2.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home2.label"></span></div>
1961            </div>
1962            
1963            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
1964                <div class="tw-p-2">
1965                    <div v-if="home2.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
1966                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 15.6569ZM5 22H19V24H5V22Z"></path></svg>
1967                        <span v-html="home2.summary"></span>
1968                    </div>
1969                    <div v-if="home2.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home2.headline1"></div>
1970                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home2.headline2"></div>
1971                    <div class="tw-leading-tight" v-html="home2.description"></div>
1972                </div>
1973                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
1974                                            <div v-if="home2.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home2.price }}</span></div>
1975                                        <div v-if="home2.noprice == 'on' || home2.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
1976                </div>
1977            </div>
1978        </div>
1979    </div>
1980</a>                    </div>
1981                </div>
1982                <div class="tw-w-full tw-px-6 md:tw-px-0">
1983                    <!-- Platzhalter -->
1984                    <div class="tw-relative tw-cursor-pointer" v-if="home3_loading">
1985                        <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
1986    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
1987    <div class="tw-grow tw-px-4">
1988        <div class="tw-space-y-4">
1989            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
1990            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1991        </div>
1992        <div class="tw-space-y-4 tw-mt-4">
1993            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1994            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
1995        </div>
1996    </div>
1997</div>                    </div>
1998                    <!-- Teaser -->
1999                    <div class="tw-relative tw-cursor-pointer" v-if="! home3_loading">
2000                        <a :href="home3.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
2001    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2002        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2003            <div style="height: 200px; position: relative;">
2004                <img :src="home3.thumbnail"  class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home3.alt"/>
2005                <div v-if="home3.label != null && home3.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home3.label"></span></div>
2006            </div>
2007            
2008            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2009                <div class="tw-p-2">
2010                    <div v-if="home3.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2011                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 
201115.6569ZM5 22H19V24H5V22Z"></path></svg>
2012                        <span v-html="home3.summary"></span>
2013                    </div>
2014                    <div v-if="home3.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home3.headline1"></div>
2015                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home3.headline2"></div>
2016                    <div class="tw-leading-tight" v-html="home3.description"></div>
2017                </div>
2018                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2019                                            <div v-if="home3.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home3.price }}</span></div>
2020                                        <div v-if="home3.noprice == 'on' || home3.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
2021                </div>
2022            </div>
2023        </div>
2024    </div>
2025</a>                    </div>
2026                </div>
2027            </div>
2028        </div>
2029
2030        
2031        
2032        <div class="tw-container tw-mx-auto tw-mb-12">
2033            <div class="tw-w-full tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
2034                <div class="tw-w-full tw-px-6 md:tw-px-0">
2035                    <!-- Platzhalter -->
2036                    <div class="tw-relative tw-cursor-pointer" v-if="home4_loading">
2037                        <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
2038    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
2039    <div class="tw-grow tw-px-4">
2040        <div class="tw-space-y-4">
2041            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
2042            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2043        </div>
2044        <div class="tw-space-y-4 tw-mt-4">
2045            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2046            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2047        </div>
2048    </div>
2049</div>                    </div>
2050                    <!-- Teaser -->
2051                    <div class="tw-relative tw-cursor-pointer" v-if="! home4_loading">
2052                        <a :href="home4.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
2053    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2054        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2055            <div style="height: 200px; position: relative;">
2056                <img :src="home4.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home4.alt"/>
2057                <div v-if="home4.label != null && home4.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home4.label"></span></div>
2058            </div>
2059            
2060            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2061                <div class="tw-p-2">
2062                    <div v-if="home4.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2063                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 
206315.6569ZM5 22H19V24H5V22Z"></path></svg>
2064                        <span v-html="home4.summary"></span>
2065                    </div>
2066                    <div v-if="home4.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home4.headline1"></div>
2067                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home4.headline2"></div>
2068                    <div class="tw-leading-tight" v-html="home4.description"></div>
2069                </div>
2070                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2071                                            <div v-if="home4.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home4.price }}</span></div>
2072                                        <div v-if="home4.noprice == 'on' || home4.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
2073                </div>
2074            </div>
2075        </div>
2076    </div>
2077</a>                    </div>
2078                </div>
2079                <div class="tw-w-full tw-h-[430px] tw-px-6 md:tw-px-0">
2080                    <div class="tw-grid tw-grid-rows-2 tw-gap-4 tw-h-full">
2081                        <a href="https://www.amigoholiday.de/hotel/ferienhotels?country=IT&duration=0&facilities=own_outdoor_pool%2Cown_indoor_pool%2Cmassages_and_body_treatments%2Crelaxation_for_body_and_soul%2Ccosmetic_treatments%2Cown_sauna_bathing_facilities%2Cspecial_atmosphere_design" class="zoom-on-hover tw-relative tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300 tw-border tw-border-stone-100">
2082                            <div class="teaser_small tw-bg-stone-400 tw-grow tw-cursor-pointer tw-h-full">
2083                                <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/regionen/wellness_italien.webp" loading="lazy" class="tw-block tw-object-cover tw-w-full tw-h-full" alt="Anti-Aging in Italien">
2084                                <div class="tw-absolute tw-top-0 tw-right-0 tw-mr-2 tw-mt-2 tw-px-2 tw-py-1 tw-rounded-lg tw-bg-white tw-text-stone-700 tw-z-10">
2085                                    <span class="tw-font-semibold">Anti-Aging</span> in Italien
2086                                </div>
2087                            </div>
2088                        </a>
2089                        <a href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen?country=TN&duration=7&facilities=massages_and_body_treatments%2Crelaxation_for_body_and_soul%2Ccosmetic_treatments%2Cown_outdoor_pool" class="zoom-on-hover tw-relative tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300 tw-border tw-border-stone-100">
2090                            <div class="teaser_small tw-bg-stone-400 tw-grow tw-cursor-pointer tw-h-full">
2091                                <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/regionen/wellness_tunesien.webp" loading="lazy" class="tw-block tw-object-cover tw-w-full tw-h-full" alt="Hammam in Tunesien">
2092                                <div class="tw-absolute tw-top-0 tw-right-0 tw-mr-2 tw-mt-2 tw-px-2 tw-py-1 tw-rounded-lg tw-bg-white tw-text-stone-700 tw-z-10">
2093                                    <span class="tw-font-semibold">Hammam</span> in Tunesien
2094                                </div>
2095                            </div>
2096                        </a>
2097                    </div>
2098                </div>
2099                <div class="tw-w-full tw-h-[430px] tw-px-6 md:tw-px-0">
2100                    <div class="tw-grid tw-grid-rows-2 tw-gap-4 tw-h-full">
2101                        <a href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen?country=ES&duration=7&facilities=ayurveda" class="zoom-on-hover tw-relative tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300 tw-border tw-border-stone-100">
2102                            <div class="teaser_small tw-bg-stone-400 tw-grow tw-cursor-pointer tw-h-full">
2103                                <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/regionen/wellness_spanien.webp" loading="lazy" class="tw-block tw-object-cover tw-w-full tw-h-full" alt="Ayurveda in Spanien">
2104                                <div class="tw-absolute tw-top-0 tw-right-0 tw-mr-2 tw-mt-2 tw-px-2 tw-py-1 tw-rounded-lg tw-bg-white tw-text-stone-700 tw-z-10">
2105                                    <span class="tw-font-semibold">Ayurveda</span> in Spanien
2106                                </div>
2107                            </div>
2108                        </a>
2109                        <a href="https://www.amigoholiday.de/hotel/ferienhotels?country=AT&duration=0&facilities=own_outdoor_pool%2Cown_indoor_pool%2Cmassages_and_body_treatments%2Crelaxation_for_body_and_soul%2Ccosmetic_treatments%2Cayurveda%2Cown_sauna_bathing_facilities" class="zoom-on-hover tw-relative tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300 tw-border tw-border-stone-100">
2110                            <div class="teaser_small tw-bg-stone-400 tw-grow tw-cursor-pointer tw-h-full">
2111                                <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/regionen/wellness_oesterreich.webp" loading="lazy" class="tw-block tw-object-cover tw-w-full tw-h-full" alt="Reiseziel Thailand">
2112                                <div class="tw-absolute tw-top-0 tw-right-0 tw-mr-2 tw-mt-2 tw-px-2 tw-py-1 tw-rounded-lg tw-bg-white tw-text-stone-700 tw-z-10">
2113                                    <span class="tw-font-semibold">Wellness</span> in Österreich
2114                                </div>
2115                            </div>
2116                        </a>
2117                    </div>
2118                </div>
2119            </div>
2120        </div>
2121
2122                    <div class="tw-container tw-mx-auto">
2123                <div class="tw-flex tw-flex-col tw-items-center md:tw-grid md:tw-grid-cols-2 tw-gap-12 lg:tw-gap-4 tw-mx-6 md:tw-mx-0 tw-mb-12">
2124                    <a href="https://www.amigoholiday.de/urlaubsreisen/last-minute/offer?oid=239806&amp;ddate=2026-10-01&amp;rdate=2027-03-31&amp;duration=7&amp;adults=2&amp;childs=0&amp;multiroom=1&amp;touroperators=ALL,XALL" onclick="window._paq = window._paq || []; _paq.push([ 'trackEvent', 'XL Promobox', 'Klick', 'Startseite | 2026 | KW 41 | alltours', 1 ]);" class="tw-text-stone-900 zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-border tw-border-stone-100 tw-transition-shadow tw-duration-300">
2125    <div class="tw-block tw-rounded-xl tw-overflow-hidden hover:tw-shadow-lg tw-group tw-relative">
2126        <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/xl-promobox/alltours_2026kw41.webp" loading="lazy" class="tw-object-cover tw-w-full tw-h-full" alt="Banner alltours Jacaranda Luxury Resort" />
2127            </div>
2128</a>
2129
2130                    <a href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen?rid=10001&amp;duration=9-12&amp;ddate=05.11.2026&amp;rdate=31.03.2027&amp;adults=2&amp;childs=0&amp;child1=&amp;child2=&amp;child3=&amp;child4=&amp;mealtype=allinclusive&amp;recommend=70" onclick="window._paq = window._paq || []; _paq.push([ 'trackEvent', 'XL Promobox', 'Klick', 'Startseite | 2026 | KW 41 | Kanaren', 1 ]);" class="tw-text-stone-900 zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-border tw-border-stone-100 tw-transition-shadow tw-duration-300">
2131    <div class="tw-block tw-rounded-xl tw-overflow-hidden hover:tw-shadow-lg tw-group tw-relative">
2132        <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/xl-promobox/kanaren_2026kw41.jpg" loading="lazy" class="tw-object-cover tw-w-full tw-h-full" alt="Banner Kanaren" />
2133                <div class="card-overlay tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-mb-3 tw-ml-3 tw-mr-3 tw-flex tw-flex-wrap tw-justify-start tw-items-center tw-rounded-full">
2134            <div class="md:tw-text-lg md:tw-leading-tight tw-px-6 tw-py-2">
2135                <strong>Kanaren erleben:</strong> Sonne pur, traumhafte Strände, unvergessliche Momente!
2136            </div>
2137        </div>
2138            </div>
2139</a>
2140                </div>
2141            </div>
2142        
2143                    <div class="tw-py-12 container__reisemarkt__wrapper tw-bg-stone-100 tw-mb-12">
2144                <div class="tw-container tw-mx-auto container__reisemarkt">
2145                    <div class="tw-text-center tw-mb-8">
2146                        <h2 class="tw-text-lg tw-mt-0 tw-mb-4 tw-uppercase">Lassen Sie sich inspirieren...</h2>
2147                        <hr class="tw-w-64 tw-border-t-2 tw-border-gray-500 tw-my-0"/>
2148                    </div>
2149                    
2150                    <div class="tw-w-full tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
2151                        <div class="tw-w-full tw-px-6 md:tw-px-0">
2152                            <!-- Platzhalter -->
2153                            <div class="tw-relative tw-cursor-pointer" v-if="! home101.price">
2154                                <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
2155    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
2156    <div class="tw-grow tw-px-4">
2157        <div class="tw-space-y-4">
2158            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
2159            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2160        </div>
2161        <div class="tw-space-y-4 tw-mt-4">
2162            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2163            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2164        </div>
2165    </div>
2166</div>                            </div>
2167                            <!-- Teaser -->
2168                            <div class="tw-relative tw-cursor-pointer" v-if="home101.price">
2169                                <a :href="home101.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
2170    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2171        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2172            <div style="height: 200px; position: relative;">
2173                <img :src="home101.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home101.alt"/>
2174                <div v-if="home101.label != null && home101.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home101.label"></span></div>
2175            </div>
2176            
2177            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2178                <div class="tw-p-2">
2179                    <div v-if="home101.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2180                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 15.6569ZM5 22H19V24H5V22Z"></path></svg>
2181                        <span v-html="home101.summary"></span>
2182                    </div>
2183                    <div v-if="home101.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home101.headline1"></div>
2184                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home101.headline2"></div>
2185                    <div class="tw-leading-tight" v-html="home101.description"></div>
2186                </div>
2187                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2188                                            <div v-if="home101.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home101.price }}</span></div>
2189                                        <div v-if="home101.noprice == 'on' || home101.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
2190                </div>
2191            </div>
2192        </div>
2193    </div>
2194</a>                            </div>
2195                        </div>
2196                        <div class="tw-w-full tw-px-6 md:tw-px-0">
2197                            <!-- Platzhalter -->
2198                            <div class="tw-relative tw-cursor-pointer" v-if="! home102.price">
2199                                <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
2200    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
2201    <div class="tw-grow tw-px-4">
2202        <div class="tw-space-y-4">
2203            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
2204            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2205        </div>
2206        <div class="tw-space-y-4 tw-mt-4">
2207            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2208            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2209        </div>
2210    </div>
2211</div>                            </div>
2212                            <!-- Teaser -->
2213                            <div class="tw-relative tw-cursor-pointer" v-if="home102.price">
2214                                <a :href="home102.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
2215    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2216        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2217            <div style="height: 200px; position: relative;">
2218                <img :src="home102.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home102.alt"/>
2219                <div v-if="home102.label != null && home102.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home102.label"></span></div>
2220            </div>
2221            
2222            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2223                <div class="tw-p-2">
2224                    <div v-if="home102.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2225                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 
222515.6569ZM5 22H19V24H5V22Z"></path></svg>
2226                        <span v-html="home102.summary"></span>
2227                    </div>
2228                    <div v-if="home102.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home102.headline1"></div>
2229                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home102.headline2"></div>
2230                    <div class="tw-leading-tight" v-html="home102.description"></div>
2231                </div>
2232                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2233                                            <div v-if="home102.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home102.price }}</span></div>
2234                                        <div v-if="home102.noprice == 'on' || home102.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
2235                </div>
2236            </div>
2237        </div>
2238    </div>
2239</a>                            </div>
2240                        </div>
2241                        <div class="tw-w-full tw-px-6 md:tw-px-0">
2242                            <!-- Platzhalter -->
2243                            <div class="tw-relative tw-cursor-pointer" v-if="! home103.price">
2244                                <div class="tw-h-[430px] tw-flex tw-flex-col tw-bg-white tw-rounded-2xl tw-overflow-hidden">
2245    <div class="img-teaser tw-flex-none tw-bg-stone-200 tw-mb-5 tw-rounded-t-2xl tw-overflow-hidden" style="position: relative; height: 200px; z-index: 0"></div>
2246    <div class="tw-grow tw-px-4">
2247        <div class="tw-space-y-4">
2248            <div class="tw-h-4 tw-bg-stone-100 tw-w-1/2"></div>
2249            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2250        </div>
2251        <div class="tw-space-y-4 tw-mt-4">
2252            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2253            <div class="tw-h-4 tw-bg-stone-100 tw-w-full"></div>
2254        </div>
2255    </div>
2256</div>                            </div>
2257                            <!-- Teaser -->
2258                            <div class="tw-relative tw-cursor-pointer" v-if="home103.price">
2259                                <a :href="home103.url" class="widget__teaser__link zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-transition-shadow tw-duration-300" >
2260    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2261        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2262            <div style="height: 200px; position: relative;">
2263                <img :src="home103.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + home103.alt"/>
2264                <div v-if="home103.label != null && home103.label != ''" class="tw-px-1 tw-absolute tw-top-0 tw-left-0 tw-mt-2 tw-ml-2 tw-rounded tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-white tw-bg-red-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" style="margin-bottom: 2px"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"></path></svg><span v-html="home103.label"></span></div>
2265            </div>
2266            
2267            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2268                <div class="tw-p-2">
2269                    <div v-if="home103.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2270                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-fill-current tw-h-4 tw-w-4" fill="currentColor"><path d="M12 18.4853L16.2426 14.2426C18.5858 11.8995 18.5858 8.10051 16.2426 5.75736C13.8995 3.41421 10.1005 3.41421 7.75736 5.75736C5.41421 8.10051 5.41421 11.8995 7.75736 14.2426L12 18.4853ZM17.6569 15.6569L12 21.3137L6.34315 15.6569C3.21895 12.5327 3.21895 7.46734 6.34315 4.34315C9.46734 1.21895 14.5327 1.21895 17.6569 4.34315C20.781 7.46734 20.781 12.5327 17.6569 
227015.6569ZM5 22H19V24H5V22Z"></path></svg>
2271                        <span v-html="home103.summary"></span>
2272                    </div>
2273                    <div v-if="home103.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="home103.headline1"></div>
2274                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="home103.headline2"></div>
2275                    <div class="tw-leading-tight" v-html="home103.description"></div>
2276                </div>
2277                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2278                                            <div v-if="home103.price != ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home103.price }}</span></div>
2279                                        <div v-if="home103.noprice == 'on' || home103.price == ''" class="tw-rounded-lg tw-border tw-p-1 tw-border-stone-600 tw-bg-white tw-text-stone-600 group-hover:tw-bg-stone-600 group-hover:tw-text-white tw-text-lg"><span class="tw-font-semibold">Jetzt</span> lesen</div>
2280                </div>
2281            </div>
2282        </div>
2283    </div>
2284</a>                            </div>
2285                        </div>
2286                    </div>   
2287                </div>
2288            </div>
2289        
2290        <div class="tw-container tw-mx-auto">
2291            <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-12 lg:tw-gap-4 tw-mx-6 md:tw-mx-0 tw-mb-12">
2292                <div class="md:tw-col-span-2 tw-flex tw-flex-col tw-items-center">
2293                                            <a href="https://www.amigoholiday.de/kreuzfahrten" onclick="window._paq = window._paq || []; _paq.push([ 'trackEvent', 'XL Promobox', 'Klick', 'Startseite | 2026 | KW13 | Kreuzfahrten', 1 ]);"  class="tw-text-stone-900 zoom-on-hover tw-block tw-rounded-xl tw-overflow-hidden tw-bg-white hover:tw-shadow-lg tw-shadow tw-transition-shadow tw-duration-300 tw-w-full">
2294    <div class="tw-block tw-rounded-xl tw-border tw-border-stone-100 tw-overflow-hidden hover:tw-shadow-lg tw-group tw-relative">
2295        <!-- <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/logos/AIDA_Logo_CYMK.PNG" alt="Logo AIDA" class="tw-absolute tw-top-3 tw-left-3 tw-h-10 tw-w-auto tw-z-10 tw-mt-2 tw-ml-2" /> -->
2296        <img src="https://onl-cdn.s3-eu-central-1.amazonaws.com/onlineweg.de/xl-promobox/kreuzfahrten_allgemein.webp" loading="lazy" class="tw-object-cover tw-w-full tw-h-full" alt="Banner Kreuzfahrten" />
2297                <div class="card-overlay tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-mb-3 tw-ml-3 tw-mr-3 tw-flex tw-flex-wrap tw-justify-start tw-items-center tw-rounded-full">
2298            <div class="md:tw-text-lg md:tw-leading-tight tw-px-6 tw-py-2">
2299                <strong>Kreuzfahrten genießen:</strong> Weite Horizonte, frische Meeresluft & jeden Tag ein neues Reiseziel.
2300            </div>
2301        </div>
2302            </div>
2303</a>
2304                                    </div>
2305
2306                <div class="md:tw-col-span-2">
2307                    <div class="tw-grid tw-grid-rows-2 tw-gap-4 tw-h-full tw-w-full">
2308                        <div class="zoom-on-hover tw-h-40 md:tw-h-auto tw-bg-white tw-grow-0 tw-rounded-xl tw-flex tw-flex-row tw-justify-end tw-cursor-pointer tw-group hover:tw-shadow-lg tw-border tw-border-stone-100 tw-transition-shadow tw-duration-300" @click="goto(home5.url)">
2309                            <div class="tw-w-1/2 tw-grow-0 tw-block tw-rounded-l-xl tw-overflow-hidden tw-relative">
2310                                                                <div class="tw-block tw-rounded-l-xl tw-overflow-hidden tw-relative tw-h-full">
2311                                    <img :src="home5.thumbnail" loading="lazy" class="tw-w-full tw-h-full tw-object-cover" :alt="'Bild ' + home5.summary"/>
2312                                </div>
2313                            </div>
2314                            <div class="tw-w-2/3 tw-flex tw-flex-col tw-relative">
2315                                <div class="tw-m-3 tw-leading-tight"><span class="tw-font-semibold tw-text-lg" v-html="home5.summary == '' ? home5.headline1 : home5.summary"></span><br/>
2316                                <span v-html="home5.headline2"></span></div>
2317                                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2318                                    <button class="tw-rounded-lg tw-inline-block tw-border tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home5.price }}</span></button>
2319                                </div>
2320                            </div>
2321                        </div>      
2322                        <div class="zoom-on-hover tw-h-40 md:tw-h-auto tw-bg-white tw-grow-0 tw-rounded-xl tw-flex tw-flex-row tw-justify-end tw-cursor-pointer tw-group hover:tw-shadow-lg tw-border tw-border-stone-100 tw-transition-shadow tw-duration-300" @click="goto(home6.url)">
2323                            <div class="tw-w-1/2 tw-grow-0 tw-block tw-rounded-l-xl tw-overflow-hidden tw-relative">
2324                                                                <div class="tw-block tw-rounded-l-xl tw-overflow-hidden tw-relative tw-h-full">
2325                                    <img :src="home6.thumbnail" loading="lazy" class="tw-w-full tw-h-full tw-object-cover" :alt="'Bild ' + home6.summary"/>
2326                                </div>
2327                            </div>
2328                            <div class="tw-w-2/3 tw-flex tw-flex-col tw-relative">
2329                                <div class="tw-m-3 tw-leading-tight"><span class="tw-font-semibold tw-text-lg" v-html="home6.summary == '' ? home6.headline1 : home6.summary"></span><br/>
2330                                <span v-html="home6.headline2"></span></div>
2331                                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2332                                    <button class="tw-rounded-lg tw-inline-block tw-border tw-border-red-600 tw-bg-white tw-text-red-600">p.P. ab <span class="tw-text-lg tw-font-semibold">€ {{ home6.price }}</span></button>
2333                                </div>
2334                            </div>
2335                        </div>
2336                    </div>
2337                </div>
2338            </div>
2339        </div>
2340    </div>
2341</div>
2342    </main>
2343
2344    <footer>
2345        <div class="tw-py-8 tw-px-6 tw-bg-stone-100">
2346            
2347            <div class="tw-container tw-mx-auto">
2348                <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-space-x-4">
2349                    <div class="tw-w-full lg:tw-w-grow">
2350                                                    <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Newsletter abonnieren</h2>
2351                            <div class="tw-mb-8">
2352                                <p>Aktuelle Angebote und Informationen rund um das Thema Urlaub.</p>
2353                                <form class="form-horizontal" method="get" action="https://www.amigoholiday.de/newsletter">
2354                                    <div class="tw-flex tw-flex-col md:tw-flex-row tw-space-y-2 md:tw-space-x-4 md:tw-space-y-0">
2355                                        <input type="text" name="optinemail" aria-label="E-Mail-Adresse" class="tw-form-input tw-py-[0.1rem] tw-rounded-lg tw-h-10 tw-w-full md:tw-w-1/2 tw-placeholder-stone-500 tw-border tw-border-stone-600" placeholder="E-Mail-Adresse">
2356                                        <button type="submit" class="tw-bg-green-700 hover:tw-bg-green-800 tw-text-white tw-font-semibold tw-py-2 tw-px-4 tw-rounded-lg tw-transition-colors tw-h-10">Zur Anmeldung</button>
2357                                    </div>
2358                                </form>
2359                            </div>
2360                        
2361                                                    <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Beliebteste Urlaubsziele</h2>
2362                            <div class="tw-mb-8">
2363                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=434">Türkei</a>
2364                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=350">Ägypten</a>
2365                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=35">Mallorca</a>
2366                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=345">Gran Canaria</a>
2367                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=56">Teneriffa</a>
2368                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=342">Malediven</a>
2369                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=616">Kreta</a>
2370                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=832">Fuerteventura</a>
2371                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=32">Ibiza</a>
2372                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=655">Rhodos</a>
2373                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=637">Portugal</a>
2374                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=614">Tunesien</a>
2375                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=126">Marokko</a>
2376                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=103">Bulgarien</a>
2377                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=353">Dubai</a>
2378                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=133">Djerba</a>
2379                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=354">Abu Dhabi</a>
2380                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=595">Malta</a>
2381                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=7">Kos</a>
2382                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=78">Sardinien</a>
2383                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=143">Mauritius</a>
2384                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel?rid=367">Dominikanische Republik</a>
2385                                                            </div>
2386                        
2387                                                    <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Weitere Links</h2>
2388                            <div class="tw-mb-8">
2389                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/last-minute">Lastminute</a>
2390                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
2391                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/fluege/linienfluege">Flug</a>
2392                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/hotel/ferienhotels">Hotel</a>
2393                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/ferienhaus">Ferienhaus</a>
2394                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/m
2394ietwagen">Mietwagen</a>
2395                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/kreuzfahrten">Kreuzfahrten</a>
2396                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/extras/flughafenlounges">Flughafenlounges</a>
2397                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.amigoholiday.de/reiseideen">Reiseideen</a>
2398
2399                                                            </div>
2400                        
2401                        
2402                                            </div>
2403
2404                    <div class="tw-w-full lg:tw-w-[330px] tw-shrink-0">
2405                                                                                                                    <div class="tw-mb-8"><strong>Unsere Öffnungszeiten sind:</strong>
2406<table width="265" height="46" cellspacing="1" cellpadding="1" border="0">
2407<tbody>
2408<tr>
2409<td>Montag bis Freitag</td>
2410<td>11:00 - 17:30 Uhr</td>
2411</tr>
2412<tr>
2413<td>Samstag</td>
2414<td>11:00 - 13:00 Uhr</td>
2415</tr>
2416</tbody>
2417</table>
2418<p><br /><br /></p></div>
2419                            
2420                             
2421                                <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Service-Hotline</h2>
2422                                <div class="tw-flex tw-flex-wrap tw-items-center tw-mb-8">
2423                                    <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="phone-rotary" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="tw-h-4 tw-text-onl_blue tw-pr-2"><title>telefonisch</title><path fill="currentColor" d="M256 240a80 80 0 1 0 80 80 80 80 0 0 0-80-80zm0 128a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48zm114.43-175.75A64 64 0 0 0 314.86 160H197.14a64 64 0 0 0-55.57 32.25L36.21 376.62A32 32 0 0 0 32 392.5V448a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-55.5a32 32 0 0 0-4.21-15.88zM448 448H64v-55.5l105.36-184.38A32.07 32.07 0 0 1 197.14 192h117.72a32.07 32.07 0 0 1 27.78 16.12L448 392.5zm52.27-329.8C431.72 63.21 344.81 32 256 32S80.28 63.21 11.73 118.2A32.17 32.17 0 0 0 0 143.29V208a16 16 0 0 0 16 16h70.11a16 16 0 0 0 14.31-8.85L128 152c39.9-17.28 83.23-24 128-24 44.77 0 88.08 6.72 128 24l27.58 63.15a16 16 0 0 0 14.31 8.85H496a16 16 0 0 0 16-16v-64.71a32.17 32.17 0 0 0-11.73-25.09zM480 192h-43.61l-23.07-52.81-5-11.55-11.57-5C355.33 104.71 309.3 96 256 96s-99.32 8.71-140.71 26.63l-11.57 5-5 11.55L75.61 192H31.94l-.18-48.84A359.7 359.7 0 0 1 256 64a357.89 357.89 0 0 1 224 79.29z" class=""></path></svg>040-505505
2424                                </div>
2425                                                                        </div>
2426                </div>
2427            </div>
2428
2429            
2430            
2431                    </div>
2432
2433        <div class="tw-p-4 tw-bg-stone-800 tw-text-stone-400">
2434            <div class="tw-container tw-mx-auto">
2435                <p><span class="tw-text-xs tw-uppercase">Unternehmen & Service</span><br>
2436                                                            <a href="https://www.amigoholiday.de/ueber-uns" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Über uns</a>
2437                                                                        <a href="https://www.amigoholiday.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Kontakt</a>
2438                                                                            <a href="https://www.amigoholiday.de/newsletter" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Newsletter</a>
2439                                                                        <a href="https://www.amigoholiday.de/preisgarantie" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Preisgarantie</a>
2440                                                <a rel="nofollow" href="https://agentur.onlineweg.de" target="_blank" class="tw-underline hover:tw-decoration-2 tw-text-stone-200"><span class="tw-whitespace-nowrap"><span class="fa fa-lock fa-fw"></span>Agenturbereich</a></span></p>
2441
2442                <p><span class="tw-text-xs tw-uppercase">Rechtliches</span><br>
2443                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.amigoholiday.de/impressum">Impressum</a>
2444                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.amigoholiday.de/datenschutz">Datenschutz</a>
2445                                                        <a href onclick="window.ow?.openCookieConsent(); return false;" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Cookieeinstellungen</a>
2446                                                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.amigoholiday.de/agb">AGB</a>
2447                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.amigoholiday.de/barrierefreiheit">Erklärung zur Barrierefreiheit</a>
2448                                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200" href="https://www.ergo-reiseversicherung.de/widerruf" target="_blank">Versicherungsvertrag widerrufen</a></p>
2449                                <div class="tw-mt-6">
2450                    <span class="tw-text-sm">&copy; 2026 onlineweg.de Touristik GmbH</span>
2451                </div>
2452            </div>
2453        </div>
2454    </footer>    
2455
2456    <div id="cookieconsent" v-cloak>
2457    <div v-if="showCookieConsent">
2458        <div id="consent" class="tw-flex tw-items-end tw-fixed tw-left-0 tw-top-0 tw-w-full tw-bottom-0 tw-h-full tw-z-50 consent-bg-animation consent-bg-dark">
2459            <div class="tw-w-full tw-block">
2460                <div class="tw-bg-white tw-flex tw-justify-center animated fadeInUp">
2461                    <div class="tw-container tw-mx-auto tw-p-6">
2462                        <span class="tw-text-2xl tw-font-semibold">Kurz zu den Datenschutzeinstellungen, dann geht's weiter!</span>
2463                        <p class="tw-mt-1">Wir nutzen Cookies auf unserer Website. Einige von ihnen sind technisch erforderlich, während andere uns helfen, Ihnen ein optimales Website-Erlebnis zu bieten. Ihre Einwilligung kann jederzeit geändert oder widerrufen werden. Bitte beachten Sie auch unsere <a href="https://www.amigoholiday.de/datenschutz" class="tw-underline hover:tw-decoration-2 tw-text-stone-900">Datenschutzerklärung</a>.</p>
2464                        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-justify-start lg:tw-items-baseline tw-mt-2">
2465                            <div class="tw-flex tw-flex-col md:tw-flex-row">
2466                                <label class="tw-block tw-mr-4" style="cursor: help" data-toggle="tooltip" data-html="true" title="<strong>Technisch erforderlich</strong><p>Technisch erforderliche Cookies ermöglichen grundlegende Funktionen und sind für die einwandfreie Funktion der Website zwingend erforderlich. Einer Einwilligung für die Nutzung dieser Cookies bedarf es nicht.</p>">
2467                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" checked disabled>
2468                                    <span>Technisch erforderlich</span>
2469                                </label>
2470                                <label class="tw-block tw-mr-4" style="cursor: help" data-toggle="tooltip" data-html="true" title="<strong>Personalisierung</strong><p> Personalisierungs-Cookies ermöglichen es einer Webseite, sich an Informationen zu erinnern, die die Art beeinflussen, wie sich eine Webseite verhält oder aussieht, wie z. B. Ihre bevorzugte Sprache oder die Region in der Sie sich befinden.</p><p><strong>Unsere Seiten nutzen derzeit keine Cookies dieser Kategorie.</strong></p>">
2471                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="p" v-model="cookies">
2472                                    Personalisierung
2473                                </label>
2474                                <label class="tw-block tw-mr-4" style="cursor: help" data-toggle="tooltip" data-html="true" title="<strong>Statistiken</strong><p>Statistik-Cookies helfen Webseiten-Besitzern zu verstehen, wie Besucher mit Webseiten interagieren, indem Informationen anonym gesammelt und gemeldet werden.</p>&lt;p&gt;&lt;strong&gt;Unsere Seiten nutzen derzeit keine Cookies dieser Kategorie.&lt;/strong&gt;&lt;/p&gt;">
2475                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="s" v-model="cookies">
2476                                    Statistiken
2477                                </label>
2478                                <label class="tw-block tw-mr-8"style="cursor: help" data-toggle="tooltip" data-html="true" title="<strong>Marketing</strong><p>Marketing-Cookies werden verwendet, um Besuchern auf Webseiten zu folgen. Die Absicht ist, Anzeigen zu zeigen, die relevant und ansprechend für den einzelnen Benutzer sind und daher wertvoller für Publisher und werbetreibende Drittparteien sind.</p><p><strong>Unsere Seiten nutzen derzeit keine Cookies dieser Kategorie.</strong></p>">
2479                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="m" v-model="cookies">
2480                                    Marketing
2481                                </label>
2482                            </div>
2483                            <div class="tw-mt-4 lg:tw-mt-0">
2484                                <div class="tw-flex tw-flex-col lg:tw-flex-row">
2485                                    <button class="tw-bg-green-700 hover:tw-bg-green-800 tw-text-white tw-font-semibold tw-py-2 tw-px-4 tw-rounded-lg tw-transition-colors lg:tw-mr-2 tw-mb-1" @click="saveCookieConsent('all')">Alle akzeptieren</button>
2486                                    <button class="tw-bg-stone-200 hover:tw-bg-stone-300 tw-text-stone-800 tw-font-semibold tw-py-2 tw-px-4 tw-rounded-lg tw-transition-colors tw-mb-1" @click="saveCookieConsent">Auswahl speichern</button>
2487                                </div>
2488                            </div>
2489                        </div>
2490                    </div>
2491                </div>
2492            </div>
2493        </div>
2494    </div>
2495</div></div>
2496
2497
2498<style>
2499    .expand-enter-active,
2500    .expand-leave-active {
2501        transition: all 0.5s ease-in-out;
2502        overflow: hidden;
2503    }
2504    .expand-enter,
2505    .expand-leave-to {
2506        opacity: 0;
2507    }
2508</style>
2509
2510<script>
2511const { createApp, ref, reactive, shallowRef, shallowReactive, computed, watch, watchEffect, onMounted, onUnmounted, onBeforeMount, onBeforeUnmount, onUpdated, onBeforeUpdate, nextTick, provide, inject, toRefs, toRef, isRef, isReactive, getCurrentInstance } = Vue;
2512</script>
2512
2513
2514    
2515    
2516    
2516<script>
2517        $(function () {
2518            $('#adults').val(2).trigger('change');
2519            $('#childs').val(0).trigger('change');
2520
2521            $('.duration').html($('#duration').find(':selected').data('label'));
2522
2523            $("#airports, #travelperiod, #reiseteilnehmer").click(function (e) {
2524                $('.autocomplete-suggestions').hide();
2525            });
2526
2527            $('[data-toggle="tooltip"]').tooltip();
2528
2529            $("#regionautocomplete").click(function (e) {
2530                if ($(".popover-regionautocomplete").is(':visible') && $('#formerror').attr('data-status') == 'false') {
2531                    $(".popover").hide();
2532                } else {
2533                    $(".popover").hide();
2534                    $(".popover-regionautocomplete").show();
2535                    $('#autocomplete').focus();
2536                    e.stopPropagation();
2537                }
2538            });
2539
2540            $('#adults').change(function () {
2541    const adults = $(this).val();
2542    const childs = $('#childs').val();
2543
2544    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2545    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2546    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2547
2548});
2549
2550$('#childs').change(function () {
2551    const adults = $('#adults').val();
2552    const childs = $(this).val();
2553
2554    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2555    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2556    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2557});
2558            $('.onltvintro').click(function() {
2559                $('.onltvteaser').addClass('animated flipInY').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
2560                    $(this).removeClass('animated flipInY');
2561                });
2562            })
2563
2564            const googlemaps_iframe = $('iframe#googlemaps_iframe');
2565            if (googlemaps_iframe.length > 0) {
2566                if (sessionStorage.getItem('googlemaps-consent') != 1) {
2567                    const height = googlemaps_iframe.attr('height');
2568                    const width = googlemaps_iframe.attr('width');
2569                
2570                    googlemaps_iframe.after('<div id="googlemaps_consent" style="background: #ddd" class="tw-flex tw-flex-col tw-justify-center tw-justify-items-center"><div style="background:rgba(0, 0, 0, 0.5);" class="tw-relative tw-w-full tw-text-white tw-p-8 tw-text-center">Mit dem Laden der Karte akzeptieren Sie die Datenschutzerklärung von Google.<br/><a href="https://policies.google.com/privacy" target="_blank" class="tw-text-gray-400">Datenschutzerklärung aufrufen</a><br/><div role="button" class="tw-bg-blue-400 hover:tw-bg-blue-500 tw-rounded tw-inline-flex tw-px-4 tw-py-1 tw-mt-4">Karte laden</div></div></div>');
2571
2572                    $('#googlemaps_consent').css('height', height).css('width', width);
2573                    googlemaps_iframe.css('height', 0).css('width', 0);
2574
2575                    $('#googlemaps_consent').find('div[role="button"]').on('click', function () {
2576                        $('#googlemaps_consent').removeClass('tw-flex').addClass('tw-hidden');
2577                        googlemaps_iframe.attr('src', googlemaps_iframe.attr('data-googlemaps-src')).css('height', height).css('width', width);
2578                        sessionStorage.setItem('googlemaps-consent', '1');
2579                    });
2580                } else {
2581                    googlemaps_iframe.attr('src', googlemaps_iframe.attr('data-googlemaps-src'));
2582                }
2583            }   
2584        })
2585    </script>
2585
2586
2587    
2588    
2588<script>
2589        createApp({
2590            setup() {
2591                const teaser = ref([]);
2592                const home1_loading = ref(true);
2593                const home2_loading = ref(true);
2594                const home3_loading = ref(true);
2595                const home4_loading = ref(true);
2596                const home5_loading = ref(true);
2597                const home6_loading = ref(true);
2598                const home101_loading = ref(true);
2599                const home102_loading = ref(true);
2600                const home103_loading = ref(true);
2601
2602                const home1 = ref([]);
2603                const home2 = ref([]);
2604                const home3 = ref([]);
2605                const home4 = ref([]);
2606                const home5 = ref([]);
2607                const home6 = ref([]);
2608                const home101 = ref([]);
2609                const home102 = ref([]);
2610                const home103 = ref([]);
2611
2612                const channelRefs = {
2613                    home1, home2, home3, home4, home5, home6, home101, home102, home103
2614                };
2615                const loadingRefs = {
2616                    home1: home1_loading,
2617                    home2: home2_loading,
2618                    home3: home3_loading,
2619                    home4: home4_loading,
2620                    home5: home5_loading,
2621                    home6: home6_loading,
2622                    home101: home101_loading,
2623                    home102: home102_loading,
2624                    home103: home103_loading,
2625                };
2626
2627                const loadTeaser = () => {
2628                    axios.get('_loadteaser', { timeout: 8000 })
2629                        .then((response) => {
2630                            teaser.value = response.data;
2631
2632                            Object.values(teaser.value).forEach((item) => {
2633                                if (!item || !item.channel) return;
2634
2635                                const target = channelRefs[item.channel];
2636                                if (target) target.value = item;
2637
2638                                if (item.url && loadingRefs[item.channel]) {
2639                                    loadingRefs[item.channel].value = false;
2640                                }
2641                            });
2642                        })
2643                        .catch(err => {
2644                            if (!err || !err.message) return;
2645                            const ignorable = ['Network Error', 'timeout', 'canceled'];
2646                            if (ignorable.some(msg => err.message.includes(msg))) return;
2647                        });
2648                };
2649
2650                const gotoUrl = (url) => {
2651                    window.location.href = url;
2652                };
2653
2654                onMounted(() => {
2655                    nextTick(() => {
2656                        loadTeaser();
2657                    });
2658                });
2659
2660                return {
2661                    teaser,
2662                    home1_loading,
2663                    home2_loading,
2664                    home3_loading,
2665                    home4_loading,
2666                    home5_loading,
2667                    home6_loading,
2668                    home101_loading,
2669                    home102_loading,
2670                    home103_loading,
2671                    home1,
2672                    home2,
2673                    home3,
2674                    home4,
2675                    home5,
2676                    home6,
2677                    home101,
2678                    home102,
2679                    home103,
2680                    loadTeaser,
2681                    goto: gotoUrl
2682                };
2683            }
2684        }).mount('#teaser');
2685
2686        createApp({
2687            setup() {
2688                // Daten
2689                const tab = ref('aktuelles');
2690                const schnellsucheTab = ref('package');
2691                const aktuellesActive = ref(true);
2692                const angeboteActive = ref(false);
2693                const ddate = ref('08.10.2026');
2694                const rdate = ref('22.10.2026');
2695                const duration = ref(7);
2696                const germanairports = ref([{"code":"BER","label":"Berlin Brandenburg"},{"code":"BRE","label":"Bremen"},{"code":"DTM","label":"Dortmund"},{"code":"DRS","label":"Dresden"},{"code":"DUS","label":"D\u00fcsseldorf"},{"code":"ERF","label":"Erfurt - Weimar"},{"code":"FRA","label":"Frankfurt"},{"code":"HHN","label":"Frankfurt - Hahn"},{"code":"FDH","label":"Friedrichshafen"},{"code":"HAM","label":"Hamburg"},{"code":"HAJ","label":"Hannover"},{"code":"FKB","label":"Karlsruhe"},{"code":"KSF","label":"Kassel"},{"code":"CGN","label":"K\u00f6ln - Bonn"},{"code":"LEJ","label":"Leipzig"},{"code":"LBC","label":"L\u00fcbeck"},{"code":"FMM","label":"Memmingen"},{"code":"MUC","label":"M\u00fcnchen"},{"code":"FMO","label":"M\u00fcnster \/ Osnabr\u00fcck"},{"code":"NUE","label":"N\u00fcrnberg"},{"code":"PAD","label":"Paderborn - Lippstadt"},{"code":"RLG","label":"Rostock"},{"code":"SCN","label":"Saarbr\u00fccken"},{"code":"STR","label":"Stuttgart"},{"code":"GWT","label":"Westerland - Sylt"},{"code":"NRN","label":"Weeze - Niederrhein"}]);
2697                const swissairports = ref([{"code":"BSL","label":"Basel - Mulhouse (CH)"},{"code":"BRN","label":"Bern (CH)"},{"code":"GVA","label":"Genf (CH)"},{"code":"LUG","label":"Lugano (CH)"},{"code":"ACH","label":"St.Gallen-Altenrhein (CH)"},{"code":"ZRH","label":"Z\u00fcrich (CH)"}]);
2698                const austrianairports = ref([{"code":"GRZ","label":"Graz (AT)"},{"code":"INN","label":"Innsbruck (AT)"},{"code":"KLU","label":"Klagenfurt (AT)"},{"code":"LNZ","label":"Linz (AT)"}
2698,{"code":"SZG","label":"Salzburg (AT)"},{"code":"VIE","label":"Wien (AT)"}]);
2699                const europeanairports = ref([{"code":"AMS","label":"Amsterdam (NL)"},{"code":"ANR","label":"Antwerpen (BE)"},{"code":"BGY","label":"Bergamo-Orio al Serio (IT)"},{"code":"BLL","label":"Billund (DK)"},{"code":"BTS","label":"Bratislava (SK)"},{"code":"BUD","label":"Budapest (HU)"},{"code":"OTP","label":"Bukarest (RO)"},{"code":"WRO","label":"Breslau (PL)"},{"code":"BRU","label":"Br\u00fcssel (BE)"},{"code":"CRL","label":"Br\u00fcssel - Charleroi (BE)"},{"code":"GDN","label":"Danzig (PL)"},{"code":"EIN","label":"Eindhoven (NL)"},{"code":"ENS","label":"Enschede (NL)"},{"code":"GRQ","label":"Groningen (NL)"},{"code":"KTW","label":"Kattowitz (PL)"},{"code":"CPH","label":"Kopenhagen (DK)"},{"code":"KRK","label":"Krakau (PL)"},{"code":"LIL","label":"Lille (FR)"},{"code":"LUX","label":"Luxembourg (LU)"},{"code":"LGG","label":"L\u00fcttich \/ Li\u00e8ge (BE)"},{"code":"LYS","label":"Lyon (FR)"},{"code":"MST","label":"Maastricht - Aachen (NL)"},{"code":"LIN","label":"Mailand - Linate (IT)"},{"code":"MXP","label":"Mailand - Malpensa (IT)"},{"code":"MRS","label":"Marseille (FR)"},{"code":"NTE","label":"Nantes (FR)"},{"code":"NCE","label":"Nizza (FR)"},{"code":"ORY","label":"Paris - Orly (FR)"},{"code":"CDG","label":"Paris - Charles de Gaulle (FR)"},{"code":"POZ","label":"Posen (PL)"},{"code":"PRG","label":"Prag (CZ)"},{"code":"RTM","label":"Rotterdam Den Haag (NL)"},{"code":"SXB","label":"Strasbourg (FR)"},{"code":"TLS","label":"Toulouse - Blagnac (FR)"},{"code":"WAW","label":"Warschau (PL)"},{"code":"ZAG","label":"Zagreb (HR)"}]);
2700                const selectedairports = ref([]);
2701                const searchstr = ref('');
2702                const autocomplete_list = ref(false);
2703                const searchregions = ref([]);
2704                const region = ref('');
2705
2706                const routePkgHotel  = "https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/hotel";
2707                const routePkgRegion = "https://www.amigoholiday.de/urlaubsreisen/pauschalreisen";
2708                const routeHotelHotel  = "https://www.amigoholiday.de/hotel/ferienhotels/hotel";
2709                const routeHotelRegion = "https://www.amigoholiday.de/hotel/ferienhotels";
2710                const routePkgOffer  = "https://www.amigoholiday.de/urlaubsreisen/pauschalreisen/offer";
2711                const routeHotelOffer = "https://www.amigoholiday.de/hotel/ferienhotels/offer";
2712
2713                let ac;
2714
2715                // Methoden
2716                const setRegion = (r) => {
2717                    if (r.data && r.data.category === 'Ort') {
2718                        $('#rid').val(r.data.rid);
2719                        $('#cid').val(r.id);
2720                        $('#country').val('').prop("disabled", true);
2721                    } else if (r.data && r.data.category === 'Land') {
2722                        $('#country').val(r.data.countryCode);
2723                        $('#rid').val('').prop("disabled", true);
2724                        $('#cid').val('').prop("disabled", true);
2725                    } else if (r.data && r.data.category === 'Object') {
2726                        $('#oid').val(r.oid);
2727                        $('#country').val('').prop("disabled", true);
2728                        $('#rid').val('').prop("disabled", true);
2729                        $('#cid').val('').prop("disabled", true);
2730                    } else {
2731                        $('#rid').val(r.id);
2732                        $('#cid').val('').prop("disabled", true);
2733                        $('#country').val('').prop("disabled", true);
2734                    }
2735                    region.value = r.value;
2736                    $(".popover").hide();
2737                    autocomplete_list.value = false;
2738                    searchstr.value = '';
2739                    searchregions.value = [];
2740                };
2741
2742                const changeSchnellsucheTab = (newTab) => {
2743                    schnellsucheTab.value = newTab;
2744                    $('#autocomplete, #rid, #cid').val('');
2745                    autocomplete_list.value = false;
2746                    searchstr.value = '';
2747                    searchregions.value = [];
2748                };
2749
2750                const changeTab = (newTab) => {
2751                    tab.value = newTab;
2752                };
2753
2754                const getSelectedItemLabel = (array, str) => {
2755                    const item = _.find(array, { 'code': str });
2756                    if (item) return item.label;
2757                };
2758
2759                const search = async () => {
2760                    if (searchstr.value.length <= 1) {
2761                        autocomplete_list.value = false;
2762                        searchregions.value = [];
2763                        if (ac) ac.abort();
2764                        return;
2765                    }
2766
2767                    if (ac) ac.abort();
2768                    ac = new AbortController();
2769
2770                    $('#oid, #country, #rid, #cid').val('').prop('disabled', false);
2771
2772                    const autocompleteUrl = (schnellsucheTab.value === 'package')
2773                        ? 'https://www.amigoholiday.de/ttxmlwsservice/search?ressource=package'
2774                        : 'https://www.amigoholiday.de/ttxmlwsservice/search?ressource=hotel';
2775
2776                    try {
2777                        const res = await fetch(
2778                            autocompleteUrl + '&q=' + encodeURIComponent(searchstr.value),
2779                            {
2780                                signal: ac.signal,
2781                                headers: { 'Accept': 'application/json' },
2782                                cache: 'no-store'
2783                            }
2784                        );
2785
2786                        if (!res.ok) {
2787                            autocomplete_list.value = false;
2788                            searchregions.value = [];
2789                            return;
2790                        }
2791
2792                        let data = [];
2793                        try {
2794                            data = await res.json();
2795                        } catch (e) {
2796                            return;
2797                        }
2798
2799                        if (ac.signal.aborted) return;
2800
2801                        searchregions.value = data;
2802                        autocomplete_list.value = true;
2803
2804                    } catch (err) {
2805                        if (err.name === 'AbortError') return;
2806                        if (/NetworkError|Failed to fetch/i.test(err.message || '')) return;
2807                    }
2808                };
2809
2810                const searchRegions = _.debounce(search, 400);
2811
2812                const markString = (str, query) => {
2813                    const n = str.toUpperCase();
2814                    const q = query.toUpperCase();
2815                    const x = n.indexOf(q);
2816                    if (!q || x === -1) return str;
2817                    const l = q.length;
2818                    return str.substr(0, x) +
2819                        '<span class="tw-text-blue-600">' + str.substr(x, l) + '</span>' +
2820                        str.substr(x + l);
2821                };
2822
2823                // Computed
2824                const durationComp = computed(() => {
2825                    if (isNaN(duration.value)) {
2826                        const temp = duration.value.split('-');
2827                        return temp[0];
2828                    }
2829                    return duration.value;
2830                });
2831
2832                const diff = computed(() => {
2833                    const date1 = dayjs(rdate.value, "DD.MM.YYYY");
2834                    const date2 = dayjs(ddate.value, "DD.MM.YYYY");
2835                    return date1.diff(date2, 'day');
2836                });
2837
2838                const durationerror = computed(() => durationComp.value > diff.value);
2839
2840                const chunkedGermanAirports = computed(() => {
2841                    const size = germanairports.value.length / 3;
2842                    return _.chunk(germanairports.value, _.ceil(size));
2843                });
2844
2845                const chunkedSwissAirports = computed(() => {
2846                    const size = swissairports.value.length / 3;
2847                    return _.chunk(swissairports.value, _.ceil(size));
2848                });
2849
2850                const chunkedAustrianAirports = computed(() => {
2851                    const size = austrianairports.value.length / 3;
2852                    return _.chunk(austrianairports.value, _.ceil(size));
2853                });
2854
2855                const chunkedEuropeanAirports = computed(() => {
2856                    const size = europeanairports.value.length / 3;
2857                    return _.chunk(europeanairports.value, _.ceil(size));
2858                });
2859
2860                const compSelectedAirports = computed(() => _.join(selectedairports.value, ','));
2861
2862                const handleMoreCriteria = () => {
2863                    const rid = document.getElementById('rid')?.value || '';
2864                    const form = document.getElementById('ttxmlform');
2865
2866                    const formAction = (schnellsucheTab.value === 'package')
2867                        ? (rid !== '' && +rid < 10000 ? routePkgHotel : routePkgRegion)
2868                        : (rid !== '' && +rid < 10000 ? routeHotelHotel : routeHotelRegion);
2869
2870                    try { localStorage.setItem('ttxml_package_advancedsearch', 'true'); } catch(e){}
2871
2872                    form.setAttribute('action', formAction);
2873                    form.setAttribute('method', 'GET');
2874                    form.submit();
2875                };
2876
2877                const handleSubmit = () => {
2878                    const form = document.getElementById('ttxmlform');
2879                    const formError = document.getElementById('formerror');
2880                    if (formError?.getAttribute('data-status') === 'true') return;
2881
2882                    const rid = document.getElementById('rid')?.value || '';
2883                    const oid = document.getElementById('oid')?.value || '';
2884
2885                    let formAction = '';
2886                    if (schnellsucheTab.value === 'package') {
2887                        formAction = (oid !== '') ? routePkgOffer
2888                                : (rid !== '' && +rid < 10000 ? routePkgHotel : routePkgRegion);
2889                    } else {
2890                        formAction = (oid !== '') ? routeHotelOffer
2891                                : (rid !== '' && +rid < 10000 ? routeHotelHotel : routeHotelRegion);
2892                    }
2893
2894                    form.setAttribute('action', formAction);
2895                    form.setAttribute('method', 'GET');
2896                    form.submit();
2897                };
2898
2899                // Lifecycle
2900                onMounted(() => {
2901                    let dp_depdate = new AirDatepicker('#hindate', {
2902                        locale: window.airdatepickerLocale,
2903                        startDate: dayjs(ddate.value, "DD.MM.YYYY").format('YYYY-MM-DD'),
2904                        selectedDates: [dayjs(ddate.value, "DD.MM.YYYY").format('YYYY-MM-DD')],
2905                        minDate: dayjs().add(2, 'day').format('YYYY-MM-DD'),
2906                        onSelect({ formattedDate }) {
2907                            ddate.value = formattedDate;
2908                            dp_arrdate.update({
2909                                startDate: dayjs(ddate.value, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'),
2910                                minDate: dayjs(ddate.value, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2911                            });
2912                            dp_arrdate.selectDate(dayjs(ddate.value, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'));
2913                        },
2914                        inline: true,
2915                        autoClose: true
2916                    });
2917
2918                    let dp_arrdate = new AirDatepicker('#rueckdate', {
2919                        locale: window.airdatepickerLocale,
2920                        startDate: dayjs(rdate.value, "DD.MM.YYYY").format('YYYY-MM-DD'),
2921                        selectedDates: [dayjs(rdate.value, "DD.MM.YYYY").format('YYYY-MM-DD')],
2922                        minDate: dayjs(ddate.value, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2923                        onSelect({ formattedDate }) {
2924                            rdate.value = formattedDate;
2925                        },
2926                        inline: true,
2927                        autoClose: true
2928                    });
2929
2930                                                                                                                                            
2931                                    });
2932
2933                return {
2934                    tab, schnellsucheTab, changeSchnellsucheTab, aktuellesActive, angeboteActive,
2935                    ddate, rdate, duration, germanairports, swissairports, austrianairports, europeanairports,
2936                    selectedairports, searchstr, autocomplete_list, searchregions, region,
2937                    setRegion, changeTab, getSelectedItemLabel, searchRegions, markString,
2938                    durationComp, diff, durationerror,
2939                    chunkedGermanAirports, chunkedAustrianAirports, chunkedSwissAirports, chunkedEuropeanAirports, compSelectedAirports,
2940                    handleMoreCriteria, handleSubmit
2941                };
2942            }
2943        }).mount('#officepanel');
2944
2945        createApp({
2946            setup() {
2947                const moreOwtvTeaser = ref(false);
2948                
2949                return {
2950                    moreOwtvTeaser
2951                };
2952            }
2953        }).mount('#owtvteaser');
2954    </script>
2954
2955
2956<script>
2957
2958$(function() {
2959    try {
2960        if (sessionStorage.getItem('mailingId') != null) {
2961            $('.mailingbutton').attr('href', 'https://www.amigoholiday.de/mailing?h=' + sessionStorage.getItem('mailingId'))
2962            $('.mailingbutton').removeClass('tw-hidden').addClass('tw-flex');
2963        }
2964    } catch (error) {}
2965
2966    $('[data-toggle="tooltip"]').tooltip();
2967
2968    $('.eurokurse').click(function() {
2969        var betrag = $('#eurbetrag').val();
2970        if (betrag != '') {
2971            axios.post('https://www.amigoholiday.de/api/eurokurs', {'currency': 'CHF', 'betrag': betrag}).then(function (response) {
2972                $('#chfbetrag').val(response.data + ' CHF');
2973            });
2974        }
2975    })
2976
2977    });
2978
2979createApp({
2980    setup() {
2981        const navCollapsed = ref(true);
2982
2983        return {
2984            navCollapsed
2985        };
2986    }
2987}).mount('#navigation');
2988
2989createApp({
2990    setup() {
2991        const followup = ref(false);
2992
2993        return {
2994            followup
2995        };
2996    }
2997}).mount('#seo');
2998
2999createApp({
3000    setup() {
3001        const showCookieConsent = ref(false);
3002        const cookies = ref([]);
3003        const cookieConsent = reactive({});
3004
3005        const saveCookieConsent = (selection) => {
3006            if (selection === 'all') {
3007                cookies.value = ['p', 's', 'm'];
3008            }
3009
3010            cookieConsent.p = cookies.value.includes('p');
3011            cookieConsent.s = cookies.value.includes('s');
3012            cookieConsent.m = cookies.value.includes('m');
3013
3014            axios.post('/api/_cookieconsent', JSON.stringify(cookieConsent))
3015                .then(() => {
3016                    showCookieConsent.value = false;
3017                    window.scrollTo(0, 0);
3018                    location.reload();
3019                });
3020        };
3021
3022        onMounted(() => {
3023                            window.ow = window.ow || {};
3024                window.ow.openCookieConsent = () => (showCookieConsent.value = true);
3025                nextTick(() => {
3026                    if (top !== window) {
3027                    } else {
3028                                                    showCookieConsent.value = true;
3029                                            }
3030                });
3031                    });
3032
3033        return {
3034            showCookieConsent,
3035            cookies,
3036            cookieConsent,
3037            saveCookieConsent
3038        };
3039    }
3040}).mount('#cookieconsent');
3041</script>
3041
3042
3043
3044<!-- ||monitor|| -->
3045</body>
3046</html>

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.