PageSourceSearch

https://www.bestreisen.de/urlaubsreisen/last-minute

html bestreisen.de collected 2026-10-07 03:58:10 UTC 252,482 bytes, 3,156 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,nofollow"/>
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.bestreisen.de/urlaubsreisen/last-minute" /> 
13        <meta property="og:title" content="ReiseCenter Rimbach TUI Premium Partner, Reisebüro in Rimbach"/>
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>ReiseCenter Rimbach TUI Premium Partner, Reisebüro in Rimbach</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?1791345490" rel="stylesheet">
32    
33    <link href="/assets/css/bfsg.css?1791345490" 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, "4010"]);
50        _paq.push(['setCustomDimension', 2, "www.bestreisen.de"]);
51        _paq.push(['setCustomDimension', 3, "4010"]);
52        _paq.push(['setCustomDimension', 4, "www.bestreisen.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.cloud/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        
72<script src="/assets/js/iframeResizer.contentWindow.min.js"></script>
72
73
74    
75    
76    
77    
78    </head>
79
80<body class="tw-font-barlow">
81<script src="/assets/refactor/vue.min.js?v=2"></script>
vendor: 1 bytes, line 81
81
82<script src="/assets/refactor/app.js?v=2"></script>
82
83
84
85
86<script>window.ttxml=window.ttxml||{};ttxml.facilities='';ttxml.sports='';ttxml.ddate='2026-10-10';ttxml.rdate='2026-10-24';ttxml.duration=7;ttxml.adults=2;ttxml.childs=0;ttxml.advancedsearch=null;</script>
86
87
88        <link href="https://www.bestreisen.de/assets/refactor/air-datepicker.css" rel="stylesheet">
89    <style>
90        .air-datepicker.-inline- {
91            width: 100%;
92            height: 270px
93        }
94        .popover {
95            z-index: 999 !important;
96        }
97
98        .autocomplete-suggestions {
99            position: absolute !important;
100        }
101
102        .rdate-theme .pika-lendar, .rdate-theme .pika-button {
103            background: #e1e1e1;
104        }
105
106        .rdate-theme .is-selected .pika-button {
107            background: #33aaff;
108            box-shadow: inset 0 1px 3px #178fe5;
109        }
110
111        .rdate-theme .pika-button:hover {
112            background: #ff8000;
113            box-shadow: none;
114        }
115
116        .slide-fade-enter-active {
117            transition: all .5s ease;
118        }
119        .slide-fade-leave-active {
120
121        }
122        .slide-fade-enter, .slide-fade-leave-active {
123            transform: translateX(500px);
124            opacity: 0;
125        }
126        @media(max-width: 768px) {
127            .popover-regionautocomplete {
128                top:-147px;;
129            }
130            .popover-airports {
131                top:-218px;;
132            }
133            .popover-travelperiod {
134                top:-76px;;
135            }
136            .popover-teilnehmer {
137                top:-5px;;
138            }
139            .popover-touroperators {
140                top:-218px;;
141            }
142            .popover-roomtypes {
143                top:-147px;;
144            }
145            .popover-facilities {
146                top:-218px;;
147            }
148        }
149        .popover-right {
150            left: 10px;
151        }
152        .checkbox {
153            padding-left: 20px;
154            margin: 6px 0;
155        }
156        .checkbox label {
157            display: inline-block;
158            vertical-align: middle;
159            position: relative;
160            padding-left: 5px;
161        }
162        .checkbox label::before {
163            content: "";
164            display: inline-block;
165            position: absolute;
166            width: 17px;
167            height: 17px;
168            left: 0;
169            top: 1px;
170            margin-left: -20px;
171            border: 1px solid #cccccc;
172            border-radius: 3px;
173            background-color: #fff;
174            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
175            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
176            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
177        }
178        .checkbox label::after {
179            display: inline-block;
180            position: absolute;
181            width: 16px;
182            height: 16px;
183            left: 0;
184            top: 0;
185            margin-left: -20px;
186            padding-left: 3px;
187            padding-top: 1px;
188            font-size: 11px;
189            color: #555555;
190        }
191        .checkbox input[type="checkbox"],
192        .checkbox input[type="radio"] {
193            opacity: 0;
194            z-index: 1;
195            cursor: pointer;
196        }
197        .checkbox input[type="checkbox"]:focus + label::before,
198        .checkbox input[type="radio"]:focus + label::before {
199            outline: thin dotted;
200            outline: 5px auto -webkit-focus-ring-color;
201            outline-offset: -2px;
202        }
203        .checkbox input[type="checkbox"]:checked + label::after,
204        .checkbox input[type="radio"]:checked + label::after {
205            font-family: "FontAwesome";
206            content: "\f00c";
207        }
208        .checkbox input[type="checkbox"]:indeterminate + label::after,
209        .checkbox input[type="radio"]:indeterminate + label::after {
210            display: block;
211            content: "";
212            width: 10px;
213            height: 3px;
214            background-color: #555555;
215            border-radius: 2px;
216            margin-left: -16.5px;
217            margin-top: 7px;
218        }
219        .checkbox input[type="checkbox"]:disabled + label,
220        .checkbox input[type="radio"]:disabled + label {
221            opacity: 0.65;
222        }
223        .checkbox input[type="checkbox"]:disabled + label::before,
224        .checkbox input[type="radio"]:disabled + label::before {
225            background-color: #eeeeee;
226            cursor: not-allowed;
227        }
228        .checkbox.checkbox-circle label::before {
229            border-radius: 50%;
230        }
231        .checkbox.checkbox-inline {
232            margin-top: 0;
233        }
234
235        .checkbox-primary input[type="checkbox"]:checked + label::before,
236        .checkbox-primary input[type="radio"]:checked + label::before {
237            background-color: #337ab7;
238            border-color: #337ab7;
239        }
240        .checkbox-primary input[type="checkbox"]:checked + label::after,
241        .checkbox-primary input[type="radio"]:checked + label::after {
242            color: #fff;
243        }
244
245        .checkbox-danger input[type="checkbox"]:checked + label::before,
246        .checkbox-danger input[type="radio"]:checked + label::before {
247            background-color: #d9534f;
248            border-color: #d9534f;
249        }
250        .checkbox-danger input[type="checkbox"]:checked + label::after,
251        .checkbox-danger input[type="radio"]:checked + label::after {
252            color: #fff;
253        }
254
255        .checkbox-info input[type="checkbox"]:checked + label::before,
256        .checkbox-info input[type="radio"]:checked + label::before {
257            background-color: #5bc0de;
258            border-color: #5bc0de;
259        }
260        .checkbox-info input[type="checkbox"]:checked + label::after,
261        .checkbox-info input[type="radio"]:checked + label::after {
262            color: #fff;
263        }
264
265        .checkbox-warning input[type="checkbox"]:checked + label::before,
266        .checkbox-warning input[type="radio"]:checked + label::before {
267            background-color: #f0ad4e;
268            border-color: #f0ad4e;
269        }
270        .checkbox-warning input[type="checkbox"]:checked + label::after,
271        .checkbox-warning input[type="radio"]:checked + label::after {
272            color: #fff;
273        }
274
275        .checkbox-success input[type="checkbox"]:checked + label::before,
276        .checkbox-success input[type="radio"]:checked + label::before {
277            background-color: #5cb85c;
278            border-color: #5cb85c;
279        }
280        .checkbox-success input[type="checkbox"]:checked + label::after,
281        .checkbox-success input[type="radio"]:checked + label::after {
282            color: #fff;
283        }
284
285        .checkbox-primary input[type="checkbox"]:indeterminate + label::before,
286        .checkbox-primary input[type="radio"]:indeterminate + label::before {
287            background-color: #337ab7;
288            border-color: #337ab7;
289        }
290
291        .checkbox-primary input[type="checkbox"]:indeterminate + label::after,
292        .checkbox-primary input[type="radio"]:indeterminate + label::after {
293            background-color: #fff;
294        }
295
296        .checkbox-danger input[type="checkbox"]:indeterminate + label::before,
297        .checkbox-danger input[type="radio"]:indeterminate + label::before {
298            background-color: #d9534f;
299            border-color: #d9534f;
300        }
301
302        .checkbox-danger input[type="checkbox"]:indeterminate + label::after,
303        .checkbox-danger input[type="radio"]:indeterminate + label::after {
304            background-color: #fff;
305        }
306
307        .checkbox-info input[type="checkbox"]:indeterminate + label::before,
308        .checkbox-info input[type="radio"]:indeterminate + label::before {
309            background-color: #5bc0de;
310            border-color: #5bc0de;
311        }
312
313        .checkbox-info input[type="checkbox"]:indeterminate + label::after,
314        .checkbox-info input[type="radio"]:indeterminate + label::after {
315            background-color: #fff;
316        }
317
318        .checkbox-warning input[type="checkbox"]:indeterminate + label::before,
319        .checkbox-warning input[type="radio"]:indeterminate + label::before {
320            background-color: #f0ad4e;
321            border-color: #f0ad4e;
322        }
323
324        .checkbox-warning input[type="checkbox"]:indeterminate + label::after,
325        .checkbox-warning input[type="radio"]:indeterminate + label::after {
326            background-color: #fff;
327        }
328
329        .checkbox-success input[type="checkbox"]:indeterminate + label::before,
330        .checkbox-success input[type="radio"]:indeterminate + label::before {
331            background-color: #5cb85c;
332            border-color: #5cb85c;
333        }
334
335        .checkbox-success input[type="checkbox"]:indeterminate + label::after,
336        .checkbox-success input[type="radio"]:indeterminate + label::after {
337            background-color: #fff;
338        }
339
340        .radio {
341            padding-left: 20px;
342        }
343        .radio label {
344            display: inline-block;
345            vertical-align: middle;
346            position: relative;
347            padding-left: 5px;
348        }
349        .radio label::before {
350            content: "";
351            display: inline-block;
352            position: absolute;
353            width: 17px;
354            height: 17px;
355            left: 0;
356            margin-left: -20px;
357            border: 1px solid #cccccc;
358            border-radius: 50%;
359            background-color: #fff;
360            -webkit-transition: border 0.15s ease-in-out;
361            -o-transition: border 0.15s ease-in-out;
362            transition: border 0.15s ease-in-out;
363        }
364        .radio label::after {
365            display: inline-block;
366            position: absolute;
367            content: " ";
368            width: 11px;
369            height: 11px;
370            left: 3px;
371            top: 3px;
372            margin-left: -20px;
373            border-radius: 50%;
374            background-color: #555555;
375            -webkit-transform: scale(0, 0);
376            -ms-transform: scale(0, 0);
377            -o-transform: scale(0, 0);
378            transform: scale(0, 0);
379            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
380            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
381            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
382            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
383        }
384        .radio input[type="radio"] {
385            opacity: 0;
386            z-index: 1;
387            cursor: pointer;
388        }
389        .radio input[type="radio"]:focus + label::before {
390            outline: thin dotted;
391            outline: 5px auto -webkit-focus-ring-color;
392            outline-offset: -2px;
393        }
394        .radio input[type="radio"]:checked + label::after {
395            -webkit-transform: scale(1, 1);
396            -ms-transform: scale(1, 1);
397            -o-transform: scale(1, 1);
398            transform: scale(1, 1);
399        }
400        .radio input[type="radio"]:disabled + label {
401            opacity: 0.65;
402        }
403        .radio input[type="radio"]:disabled + label::before {
404            cursor: not-allowed;
405        }
406        .radio.radio-inline {
407            margin-top: 0;
408        }
409
410        .radio-primary input[type="radio"] + label::after {
411            background-color: #337ab7;
412        }
413        .radio-primary input[type="radio"]:checked + label::before {
414            border-color: #337ab7;
415        }
416        .radio-primary input[type="radio"]:checked + label::after {
417            background-color: #337ab7;
418        }
419
420        .radio-danger input[type="radio"] + label::after {
421            background-color: #d9534f;
422        }
423        .radio-danger input[type="radio"]:checked + label::before {
424            border-color: #d9534f;
425        }
426        .radio-danger input[type="radio"]:checked + label::after {
427            background-color: #d9534f;
428        }
429
430        .radio-info input[type="radio"] + label::after {
431            background-color: #5bc0de;
432        }
433        .radio-info input[type="radio"]:checked + label::before {
434            border-color: #5bc0de;
435        }
436        .radio-info input[type="radio"]:checked + label::after {
437            background-color: #5bc0de;
438        }
439
440        .radio-warning input[type="radio"] + label::after {
441            background-color: #f0ad4e;
442        }
443        .radio-warning input[type="radio"]:checked + label::before {
444            border-color: #f0ad4e;
445        }
446        .radio-warning input[type="radio"]:checked + label::after {
447            background-color: #f0ad4e;
448        }
449
450        .radio-success input[type="radio"] + label::after {
451            background-color: #5cb85c;
452        }
453        .radio-success input[type="radio"]:checked + label::before {
454            border-color: #5cb85c;
455        }
456        .radio-success input[type="radio"]:checked + label::after {
457            background-color: #5cb85c;
458        }
459
460        input[type="checkbox"].styled:checked + label:after,
461        input[type="radio"].styled:checked + label:after {
462            font-family: 'FontAwesome';
463            content: "\f00c";
464        }
465        input[type="checkbox"] .styled:checked + label::before,
466        input[type="radio"] .styled:checked + label::before {
467            color: #fff;
468        }
469        input[type="checkbox"] .styled:checked + label::after,
470        input[type="radio"] .styled:checked + label::after {
471            color: #fff;
472        }
473        .tooltip-inner {
474            background-color: #2d606c !important;
475        }
476        .tooltip-inner {
477            width: 275px !important;
478            max-width: 275px !important;
479            text-align: left !important;
480            background-color: #2d606c !important;
481        }
482    </style>
483
484<style>
485    .visuallyhidden {
486        border: 0;
487        clip: rect(0 0 0 0);
488        height: 1px;
489        margin: -1px;
490        overflow: hidden;
491        padding: 0;
492        position: absolute;
493        width: 1px;
494    }
495
496    input {
497        outline: none;
498    }
499
500    a:focus-visible,
501    button:focus-visible,
502    input:focus-visible,
503    select:focus-visible,
504    textarea:focus-visible {    
505        outline: none !important;
506        box-shadow: 0 0 0 3px #005289 !important;
507    }
508
509    .zoom-on-hover {
510        overflow: hidden;
511    }
512
513    .zoom-on-hover img {
514        transition: transform 0.3s ease-out;
515        transform: scale(1);
516    }
517
518    .zoom-on-hover:hover img {
519        transform: scale(1.02);
520    }
521
522    .has-feedback span~.form-control-feedback {
523        top: 26px;
524    }
525
526        .topnav__item_active {
527        color: #333 !important;
528    }
529    
530    .topnav__item_active {
531        border-top:0 !important;
532        border-top-right-radius: 0 !important;
533        border-top-left-radius: 0 !important;
534        margin-top: 0 !important;
535        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
536    }
537    .topnav__item:hover {
538        border-top:0 !important;
539        border-top-right-radius: 0 !important;
540        border-top-left-radius: 0 !important;
541        margin-top: 0 !important;
542        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
543    }   
544    .topnav-dropdown__item:hover {
545        background: #f5f5f4 !important;
546        color: #333 !important;
547    }
548
549    
550            @media (min-width: 768px)  { .tw-container, .container { max-width: 768px; } }
551        @media (min-width: 960px)  { .tw-container, .container { max-width: 960px; } }
552        @media (min-width: 1200px) { .tw-container, .container { max-width: 1200px; } }
553
554        html, body {
555            font-size: 16px;
556        }
557
558        .widget__teaser {
559            font-size: 14px;
560        }
561    </style>
562
563<div id="vueapp"  v-cloak>
564            <div class="header-wrapper tw-shadow-0">
565        
566        <div class="tw-container tw-mx-auto tw-pt-6 tw-pb-4">
567                            <div class="tw-flex tw-flex-col md:tw-flex-row md:tw-space-x-4 ">
568                                            <div class="tw-w-full  md:tw-w-[550
568px] lg:tw-w-[715px] ">
569                            <div class="logo tw-px-8 tw-py-3 md:tw-p-0">
570                                <a href="https://www.bestreisen.de"><img src="pics/logo.jpg?1791345490" class="img-responsive" alt="Firmenlogo ReiseCenter Rimbach TUI Premium Partner"/></a>
571                            </div>
572                        </div>
573                                                <div class="text-right tw-hidden md:tw-block md:tw-grow tw-whitespace-nowrap tw-relative header-contact">
574                            <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);">
575                                <div class="tw-font-semibold tw-mb-2"><strong>Persönlich für Sie da!</strong></div>
576                                
577                                                                <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
578                                    <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> 06253-972250
579                                </div>
580                                                                                                                                                                                                <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
581                                    <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.bestreisen.de/kontakt">Kontaktieren Sie uns!</a>
582                                </div>
583                                                            </div>
584                            
585                                                    </div>
586                                                            </div>
587                            
588                    </div>
589    </div>
590
591    <div class="navigation-wrapper">
592        <div class="tw-container tw-mx-auto" style="position: relative">
593                        <div class="topnav" id="navbarCollapse" style="position: relative">
594    <div class="tw-flex tw-flex-wrap tw-justify-between tw-items-center lg:tw-hidden tw-h-full">
595                            <div class="tw-flex tw-flex-row">
596                                    <a href="https://www.bestreisen.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">
597                        <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">
597<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>
598                </a>
599                                                                                                                                                                                                                
600                                    <a href="https://www.bestreisen.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">
601                        <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>
602                    </a>
603                            </div>
604                <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>
605    </div>  
606    <ul class="topnav__list hidden-xs hidden-sm">
607       
608        <li class="topnav__item tw-rounded-t-lg nav-home  hidden-sm">
609            <a class="topnav__link" href="https://www.bestreisen.de" aria-label="Zur Startseite">
610                <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>
611            </a>
612        </li>
613        
614        <li class="topnav__item tw-rounded-t-lg topnav__item_active hidden-sm tw-group">
615            <span class="topnav__link" role="button">Urlaubsreisen <i class="fa fa-angle-down"></i></span>
616            <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">
617                <li class="topnav-dropdown__item tw-py-2">
618                    <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaubsreisen/last-minute">Last Minute</a>
619                </li>
620                <li class="topnav-dropdown__item tw-py-2">
621                    <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
622                </li>
623                                    <li class="topnav-dropdown__item tw-py-2">
624                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
625                    </li>
626                                                    <li class="topnav-dropdown__item tw-py-2">
627                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
628                    </li>
629                                                    <li class="topnav-dropdown__item tw-py-2">
630                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis EUR 299,-</a>
631                    </li>
632                                                <li class="topnav-dropdown__item tw-py-2">
633                    <a class="topnav-dropdown__link tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-base" href="https://www.bestreisen.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>
634                </li>
635                
636            </ul>
637        </li>
638        
639                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
640                <span class="topnav__link" role="button"> Hotel  <i class="fa fa-angle-down"></i></span>
641                <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">
642                    <li class="topnav-dropdown__item tw-py-2">
643                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/hotel/ferienhotels">Ferienhotels</a>
644                    </li>
645                                            <li class="topnav-dropdown__item tw-py-2">
646                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/hotel/stadthotels">Stadthotels</a>
647                                                    </li>
648                                                            <li class="topnav-dropdown__item tw-py-2">
649                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
650                    </li>
651                                            <li class="topnav-dropdown__item tw-py-2">
652                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
653                        </li>
654                                                                <li class="topnav-dropdown__item tw-py-2">
655                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
656                        </li>
657                                                            <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">
658                        <a class="tw-no-underline tw-text-base tw-whitespace-nowrap tw-text-stone-900" href="https://www.bestreisen.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>
659                    </li>
660                                                            
661                </ul>
662            </li>
663                
664                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
665                <span class="topnav__link" role="button"> Flug <i class="fa fa-angle-down"></i></span>
666                <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">
667                    <li class="topnav-dropdown__item tw-py-2">
668                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/fluege/linienfluege">Flüge weltweit</a>
669                    </li>
670                    <li class="topnav-dropdown__item tw-py-2">
671                        <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
672                    </li>
673                                    </ul>
674            </li>
675                
676                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
677                                                            <a class="topnav__link" href="https://www.bestreisen.de/mietwagen" role="button"> Mietwagen</a>  
678                                                </li>
679                
680                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
681                                                            <a class="topnav__link" href="https://www.bestreisen.de/ferienhaus" role="button">Ferienhaus</a>
682                                                </li>
683                
684                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
685                                                            <span class="topnav__link" role="button">Kreuzfahrten <i class="fa fa-angle-down"></i></span>
686                                                    <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 ">
687                                            <li class="topnav-dropdown__item tw-py-2">
688                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/kreuzfahrten">Alle Kreuzfahrten</a>
689                        </li> 
690                                                                <li class="topnav-dropdown__item tw-py-2">
691                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/kreuzfahrten/kombi">Schiff + Hotel</a>
692                        </li>
693                                                    <li class="topnav-dropdown__item tw-py-2">
694                                <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/aktionen/aida">AIDA Cruises</a>
695                            </li>
696                                                                            <li class="topnav-dropdown__item tw-py-2">
697                                <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/kreuzfahrten/tuicruises">TUI Cruises</a>
698                            </li>
699                                                                                </ul>
700            <li>
701                
702                
703                
704                
705                
706                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
707                                    <a class="topnav__link" href="https://www.bestreisen.de/reiseideen" role="button">Reiseideen</a>
708                            </li>
709                
710                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
711                                <span class="topnav__link" role="button"> Extras <i class="fa fa-angle-down"></i></span>
712                <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">
713                                            <li class="topnav-dropdown__item tw-py-2">
714                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/extras/eintrittskarten">Eintrittskarten</a>
715                        </li>
716                                                                <li class="topnav-dropdown__item tw-py-2">
717                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/extras/reiseversicherung">
717Reiseversicherung</a>
718                                                    </li>
719                                                                                    <li class="topnav-dropdown__item tw-py-2">
720                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/extras/flughafenlounges">Flughafen Lounges</a>
721                                                    </li>
722                                                                <li class="topnav-dropdown__item tw-py-2">
723                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/extras/parken-am-flughafen">Parken am Flughafen</a>
724                                                    </li>
725                                                                                    <li class="topnav-dropdown__item tw-py-2">
726                            <a class="topnav-dropdown__link tw-text-base" href="https://www.bestreisen.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
727                        </li>
728                                    </ul>
729                            </li>
730            </ul>
731</div>
732
733<div class="topnav-xs padding-b-50" v-show="!navCollapsed">
734    <ul style="margin-bottom: 0; padding-left: 10px; padding-top: 15px; list-style: none;">
735        <li class="topnav__item--mobile padding-l-10">
736            <a class="topnav__link--mobile" href="https://www.bestreisen.de"><strong>Home</strong></a>
737        </li>
738        <ul style="list-style-type: circle; padding-left: 50px">
739                            <li class="topnav__item--mobile">
740                    <a class="topnav__link--mobile" href="https://www.bestreisen.de?show=aktuelles">Aktuelles</a>
741                </li>
742                                    <li class="topnav__item--mobile">
743                <a class="topnav__link--mobile" href="https://www.bestreisen.de?show=schnellsuche">Schnellsuche</a>
744            </li>
745                            <li class="topnav__item--mobile">
746                    <a class="topnav__link--mobile" href="https://www.bestreisen.de?show=willkommen">Willkommen</a>
747                </li>
748                                                                <li class="topnav__item--mobile">
749                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/rueckruf">Rückrufservice</a>
750                </li>
751                                             </ul>
752        <li class="topnav__item--mobile padding-l-10 padding-t-10">
753            <span class="topnav__link--mobile"><strong>Urlaubsreisen</strong></span>
754        </li>
755        <ul style="list-style-type: circle; padding-left: 50px">
756            <li class="topnav__item--mobile">
757                <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaubsreisen/last-minute">Last Minute</a>
758            </li>
759            <li class="topnav__item--mobile">
760                <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
761            </li>
762                        <li class="topnav__item--mobile">
763                <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
764            </li>
765                                    <li class="topnav__item--mobile">
766                <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
767            </li>
768                                    <li class="topnav__item--mobile">
769                <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis € 299,-</a>
770            </li>
771                                    <li class="topnav__item--mobile">
772                <a class="topnav__link--mobile tw-flex tw-flex-row tw-items-center tw-space-x-1" href="https://www.bestreisen.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>
773            </li>
774        </ul>
775
776
777                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
778                <span class="topnav__link--mobile"><strong>Hotel</strong></span>
779            </li>
780            <ul style="list-style-type: circle; padding-left: 50px">
781                                                            <li class="topnav__item--mobile">
782                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/hotel/ferienhotels">Ferienhotels</a>
783                        </li>
784                                                                <li class="topnav__item--mobile">
785                                                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/hotel/stadthotels">Stadthotels</a>
786                                                    </li>
787                                        <li class="topnav__item--mobile">
788                        <a class="topnav__link--mobile" href="https://www.bestreisen.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
789                    </li>
790                                            <li class="topnav__item--mobile">
791                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
792                        </li>
793                                                                <li class="topnav__item--mobile">
794                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
795                        </li>
796                                                            <li class="topnav__item--mobile">
797                        <a class="topnav__link--mobile" href="https://www.bestreisen.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>
798                    </li>
799                                                                                        </ul>
800        
801                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
802                <span class="topnav__link--mobile"><strong>Flug</strong></span>
803            </li>
804            <ul style="list-style-type: circle; padding-left: 50px">
805                <li class="topnav__item--mobile">
806                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/fluege/linienfluege">Flüge weltweit</a>
807                </li>
808                <li class="topnav__item--mobile">
809                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
810                </li>
811                            </ul>
812        
813                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
814                                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/mietwagen"><strong>Mietwagen</strong></a>
815                            </li>
816            <ul style="list-style-type: circle; padding-left: 50px">
817                            </ul>
818        
819        <li class="topnav__item--mobile padding-l-10 padding-t-10">
820                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/ferienhaus"><strong>Ferienhaus</strong></a>
821                    </li>
822        <ul style="list-style-type: circle; padding-left: 50px">
823                    </ul>
824
825
826                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
827                                                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/kreuzfahrten"><strong>Kreuzfahrten</strong></a>
828                                                </li>
829            <ul style="list-style-type: circle; padding-left: 50px">
830                                                         <li class="topnav__item--mobile">
831                        <a class="topnav__link--mobile" href="https://www.bestreisen.de/kreuzfahrten/kombi">Schiff + Hotel</a>
832                    </li>
833                                                                <li class="topnav__item--mobile">
834                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/aktionen/aida">AIDA Cruises</a>
835                        </li>
836                                                                <li class="topnav__item--mobile">
837                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/kreuzfahrten/tuicruises">TUI Cruises</a>
838                        </li>
839                                    
840                            </ul>
841        
842        
843        
844        
845        
846        
847                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
848                <a class="topnav__link--mobile" href="https://www.bestreisen.de/reiseideen"><strong>Reiseideen</strong></a>
849            </li>
850            <ul style="list-style-type: circle; padding-left: 50px">
851                            </ul>
852        
853                            <li class="topnav__item--mobile padding-l-10 padding-t-10">
854                <span class="topnav__link--mobile"><strong>Extras</strong></span>
855            </li>
856            <ul style="list-style-type: circle; padding-left: 50px">
857                                    <li class="topnav__item--mobile">
858                        <a class="topnav__link--mobile" href="https://www.bestreisen.de/extras/eintrittskarten">Eintrittskarten</a>
859                    </li>
860                                                    <li class="topnav__item--mobile">
861
862                                            <a class="topnav__link--mobile" href="https://www.bestreisen.de/extras/reiseversicherung">Reiseversicherung</a>
863                                        </li>
864                                                    <li class="topnav__item--mobile">
865                        <a class="topnav__link--mobile" href="https://www.bestreisen.de/extras/flughafentransfer">Flughafentransfer</a>
866                    </li>
867                                                    <li class="topnav__item--mobile">
868                                                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/extras/flughafenlounges">Flughafen Lounges</a>
869                                            </li>
870                                                    <li class="topnav__item--mobile">
871                                                    <a class="topnav__link--mobile" href="https://www.bestreisen.de/extras/parken-am-flughafen">Parken am Flughafen</a>
872                                            </li>
873                                                                    <li class="topnav__item--mobile">
874                        <a class="topnav__link--mobile" href="https://www.bestreisen.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
875                    </li>
876                            </ul>
877                    
878        <li class="topnav__item--mobile padding-l-10 padding-t-10">
879            <a class="topnav__link--mobile" href="https://www.bestreisen.de/kontakt"><strong>Kontakt</strong></a>
880        </li>
881
882        <li class="topnav__item--mobile padding-l-10 padding-t-10">
883            <a href="" class="btn btn-danger btn-sm mailingbutton" style="display:none"><i class="fa fa-folder-open fa-fw"></i> Meine Reiseangebote</a>
884        </li>
885    </ul>
886</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>
887        </div>
888    </div>
889
890    
891    <div class="page__contentwrapper ">
892        
893                    <div class="tw-sticky tw-top-0 tw-z-50 iconsbar">
894    <div class="tw-absolute tw-left-0 tw-mt-1 tw-flex-col tw-hidden lg:tw-flex">
895                    <a href="https://www.bestreisen.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">
896                <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>
897            </a>
898                                                                                                                                                    <a href="https://www.bestreisen.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">
899                <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]">
899<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>
900            </a>
901            </div>
902</div>        
903            <ttxmlpackage inline-template>
904        <div class="vuecomponent">
905            <div class="page__contentwrapper--background">
906                <div class="tw-container tw-mx-auto tw-px-0">
907                    <form id="ttxmlform" action="" method="GET">
908                        <div class="page__content tw-rounded-xl">
909                            <div class="row">
910                                <div class="col-xs-30">
911                                    <h1 class="page__headline">
912                                                                                                                                                                                                                                                                                                                        Last Minute
913                                                                                                                        </h1>
914                                </div>
915                                <div class="col-xs-6 text-right">
916                                    <span v-if="rememberedHotels.length > 0"><a title="Merkzettel" href style="text-decoration: none;" v-on:click="shownotepad = ! shownotepad"><i class="fa fa-heart fa-lg" style="font-size: 20px;"></i> {{ rememberedHotels.length }}</a></span>
917                                </div>
918                            </div>
919                            <ul class="list-group" v-show="shownotepad" style="margin-bottom: 10px;">
920                                <li class="list-group-item padding-10" v-for="hotel in rememberedHotels">
921                                    <div class="row">
922                                        <div class="col-md-4 col-xs-10">
923                                            <img v-bind:src="hotel.thumbnail" class="img-responsive">
924                                        </div>
925                                        <div class="col-md-25 col-xs-26 padding-b-10">
926                                            <b>{{ hotel.hotelname }}</b>&nbsp;&nbsp;<span v-for="i in parseInt(hotel.sterne)"><i class="fa fa-star fa"></i>&nbsp;</span><span v-if="hotel.sternehalf"><i class="fa fa-star-half-o fa"></i></span>
927                                            <br/>{{ hotel.country }}, {{ hotel.region }}, {{ hotel.city }}
928                                        </div>
929                                        <div class="col-md-7 col-xs-36 text-right">
930                                            <a v-bind:href="'https://www.bestreisen.de/urlaubsreisen/pauschalreisen/offer?rid=' + hotel.rid + '&oid=' + hotel.oid" class="btn btn-default btn-xs">Angebote suchen</a>
931                                            <a href class="btn btn-danger btn-xs" v-on:click="deleteRememberedH
931otel(hotel.oid)"><i class="fa fa-trash fa-lg" title="Hotel löschen"></i></a>
932                                        </div>
933                                    </div>
934                                </li>
935                            </ul>
936
937                            <searchform inline-template>
938    <div class="vuecomponent">
939        
940
941        <div v-show="toggleSearchform" class="tw-container tw-auto tw-mb-2">
942            <button type="button" @click.prevent="showSearchform = ! showSearchform" class="tw-h-10 tw-w-full tw-px-3 tw-rounded-md tw-border tw-border-green-600 tw-text-green-600 hover:tw-text-green-700 hover:tw-border-green-700 tw-bg-white tw-flex tw-items-center tw-justify-center tw-space-x-2">
943            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="tw-w-6 tw-fill-current"><path d="M10 18H14V16H10V18ZM3 6V8H21V6H3ZM6 13H18V11H6V13Z"></path></svg>
944            <div v-if="! showSearchform">Suchparameter einblenden</div><div v-if="showSearchform">Suchparameter ausblenden</div></button>
945        </div>
946
947        <div v-show="showSearchform">
948            <div class="ttxml-searchform padding-10 tw-bg-stone-100" style="border: 1px solid #ccc;">
949                <div class="row">
950                    <div class="col-md-14 col-sm-10">
951                        <div class="form-group has-feedback">
952                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap">Reiseziel oder Hotel</span>
953                            <input type="hidden" name="country" id="country"/>
954                            <input type="hidden" name="rid" id="rid"/>
955                            <input type="hidden" name="cid" id="cid"/>
956                            <div class="form-control pointer tw-truncate" id="regionautocomplete">
957                                beliebig
958                            </div>
959                            <span class="glyphicon glyphicon-plus pointer form-control-feedback regionautocomplete-plus" style="color:#ccc" aria-hidden="true"></span>
960                        </div>
961                    </div>
962                    <div class="col-md-14 col-sm-17">
963                        <div class="form-group has-feedback">
964                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Reisezeitraum / Reisedauer</span>
965                            <div class="form-control pointer tw-overflow-hidden" id="travelperiod">
966                                <span class="ddate">{{ ddate_new_long }}</span> - <span class="rdate">{{ rdate_new_long }}</span> | <span class="duration "></span>
967                            </div>
968
969                            <span class="glyphicon glyphicon-plus pointer form-control-feedback travelperiod-plus" style="color:#ccc" aria-hidden="true"></span>
970                        </div>
971                    </div>
972                    <div class="col-md-8 col-sm-9">
973                        <div class="form-group has-feedback">
974                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Reiseteilnehmer</span>
975                            <div class="form-control pointer" id="reiseteilnehmer">
976                                <span class="adultscount"></span>&nbsp;<span class="childscount"></span>
977                            </div>
978                            <span class="glyphicon glyphicon-plus pointer form-control-feedback reiseteilnehmer-plus" style="color:#ccc" aria-hidden="true"></span>
979                        </div>
980                    </div>
981                </div>
982                <div class="row">
983                    <div class="col-md-28 col-sm-28">
984                        <div class="popover popover-left popover-regionautocomplete">
985                            <div class="popover-title">
986                                <div class="float-left">Reiseziel oder Hotel auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button></div>
987                            </div>
988                            <div class="popover-content">
989                                <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?">
990
991                                <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">
992                                    <span v-if="searchregions.found == 0" class="tw-p-3 tw-inline-flex">Reiseziel oder Hotel nicht gefunden</span>
993                                    <ul v-if="searchregions.found > 0" class="tw-py-2 tw-m-0 tw-list-none tw-p-0">
994                                        <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>
995                                        <template v-for="country in searchregions.countries">
996                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(country)">
997                                                <span v-html="markString(country.value, searchstr)"></span>
998                                            </li>
999                                        </template>
1000                                        <li v-if="searchregions.destinations.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Reiseziele</li>
1001                                        <template v-for="destination in searchregions.destinations">
1002                                            <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)">
1003                                                <span v-html="markString(destination.value, searchstr)"></span>
1004                                            </li>
1005                                        </template>
1006                                        <li v-if="searchregions.regions.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Regionen</li>
1007                                        <template v-for="region in searchregions.regions">
1008                                            <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)">
1009                                                <span v-html="markString(region.value, searchstr)"></span>
1010                                            </li>
1011                                        </template>
1012                                        <li v-if="searchregions.cities.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Orte</li>
1013                                        <template v-for="city in searchregions.cities">
1014                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(city)">
1015                                                <span v-html="markString(city.value, searchstr)"></span>
1016                                            </li>
1017                                        </template>
1018                                        <li v-if="searchregions.objects.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Hotels</li>
1019                                        <template v-for="object in searchregions.objects">
1020                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(object)">
1021                                                <span v-html="markString(object.value, searchstr)"></span> ({{ object.data.region }}, {{ object.data.country }})
1022                                            </li>
1023                                        </template>
1024                                    </ul>
1025                                </div>
1026
1027                                <div @click="setRegion({value: 'beliebig', 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">
1028                                    <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"><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>
1028Alle Reiseziele anzeigen</span>    
1029                                </div>  
1030                                <div class="tw-mt-4">
1031                                    <span class="tw-font-semibold tw-inline-block tw-mb-2 tw-mt-1">Oft gesucht:</span>
1032                                    <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
1033                                        <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})">
1034                                            <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>
1035                                        </li>
1036                                        <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})">
1037                                            <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>
1038                                        </li>
1039                                        <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})">
1040                                            <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>
1041                                        </li>
1042                                        <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})">
1043                                            <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>Mallorca (Spanien)</span>
1044                                        </li>
1045                                        <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})">
1046                                            <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">
1046<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>
1047                                        </li>
1048                                    </ul>
1049
1050                                    
1051                                    <span class="tw-font-semibold tw-inline-block tw-mb-2 tw-mt-2">Spezielle Reiseangebote:</span>
1052                                    <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
1053                                        <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})">
1054                                            <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>
1055                                        </li>
1056                                        <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})">
1057                                            <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>
1058                                        </li>
1059                                        <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})">
1060                                            <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>
1061                                        </li>
1062                                        <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})">
1063                                            <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-
10637.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>
1064                                        </li>
1065                                    </ul>
1066                                                                    </div>
1067                            </div>
1068                        </div>
1069                    </div>
1070                </div>
1071
1072                <div class="row">
1073                    <div class="col-md-22 col-md-offset-14" style="min-height:0px; position: relative;">
1074                        <div class="popover popover-left popover-travelperiod">
1075                            <div class="popover-title">
1076                                <div class="float-left">Reisezeitraum auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button></div>
1077                            </div>
1078                            <div class="popover-content">
1079                                <div class="row">
1080                                    <div class="col-md-36">
1081                                        <div v-if="durationerror" class="alert alert-warning" role="alert" style="margin-bottom: 10px;">Die gewählte Reisedauer passt nicht zum Reisezeitraum.</div>
1082                                    </div>
1083                                </div>
1084                                <div class="row">
1085                                    <div class="col-md-36">
1086                                        <label for="duration" class="uppercase">Reisedauer</label>
1087                                        <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>
1088                                        <select name="duration" id="duration" v-model="duration"  class="form-control">
1089                                            <option value="0" data-label="beliebig">beliebig</option>
1090                                            <option value="exakt" data-label="exakt">exakt wie im Reisezeitraum angegeben</option>
1091                                            <option value="7" class="bold" data-label="7 Übern.">7 Übernachtungen (1 Woche)</option>
1092                                            <option value="14" class="bold" data-label="14 Übern.">14 Übernachtungen (2 Wochen)</option>
1093                                            <option value="21" class="bold" data-label="21 Übern.">21 Übernachtungen (3 Wochen)</option>
1094                                            <option value="28" class="bold" data-label="28 Übern.">28 Übernachtungen (4 Wochen)</option>
1095                                            <option value="35" class="bold" data-label="35 Übern.">35 Übernachtungen (5 Wochen)</option>
1096                                            <option value="42" class="bold" data-label="42 Übern.">42 Übernachtungen (6 Wochen)</option>
1097                                            <option value="49" class="bold" data-label="49 Übern.">49 Übernachtungen (7 Wochen)</option>
1098                                            <option value="1-4" data-label="1-4 Übern.">1-4 Übernachtungen</option>
1099                                            <option value="5-8" data-label="5-8 Übern.">5-8 Übernachtungen</option>
1100                                            <option value="9-12" data-label="9-12 Übern.">9-12 Übernachtungen</option>
1101                                            <option value="13-15" data-label="13-15 Übern.">13-15 Übernachtungen</option>
1102                                            <option value="16-22" data-label="16-22 Übern.">16-22 Übernachtungen</option>
1103                                            <option value="23-29" data-label="23-29 Übern.">23-29 Übernachtungen</option>
1104                                            <option value="30-39" data-label="30-39 Übern.">30-39 Übernachtungen</option>
1105                                            <option value="40-55" data-label="40-55 Übern.">40-55 Übernachtungen</option>
1106                                            <option value="1" data-label="1 Übern.">1 Übernachtung</option>
1107                                            <option value="2" data-label="2 Über
1107n.">2 Übernachtungen</option>
1108                                            <option value="3" data-label="3 Übern.">3 Übernachtungen</option>
1109                                            <option value="4" data-label="4 Übern.">4 Übernachtungen</option>
1110                                            <option value="5" data-label="5 Übern.">5 Übernachtungen</option>
1111                                            <option value="6" data-label="6 Übern.">6 Übernachtungen</option>
1112                                            <option value="7" data-label="7 Übern.">7 Übernachtungen</option>
1113                                            <option value="8" data-label="8 Übern.">8 Übernachtungen</option>
1114                                            <option value="9" data-label="9 Übern.">9 Übernachtungen</option>
1115                                            <option value="10" data-label="10 Übern.">10 Übernachtungen</option>
1116                                            <option value="11" data-label="11 Übern.">11 Übernachtungen</option>
1117                                            <option value="12" data-label="12 Übern.">12 Übernachtungen</option>
1118                                            <option value="13" data-label="13 Übern.">13 Übernachtungen</option>
1119                                            <option value="14" data-label="14 Übern.">14 Übernachtungen</option>
1120                                            <option value="15" data-label="15 Übern.">15 Übernachtungen</option>
1121                                            <option value="16" data-label="16 Übern.">16 Übernachtungen</option>
1122                                            <option value="17" data-label="17 Übern.">17 Übernachtungen</option>
1123                                            <option value="18" data-label="18 Übern.">18 Übernachtungen</option>
1124                                            <option value="19" data-label="19 Übern.">19 Übernachtungen</option>
1125                                            <option value="20" data-label="20 Übern.">20 Übernachtungen</option>
1126                                            <option value="21" data-label="21 Übern.">21 Übernachtungen</option>
1127                                            <option value="22" data-label="22 Übern.">22 Übernachtungen</option>
1128                                            <option value="23" data-label="23 Übern.">23 Übernachtungen</option>
1129                                            <option value="24" data-label="24 Übern.">24 Übernachtungen</option>
1130                                            <option value="25" data-label="25 Übern.">25 Übernachtungen</option>
1131                                            <option value="26" data-label="26 Übern.">26 Übernachtungen</option>
1132                                            <option value="27" data-label="27 Übern.">27 Übernachtungen</option>
1133                                            <option value="28" data-label="28 Übern.">28 Übernachtungen</option>
1134                                        </select>
1135                                        
1136                                    </div>
1137                                </div>
1138
1139                                <div class="row margin-t-10">
1140                                    <div class="col-md-18 col-sm-18">
1141                                        <label for="datumhinreise" class="uppercase">Frühestes Hinreisedatum</label>
1142                                        <input type="hidden" id="datumhinreise" name="ddate" v-model="ddate"/>
1143                                        <div class="tw-mb-6 md:tw-mb-0" id="hindate" height="320px"></div>
1144                                    </div>
1145                                    <div class="col-md-18 col-sm-18">
1146                                        <label for="datumrueckreise" class="uppercase">Spätestes Rückreisedatum</label>
1147                                        <input type="hidden" id="datumrueckreise" name="rdate" v-model="rdate"/>
1148                                        <div class="tw-mb-6 md:tw-mb-0" id="rueckdate" height="320px"></div>
1149                                    </div>
1150                                </div>
1151                            </div>
1152                        </div>
1153                    </div>
1154                </div>
1155                <div class="row">
1156                    <div class="col-md-15 col-md-offset-21 col-sm-15 col-sm-offset-21" style="min-height:0px; position:relative;">
1157                        <div class="popover popover-right popover-teilnehmer">
1158                            <div class="popover-title">
1159                                Reiseteilnehmer auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1160                            </div>
1161                            <div class="popover-content">
1162                                <div class="row">
1163                                    <div class="col-md-36">
1164                                        <div class="childAgesError alert alert-warning display-none" role="alert" style="margin-bottom: 10px;">Bitte das Alter der Kinder auswählen.</div>
1165                                    </div>
1166                                    
1167                                </div>
1168                                <div class="row">
1169                                    <div class="col-md-36">
1170                                        <label for="adults" class="uppercase">Erwachsene</label>
1171                                        <select name="adults" id="adults" class="form-control">
1172                                            <option value="1">1</option>
1173                                            <option value="2">2</option>
1174                                            <option value="3">3</option>
1175                                            <option value="4">4</option>
1176                                        </select> <label for="childs" class="uppercase">Kinder</label>
1177                                        <select name="childs" id="childs" class="form-control">
1178                                            <option value="0">0</option>
1179                                            <option value="1">1</option>
1180                                            <option value="2">2</option>
1181                                            <option value="3">3</option>
1182                                            <option value="4">4</option>
1183                                        </select>
1184                                    </div>
1185                                </div>
1186                                <div class="row childdiv display-none">
1187                                    <div class="col-md-36">
1188                                        <label for="child1" class="uppercase">Alter der Kinder bei Reiseantritt</label>
1189                                        <select name="child1" id="child1" class="form-control display-none">
1190                                            <option value="" label="-">-</option>
1191                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1192                                            <option value="2" label="2 Jahre">2 Jahre</option>
1193                                            <option value="3" label="3 Jahre">3 Jahre</option>
1194                                            <option value="4" label="4 Jahre">4 Jahre</option>
1195                                            <option value="5" label="5 Jahre">
11955 Jahre</option>
1196                                            <option value="6" label="6 Jahre">6 Jahre</option>
1197                                            <option value="7" label="7 Jahre">7 Jahre</option>
1198                                            <option value="8" label="8 Jahre">8 Jahre</option>
1199                                            <option value="9" label="9 Jahre">9 Jahre</option>
1200                                            <option value="10" label="10 Jahre">10 Jahre</option>
1201                                            <option value="11" label="11 Jahre">11 Jahre</option>
1202                                            <option value="12" label="12 Jahre">12 Jahre</option>
1203                                            <option value="13" label="13 Jahre">13 Jahre</option>
1204                                            <option value="14" label="14 Jahre">14 Jahre</option>
1205                                            <option value="15" label="15 Jahre">15 Jahre</option>
1206                                            <option value="16" label="16 Jahre">16 Jahre</option>
1207                                            <option value="17" label="17 Jahre">17 Jahre</option>
1208                                        </select> 
1209                                        <label for="child2" class="tw-sr-only">Kind 2</label>
1210                                        <select name="child2" id="child2" class="form-control display-none">
1211                                            <option value="" label="-">-</option>
1212                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1213                                            <option value="2" label="2 Jahre">2 Jahre</option>
1214                                            <option value="3" label="3 Jahre">3 Jahre</option>
1215                                            <option value="4" label="4 Jahre">4 Jahre</option>
1216                                            <option value="5" label="5 Jahre">5 Jahre</option>
1217                                            <option value="6" label="6 Jahre">6 Jahre</option>
1218                                            <option value="7" label="7 Jahre">7 Jahre</option>
1219                                            <option value="8" label="8 Jahre">8 Jahre</option>
1220                                            <option value="9" label="9 Jahre">9 Jahre</option>
1221                                            <option value="10" label="10 Jahre">10 Jahre</option>
1222                                            <option value="11" label="11 Jahre">11 Jahre</option>
1223                                            <option value="12" label="12 Jahre">12 Jahre</option>
1224                                            <option value="13" label="13 Jahre">13 Jahre</option>
1225                                            <option value="14" label="14 Jahre">14 Jahre</option>
1226                                            <option value="15" label="15 Jahre">15 Jahre</option>
1227                                            <option value="16" label="16 Jahre">16 Jahre</option>
1228                                            <option value="17" label="17 Jahre">17 Jahre</option>
1229                                        </select> 
1230                                        <label for="child3" class="tw-sr-only">Kind 3</label>
1231                                        <select name="child3" id="child3" class="form-control display-none">
1232                                            <option value="" label="-">-</option>
1233                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1234                                            <option value="2" label="2 Jahre">2 Jahre</option>
1235                                            <option value="3" label="3 Jahre">3 Jahre</option>
1236                                            <option value="4" label="4 Jahre">4 Jahre</option>
1237                                            <option value="5" label="5 Jahre">5 Jahre</option>
1238                                            <option value="6" label="6 Jahre">6 Jahre</option>
1239                                            <option value="7" label="7 Jahre">7 Jahre</option>
1240                                            <option value="8" label="8 Jahre">8 Jahre</option>
1241                                            <option value="9" label="9 Jahre">9 Jahre</option>
1242                                            <option value="10" label="10 Jahre">10 Jahre</option>
1243                                            <option value="11" label="11 Jahre">11 Jahre</option>
1244                                            <option value="12" label="12 Jahre">12 Jahre</option>
1245                                            <option value="13" label="13 Jahre">13 Jahre</option>
1246                                            <option value="14" label="14 Jahre">14 Jahre</option>
1247                                            <option value="15" label="15 Jahre">15 Jahre</option>
1248                                            <option value="16" label="16 Jahre">16 Jahre</option>
1249                                            <option value="17" label="17 Jahre">17 Jahre</option>
1250                                        </select> 
1251                                        <label for="child4" class="tw-sr-only">Kind 4</label>
1252                                        <select name="child4" id="child4" class="form-control display-none">
1253                                            <option value="" label="-">-</option>
1254                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1255                                            <option value="2" label="2 Jahre">2 Jahre</option>
1256                                            <option value="3" label="3 Jahre">3 Jahre</option>
1257                                            <option value="4" label="4 Jahre">4 Jahre</option>
1258                                            <option value="5" label="5 Jahre">
12585 Jahre</option>
1259                                            <option value="6" label="6 Jahre">6 Jahre</option>
1260                                            <option value="7" label="7 Jahre">7 Jahre</option>
1261                                            <option value="8" label="8 Jahre">8 Jahre</option>
1262                                            <option value="9" label="9 Jahre">9 Jahre</option>
1263                                            <option value="10" label="10 Jahre">10 Jahre</option>
1264                                            <option value="11" label="11 Jahre">11 Jahre</option>
1265                                            <option value="12" label="12 Jahre">12 Jahre</option>
1266                                            <option value="13" label="13 Jahre">13 Jahre</option>
1267                                            <option value="14" label="14 Jahre">14 Jahre</option>
1268                                            <option value="15" label="15 Jahre">15 Jahre</option>
1269                                            <option value="16" label="16 Jahre">16 Jahre</option>
1270                                            <option value="17" label="17 Jahre">17 Jahre</option>
1271                                        </select>
1272                                    </div>
1273                                </div>
1274                                <div class="row roomdiv">
1275    <div class="col-md-36 ">
1276        <span class="uppercase tw-inline-block tw-mb-1">Zimmer</span><br/>
1277
1278        <fieldset class="tw-mb-2">
1279            <legend class="tw-sr-only">Anzahl der Zimmer</legend>
1280            <!-- 1 Erwachsener -->
1281            <div id="multiroom-1-0" class="multiroom tw-hidden">
1282                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1283                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-0-1" value="1">
1284                    <label class="form-check-label tw-ml-4" for="room-1-0-1">
1285                        <strong>1 Zimmer</strong> mit 1 Person<br/><small>(z.B. 1 Einzelzimmer)</small>
1286                    </label>
1287                </div>
1288            </div>
1289            <div id="multiroom-1-1" class="multiroom tw-hidden">
1290                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1291                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-1-1" value="1">
1292                    <label class="form-check-label tw-ml-4" for="room-1-1-1">
1293                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1294                    </label>
1295                </div>
1296            </div>
1297            <div id="multiroom-1-2" class="multiroom tw-hidden">
1298                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1299                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-2-1" value="1">
1300                    <label class="form-check-label tw-ml-4" for="room-1-2-1">
1301                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1302                    </label>
1303                </div>
1304            </div>
1305            <div id="multiroom-1-3" class="multiroom tw-hidden">
1306                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1307                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-3-1" value="1">
1308                    <label class="form-check-label tw-ml-4" for="room-1-3-1">
1309                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1310                    </label>
1311                </div>
1312            </div>
1313            <div id="multiroom-1-4" class="multiroom tw-hidden">
1314                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1315                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-4-1" value="1">
1316                    <label class="form-check-label tw-ml-4" for="room-1-4-1">
1317                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1318                    </label>
1319                </div>
1320            </div>
1321
1322            <!-- 2 Erwachsene -->
1323            <div id="multiroom-2-0" class="multiroom tw-block">
1324                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1325                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-1" value="1" checked>
1326                    <label class="form-check-label tw-ml-4" for="room-2-0-1">
1327                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1328                    </label>
1329                </div>
1330                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1331                    <legend class="tw-sr-only">2 Zimmer mit je 1 Person</legend>
1332                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-2" value="2">
1333                    <label class="form-check-label tw-ml-4" for="room-2-0-2">
1334                        <strong>2 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 2 Einzelzimmer)</small>
1335                    </label>
1336                </div>
1337            </div>
1338            <div id="multiroom-2-1" class="multiroom tw-hidden">
1339                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1340                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-1-1" value="1">
1341                    <label class="form-check-label tw-ml-4" for="room-2-1-1">
1342                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1343                    </label>
1344                </div>
1345            </div>
1346            <div id="multiroom-2-2" class="multiroom tw-hidden">
1347                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1348                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-1" value="1">
1349                    <label class="form-check-label tw-ml-4" for="room-2-2-1">
1350                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1351                    </label>
1352                </div>
1353                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1354                    <legend class="tw-sr-only">2 Zimmer mit je 2 Personen</legend>
1355                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-2" value="2">
1356                    <label class="form-check-label tw-ml-4" for="room-2-2-2">
1357                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1358                    </label>
1359                </div>
1360            </div>
1361            <div id="multiroom-2-3" class="multiroom tw-hidden">
1362                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1363                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-3-1" value="1">
1364                    <label class="form-check-label tw-ml-4" for="room-2-3-1">
1365                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1366                    </label>
1367                </div>
1368            </div>
1369            <div id="multiroom-2-4" class="multiroom tw-hidden">
1370                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1371                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-1" value="1">
1372                    <label class="form-check-label tw-ml-4" for="room-2-4-1">
1373                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1374                    </label>
1375                </div>
1376                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1377                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-2" value="2">
1378                    <label class="form-check-label tw-ml-4" for="room-2-4-2">
1379                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1380                    </label>
1381                </div>
1382            </div>
1383
1384            <!-- 3 Erwachsene -->
1385            <div id="multiroom-3-0" class="multiroom tw-hidden">
1386                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1387                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-1" value="1">
1388                    <label class="form-check-label tw-ml-4" for="room-3-0-1">
1389                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Studio oder 1 Appartement)</small>
1390                    </label>
1391                </div>
1392                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1393                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-3" value="3">
1394                    <label class="form-check-label tw-ml-4" for="room-3-0-3">
1395                        <strong>3 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 3 Einzelzimmer)</small>
1396                    </label>
1397                </div>
1398            </div>
1399            <div id="multiroom-3-1" class="multiroom tw-hidden">
1400                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1401                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-1-1" value="1">
1402                    <label class="form-check-label tw-ml-4" for="room-3-1-1">
1403                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1404                    </label>
1405                </div>
1406            </div>
1407            <div id="multiroom-3-2" class="multiroom tw-hidden">
1408                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1409                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-2-1" value="1">
1410                    <label class="form-check-label tw-ml-4" for="room-3-2-1">
1411                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1412                    </label>
1413                </div>
1414            </div>
1415            <div id="multiroom-3-3" class="multiroom tw-hidden">
1416                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1417                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-1" value="1">
1418                    <label class="form-check-label tw-ml-4" for="room-3-3-1">
1419                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1420                    </label>
1421                </div>
1422                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1423                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-3" value="3">
1424                    <label class="form-check-label tw-ml-4" for="room-3-3-3">
1425                        <strong>3 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 3 Doppelzimmer)</small>
1426                    </label>
1427                </div>
1428            </div>
1429            <div id="multiroom-3-4" class="multiroom tw-hidden">
1430                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1431                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-4-1" value="1">
1432                    <label class="form-check-label tw-ml-4" for="room-3-4-1">
1433                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1434                    </label>
1435                </div>
1436            </div>
1437
1438            <!-- 4 Erwachsene -->
1439            <div id="multiroom-4-0" class="multiroom tw-hidden">
1440                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1441                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-1" value="1">
1442                    <label class="form-check-label tw-ml-4" for="room-4-0-1">
1443                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Suite oder 1 Appartment)</small>
1444                    </label>
1445                </div>
1446                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1447                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-2" value="2">
1448                    <label class="form-check-label tw-ml-4" for="room-4-0-2">
1449                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1450                    </label>
1451                </div>
1452                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1453                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-4" value="4">
1454                    <label class="form-check-label tw-ml-4" for="room-4-0-4">
1455                        <strong>4 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 4 Einzelzimmer)</small>
1456                    </label>
1457                </div>
1458            </div>
1459            <div id="multiroom-4-1" class="multiroom tw-hidden">
1460                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1461                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-1-1" value="1">
1462                    <label class="form-check-label tw-ml-4" for="room-4-1-1">
1463                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1464                    </label>
1465                </div>
1466            </div>
1467            <div id="multiroom-4-2" class="multiroom tw-hidden">
1468                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1469                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-1" value="1">
1470                    <label class="form-check-label tw-ml-4" for="room-4-2-1">
1471                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1472                    </label>
1473                </div>
1474                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1475                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-2" value="2">
1476                    <label class="form-check-label tw-ml-4" for="room-4-2-2">
1477                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1478                    </label>
1479                </div>
1480            </div>
1481            <div id="multiroom-4-3" class="multiroom tw-hidden">
1482                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1483                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-3-1" value="1">
1484                    <label class="form-check-label tw-ml-4" for="room-4-3-1">
1485                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1486                    </label>
1487                </div>
1488            </div>
1489            <div id="multiroom-4-4" class="multiroom tw-hidden">
1490                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1491                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-1" value="1">
1492                    <label class="form-check-label tw-ml-4" for="room-4-4-1">
1493                        <strong>1 Zimmer</strong> mit 8 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1494                    </label>
1495                </
1495div>
1496                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1497                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-2" value="2">
1498                    <label class="form-check-label tw-ml-4" for="room-4-4-2">
1499                        <strong>2 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 2 Familienzimmer oder 2 Appartments)</small>
1500                    </label>
1501                </div>
1502                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1503                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-4" value="4">
1504                    <label class="form-check-label tw-ml-4" for="room-4-4-4">
1505                        <strong>4 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 4 Doppelzimmer)</small>
1506                    </label>
1507                </div>
1508            </div>
1509        </fieldset> 
1510        <div class="tw-mt-2 tw-px-2" style="border: 1px solid #efefef">
1511            <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>
1512            <small class="tw-inline-block tw-mt-1">
1513                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.bestreisen.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-900" target="_blank">Kontaktformular</a>.
1514                        </small>
1515        </div>
1516    </div>
1517</div>
1518                            </div>
1519                        </div>
1520                    </div>
1521                </div>
1522                <div class="row">
1523                    <div class="col-md-14 col-sm-10">
1524                        <div class="form-group has-feedback">
1525                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Abflughafen</span>
1526                            <div class="form-control pointer" id="airports">
1527                                <span v-if="selectedairports.length == 0">beliebig</span>
1528                                <span v-if="selectedairports.length > 1">Mehrfachauswahl</span>
1529                                <span v-if="selectedairports.length == 1" v-text="getSelectedItemLabel(_.concat(germanairports, austrianairports, swissairports, europeanairports), selectedairports[0])"></span>
1530                            </div>
1531                            <span class="glyphicon glyphicon-plus pointer form-control-feedback airports-plus" style="color:#ccc" aria-hidden="true"></span>
1532                        </div>
1533                    </div>
1534
1535                                            <div class="col-md-7 col-sm-8">
1536                            <label for="category" class="ttxml-searchform__label" style="color:#000;">Hotelkategorie</label>
1537                            <select name="category" id="category" class="form-control">
1538                                <option value="">beliebig</option>
1539                                <option value="1">ab 1 *</option>
1540                                <option value="2">ab 2 **</option>
1541                                <option value="3">ab 3 ***</option>
1542                                <option value="4">ab 4 ****</option>
1543                                <option value="5">ab 5 *****</option>
1544                            </select>
1545                        </div>
1546                                        <div class="col-md-7 col-sm-9">
1547                        <label for="mealtype" class="ttxml-searchform__label "><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Verpflegung</label> <select name="mealtype" id="mealtype" class="form-control">
1548                            <option value="">beliebig</option>
1549                            <option value="onlystay">
1549nur Übernachtung</option>
1550                            <option value="breakfast">Frühstück</option>
1551                            <option value="halfboard">Halbpension</option>
1552                            <option value="fullboard">Vollpension</option>
1553                            <option value="allinclusive">All Inclusive</option>
1554                        </select>
1555                    </div>
1556                                            <div class="col-md-8 col-sm-9">
1557                            <label for="objectname" for="objectname" class="ttxml-searchform__label ">Spezieller Hotelname</label>
1558                            <input type="text" name="objectname" id="objectname" class="form-control"/>
1559                        </div>
1560                                    </div>
1561                <div class="row">
1562                    <div class="col-md-36" style="min-height:0px; position:relative;">
1563                        <div class="popover popover-left popover-airports">
1564                            <div class="popover-title">
1565                                Abflughafen auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1566                            </div>
1567                            <div class="popover-content">
1568                                <div class="row">
1569                                    <div class="col-md-36">
1570                                        <input type="hidden" name="airports" id="airports" v-model="compSelectedAirports"/>
1571                                        <div class="checkbox checkbox-success">
1572                                            <input type="checkbox" id="noairport" @click="selectedairports = []" v-bind:checked="selectedairports.length == 0">
1573                                            <label for="noairport" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1574                                        </div>
1575                                    </div>
1576                                </div>
1577                                <div class="row margin-t-10 tw-mb-6">
1578                                    <div class="col-md-36">
1579                                        <div class="margin-b-5" style="text-transform: uppercase">Regionen</div>
1580                                        <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>
1581                                        <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>
1582                                        <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>
1583                                        <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>
1584                                    </div>
1585                                </div>
1586
1587                                                                
1588                                                                                                            <div class="row">
1589    <div class="col-md-36">
1590        <span class="tw-uppercase tw-font-semibold">Deutschland</span>
1591    </div>
1592</div>
1593<div class="row tw-mb-4">
1594    <div class="col-md-12 col-sm-12">
1595        <div v-for="airport in chunkedGermanAirports[0]" class="checkbox checkbox-success">
1596            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1597            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1598        </div>
1599    </div>
1600    <div class="col-md-12 col-sm-12">
1601        <div v-for="airport in chunkedGermanAirports[1]" class="checkbox checkbox-success">
1602            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1603            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1604        </div>
1605    </div>
1606    <div class="col-md-12 col-sm-12">
1607        <div v-for="airport in chunkedGermanAirports[2]" class="checkbox checkbox-success">
1608            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1609            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1610        </div>
1611    </div>
1612</div>                                    
1613                                    
1614                                                                                                        
1615                                                                            <div class="row">
1616    <div class="col-md-36">
1617        <span class="tw-uppercase tw-font-semibold">Österreich</span>
1618    </div>
1619</div>
1620<div class="row tw-mb-4">
1621    <div class="col-md-12 col-sm-12">
1622        <div v-for="airport in chunkedAustrianAirports[0]" class="checkbox checkbox-success">
1623            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1624            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1625        </div>
1626    </div>
1627    <div class="col-md-12 col-sm-12">
1628        <div v-for="airport in chunkedAustrianAirports[1]" class="checkbox checkbox-success">
1629            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1630            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1631        </div>
1632    </div>
1633    <div class="col-md-12 col-sm-12">
1634        <div v-for="airport in chunkedAustrianAirports[2]" class="checkbox checkbox-success">
1635            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1636            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1637        </div>
1638    </div>
1639</div>                                    
1640                                                                                                        
1641                                    
1642                                                                            <div class="row">
1643    <div class="col-md-36">
1644        <span class="tw-uppercase tw-font-semibold">Schweiz</span>
1645    </div>
1646</div>
1647<div class="row tw-mb-4">
1648    <div class="col-md-12 col-sm-12">
1649        <div v-for="airport in chunkedSwissAirports[0]" class="checkbox checkbox-success">
1650            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1651            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1652        </div>
1653    </div>
1654    <div class="col-md-12 col-sm-12">
1655        <div v-for="airport in chunkedSwissAirports[1]" class="checkbox checkbox-success">
1656            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1657            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1658        </div>
1659    </div>
1660    <div class="col-md-12 col-sm-12">
1661        <div v-for="airport in chunkedSwissAirports[2]" class="checkbox checkbox-success">
1662            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1663            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1664        </div>
1665    </div>
1666</div>                                                                                                    
1667                                <div class="row margin-t-10">
1668                                    <div class="col-md-16">
1669                                        <span class="tw-uppercase tw-font-semibold">Weitere europäische Abflughäfen</span>
1670                                    </div>
1671                                </div>
1672                                <div class="row">
1673                                    <div class="col-md-12 col-sm-12">
1674                                        <div v-for="airport in chunkedEuropeanAirports[0]" class="checkbox checkbox-success">
1675                                            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1676                                            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1677                                        </div>
1678                                    </div>
1679                                    <div class="col-md-12 col-sm-12">
1680                                        <div v-for="airport in chunkedEuropeanAirports[1]" class="checkbox checkbox-success">
1681                                            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1682                                            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1683                                        </div>
1684                                    </div>
1685                                    <div class="col-md-12 col-sm-12">
1686                                        <div v-for="airport in chunkedEuropeanAirports[2]" class="checkbox checkbox-success">
1687                                            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1688                                            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1689                                        </div>
1690                                    </div>
1691                                </div>
1692                            </div>
1693                        </div>
1694                    </div>
1695                </div>
1696                                                <div class="row">
1697                    <div class="col-md-14 col-sm-10">
1698                        <label for="directflight" style="color:#000;"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Direktflug <sup><span class="label label-info directflightinfo" style="font-size: 11px; cursor: pointer" data-toggle="tooltip" data-placement="right" title="Diese Auswahl hilft Ihnen dabei, Angebote zu finden, die mit hoher Wahrscheinlichkeit Direktflüge (Flüge ohne Zwischenstopp) enthalten. Bitte beachten Sie zur Sicherheit unbedingt die Angaben zu den Flugzeiten und Flugstrecken nach Verfügbarkeitsprüfung bzw. auf dem Buchungsformular.">Info</span></sup></label>
1699                        <select name="directflight" id="directflight" class="form-control">
1700                            <option value="">beliebig</option>
1701                            <option value="1">Direktflüge bevorzugt</option>
1702                        </select>
1703                    </div>
1704                    <div class="col-md-7 col-sm-8">
1705                        <label for="outflighttime" class="ttxml-searchform__label" style="color:#000;"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Abflugzeit hin</label>
1706                        <select name="outflighttime" id="outflighttime" class="form-control">
1707                            <option value="">beliebig</option>
1708                            <option value="m">Morgens - 05:00-10:00 Uhr</option>
1709                            <option value="t">Tagsüber - 10:00-19:00 Uhr</option>
1710                            <option value="a">Abends - 19:00-00:00 Uhr</option>
1711                            <option value="n">Nachts - 00:00-05:00 Uhr</option>
1712                            <optgroup label="flexible Zeitfenster">
1713                                <option value="0000">00:00 - 02:00 Uhr</option>
1714                                <option value="0200">02:00 - 04:00 Uhr</option>
1715                                <option value="0400">04:00 - 06:00 Uhr</option>
1716                                <option value="0600">06:00 - 08:00 Uhr</option>
1717                                <option value="0800">08:00 - 10:00 Uhr</option>
1718                                <option value="1000">10:00 - 12:00 Uhr</option>
1719                                <option value="1200">12:00 - 14:00 Uhr</option>
1720                                <option value="1400">14:00 - 16:00 Uhr</option>
1721                                <option value="1600">16:00 - 18:00 Uhr</option>
1722                                <option value="1800">18:00 - 20:00 Uhr</option>
1723                                <option value="2000">20:00 - 22:00 Uhr</option>
1724                                <option value="2200">22:00 - 00:00 Uhr</option>
1725                            </optgroup> 
1726                        </select>
1727                    </div>
1728                    <div class="col-md-7 col-sm-9">
1729                        <label for="inflighttime" class="ttxml-searchform__label" style="color:#000;"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Abflugzeit zurück</label>
1730                        <select name="inflighttime" id="inflighttime" class="form-control">
1731                            <option value="">beliebig</option>
1732                            <option value="m">Morgens - 05:00-10:00 Uhr</option>
1733                            <option value="t">Tagsüber - 10:00-19:00 Uhr</option>
1734                            <option value="a">Abends - 19:00-00:00 Uhr</option>
1735                            <option value="n">Nachts - 00:00-05:00 Uhr</option>
1736                            <optgroup label="flexible Zeitfenster">
1737                            <option value="0000">00:00 - 02:00 Uhr</option>
1738                                <option value="0200">02:00 - 04:00 Uhr</option>
1739                                <option value="0400">04:00 - 06:00 Uhr</option>
1740                                <option value="0600">06:00 - 08:00 Uhr</option>
1741                                <option value="0800">08:00 - 10:00 Uhr</option>
1742                                <option value="1000">10:00 - 12:00 Uhr</option>
1743                                <option value="1200">12:00 - 14:00 Uhr</option>
1744                                <option value="1400">14:00 - 16:00 Uhr</option>
1745                                <option value="1600">16:00 - 18:00 Uhr</option>
1746                                <option value="1800">18:00 - 20:00 Uhr</option>
1747                                <option value="2000">20:00 - 22:00 Uhr</option>
1748                                <option value="2200">22:00 - 00:00 Uhr</option>
1749                            </optgroup> 
1750                        </select>
1751                    </div>
1752                    <div class="col-md-8 col-sm-9">
1753                        <label for="transfer"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Transfer</label> <select name="transfer" id="transfer" class="form-control">
1754                            <option value="">beliebig</option>
1755                            <option value="transfer">mit Transfer</option>
1756                            <option value="rentalcar">Mietwagen inklusive</option>
1757                        </select>
1758                    </div>
1759                </div>
1760                                
1761                <div v-show="advancedsearch" class="tw-p-2 tw-mt-2" style="border: 1px solid #ddd; background: #fcfcfc;">
1762                                        <div class="row">
1763                        <div class="col-md-12 col-sm-12">
1764                            <div class="form-group has-feedback">
1765                                <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Reiseveranstalter</span>
1766                                <div class="form-control pointer" id="touroperators">
1767                                    <span v-if="selectedtouroperators.length == 0">beliebig</span>
1768                                    <span v-if="selectedtouroperators.length > 1">Mehrfachauswahl</span>
1769                                    <span v-if="selectedtouroperators.length == 1" v-text="getSelectedItemLabel(touroperators, selectedtouroperators[0])"></span>
1770                                </div>
1771                                <span class="glyphicon glyphicon-plus pointer form-control-feedback touroperators-plus" style="color:#ccc" aria-hidden="true"></span>
1772                            </div>
1773                        </div>
1774
1775                                                    <div class="col-md-8 col-sm-8">
1776                                <div class="form-group has-feedback">
1777                                    <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Zimmertyp</span>
1778                                    <div class="form-control pointer" id="roomtypes">
1779                                        <span v-if="selectedroomtypes.length == 0">beliebig</span>
1780                                        <span v-if="selectedroomtypes.length > 1">Mehrfachauswahl</span>
1781                                        <span v-if="selectedroomtypes.length == 1" v-text="getSelectedItemLabel(roomtypes, selectedroomtypes[0])"></span>
1782                                    </div>
1783                                    <span class="glyphicon glyphicon-plus pointer form-control-feedback roomtypes-plus" style="color:#ccc" aria-hidden="true"></span>
1784                                </div>
1785                            </div>
1786                                                                            <div class="col-md-8 col-sm-8">
1787                                <label for="railandfly" class="schnellsuche__label"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg><i class="fa fa-train fa-fw text-muted"></i> Zug zum Flug <sup></sup></label>
1788                                <select name="railandfly" id="railandfly" class="form-control">
1789                                    <option value="">beliebig</option>
1790                                    <option value="1">Zug zum Flug inklusive</option>
1791                                </select>
1792                            </div>
1793                                                <div class="col-md-8 col-sm-8">
1794                            <label for="priceperperson"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Preis pro Person</label> <select name="priceperperson" id="priceperperson" class="form-control">
1795                                <option value="">beliebig</option>
1796                                <option value="300">bis EUR 300,-</option>
1797                                <option value="500">bis EUR 500,-</option>
1798                                <option value="750">bis EUR 750,-</option>
1799                                <option value="1000">bis EUR 1.000,-</option>
1800                                <option value="1500">bis EUR 1.500,-</option>
1801                            </select>
1802                        </div>
1803                    </div>
1804                    <div class="row">
1805                        <div class="col-md-36" style="min-height:0px; position: relative">
1806                            <div class="popover popover-left popover-touroperators">
1807                                <div class="popover-title">
1808                                    Reiseveranstalter auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1809                                </div>
1810                                <div class="popover-content">
1811                                    <div class="row">
1812                                        <div class="col-md-36">
1813                                            <input type="hidden" name="touroperators" v-model="compSelectedTouroperators"/>
1814                                            <div class="checkbox checkbox-success">
1815                                                <input type="checkbox" id="notouroperator" @click="selectedtouroperators = []" v-bind:checked="selectedtouroperators.length == 0">
1816                                                <label for="notouroperator" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1817                                            </div>
1818                                        </div>
1819                                    </div>
1820                                    <div class="row">
1821                                        <div class="col-md-12 col-sm-12">
1822                                            <div v-for="touroperator in chunkedTouroperators[0]" class="checkbox checkbox-success">
1823                                                <input type="checkbox" :id="'checkbox_' + touroperator.code" :value="touroperator.code" v-model="selectedtouroperators">
1824                                                <label :for="'checkbox_' + touroperator.code" style="padding-left: 5px" v-text="touroperator.label"></label>
1825                                            </div>
1826                                        </div>
1827                                        <div class="col-md-12 col-sm-12">
1828                                            <div v-for="touroperator in chunkedTouroperators[1]" class="checkbox checkbox-success">
1829                                                <input type="checkbox" :id="'checkbox_' + touroperator.code" :value="touroperator.code" v-model="selectedtouroperators">
1830                                                <label :for="'checkbox_' + touroperator.code" style="padding-left: 5px" v-text="touroperator.label"></label>
1831                                            </div>
1832                                        </div>
1833                                        <div class="col-md-12 col-sm-12">
1834                                            <div v-for="touroperator in chunkedTouroperators[2]" class="checkbox checkbox-success">
1835                                                <input type="checkbox" :id="'checkbox_' + touroperator.code" :value="touroperator.code" v-model="selectedtouroperators">
1836                                                <label :for="'checkbox_' + touroperator.code" style="padding-left: 5px" v-text="touroperator.label"></label>
1837                                            </div>
1838                                        </div>
1839                                    </div>
1840                                </div>
1841                            </div>
1842                        </div>
1843                    </div>
1844                                            <div class="row">
1845                            <div class="col-md-24 col-md-offset-12" style="min-height:0px; position: relative;">
1846                                <div class="popover popover-left popover-roomtypes" style="right: 10px;">
1847                                    <div class="popover-title">
1848                                        Zimmertyp auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1849                                    </div>
1850                                    <div class="popover-content">
1851                                        <div class="row">
1852                                            <div class="col-md-36">
1853                                                <input type="hidden" name="roomtypes" v-model="compSelectedRoomtypes"/>
1854                                                <div class="checkbox checkbox-success">
1855                                                    <input type="checkbox" id="noroomtypes" @click="selectedroomtypes = []" :checked="selectedroomtypes.length == 0">
1856                                                    <label for="noroomtypes" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1857                                                </div>
1858                                            </div>
1859                                        </div>
1860                                        <div class="row">
1861                                            <div class="col-md-12 col-sm-12">
1862                                                <div v-for="roomtype in chunkedRoomtypes[0]" class="checkbox checkbox-success">
1863                                                    <input type="checkbox" :id="'checkbox_' + roomtype.code" :value="roomtype.code" v-model="selectedroomtypes">
1864                                                    <label :for="'checkbox_' + roomtype.code" style="padding-left: 5px" v-text="roomtype.label"></label>
1865                                                </div>
1866                                            </div>
1867                                            <div class="col-md-12 col-sm-12">
1868                                                <div v-for="roomtype in chunkedRoomtypes[1]" class="checkbox checkbox-success">
1869                                                    <input type="checkbox" :id="'checkbox_' + roomtype.code" :value="roomtype.code" v-model="selectedroomtypes">
1870                                                    <label :for="'checkbox_' + roomtype.code" style="padding-left: 5px" v-text="roomtype.label"></label>
1871                                                </div>
1872                                            </div>
1873                                            <div class="col-md-12 col-sm-12">
1874                                                <div v-for="roomtype in chunkedRoomtypes[2]" class="checkbox checkbox-success">
1875                                                    <input type="checkbox" :id="'checkbox_' + roomtype.code" :value="roomtype.code" v-model="selectedroomtypes">
1876                                                    <label :for="'checkbox_' + roomtype.code" style="padding-left: 5px" v-text="roomtype.label"></label>
1877                                                </div>
1878                                            </div>
1879                                        </div>
1880                                        <div class="row margin-t-10">
1881                                            <div class="col-md-15">
1882                                                <div class="roomtypes-oceanview">
1883                                                    <input type="hidden" name="oceanview" v-model="compOceanview"/>
1884                                                    <div class="checkbox checkbox-info">
1885                                                        <input type="checkbox" id="checkbox_oceanview" v-model="oceanview">
1886                                                        <label for="checkbox_oceanview" style="padding-left: 5px">Unterkunft mit Meerblick</label>
1887                                                    </div>
1888                                                </div>
1889                                            </div>
1890                                        </div>
1891                                    </div>
1892                                </div>
1893                            </div>
1894                        </div> 
1895                                        <div class="row">
1896                        <div class="col-md-12 col-sm-12">
1897                            <div class="form-group has-feedback">
1898                                <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Hoteleigenschaften</span>
1899                                <div class="form-control pointer" id="facilities">
1900                                    <span v-if="selectedfacilities.length == 0">beliebig</span>
1901                                    <span v-if="selectedfacilities.length > 1">Mehrfachauswahl</span>
1902                                    <span v-if="selectedfacilities.length == 1" v-text="getSelectedItemLabel(facilities, selectedfacilities[0])"></span>
1903                                </div>
1904                                <span class="glyphicon glyphicon-plus pointer form-control-feedback facilities-plus" style="color:#ccc" aria-hidden="true"></span>
1905                            </div>
1906                        </div>
1907                        <div class="col-md-8 col-sm-8">
1908                            <label for="sports"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Sportangebot</label> <select name="sports" id="sports" class="form-control">
1909                                <option value="">beliebig</option>
1910                                <option value="action_adventures_parties_fun">Abenteuer &amp; Spass</option>
1911                                <option value="bike_mountainbike_rental">Rad / Mountainbike</option>
1912                                <option value="own_fitness_facilities">Fitness</option>
1913                                <option value="golf_close_to_hotel_2">Golf</option>
1914                                <option value="horseback_riding_close_to_hotel">Reiten</option>
1915                                <option value="sailing_close_to_hotel">Segeln</option>
1916                                <option value="own_squash_court">Squash</option>
1917                                <option value="surfing_close_to_hotel">Surfen</option>
1918                                <option value="diving_close_to_hotel">Tauchen</option>
1919                                <option value="own_tennis_court">Tennis</option>
1920                                <option value="hotel_in_hiking_region">Wandern</option>
1921                                <option value="own_water_sports_facilities">Wassersport</option>
1922                                <option value="winter_sports_ski_area">Wintersport</option>
1923                            </select>
1924                        </div>
1925                                                    <div class="col-md-8 col-sm-8">
1926                                <label for="rating"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Kundenbewertung</label> <select name="rating" id="rating" class="form-control">
1927                                    <option value="">beliebig</option>
1928                                    <option value="3">min. 3 von 6 Punkten</option>
1929                                    <option value="4">min. 4 von 6 Punkten</option>
1930                                    <option value="5">min. 5 von 6 Punkten</option>
1931                                    <option value="6">min. 6 von 6 Punkten</option>
1932                                </select>
1933                            </div>
1934                            <div class="col-md-8 col-sm-8">
1935                                <label for="recommend"><svg style="margin-bottom: -2px" class="tw-text-red-500 tw-w-4 tw-fill-current hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1935<path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z" fill="currentColor"></path></svg>Weiterempfehlung</label> <select name="recommend" id="recommend" class="form-control">
1936                                    <option value="">beliebig</option>
1937                                    <option value="70">min. 70%</option>
1938                                    <option value="80">min. 80%</option>
1939                                    <option value="90">min. 90%</option>
1940                                    <option value="100">100%</option>
1941                                </select>
1942                            </div>
1943                                            </div>
1944                    <div class="row">
1945                        <div class="col-md-28" style="min-height:0px; position: relative;">
1946                            <div class="popover popover-left popover-facilities">
1947                                <div class="popover-title">
1948                                    Hoteleigenschaften auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1949                                </div>
1950                                <div class="popover-content">
1951                                    <div class="row">
1952                                        <div class="col-md-36">
1953                                            <input type="hidden" name="facilities" v-model="compSelectedFacilities"/>
1954                                            <div class="checkbox checkbox-success">
1955                                                <input type="checkbox" id="nofacilities" @click="selectedfacilities = []" v-bind:checked="selectedfacilities.length == 0">
1956                                                <label for="nofacilities" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1957                                            </div>
1958                                        </div>
1959                                    </div>
1960                                    <div class=" margin-t-15" style="text-transform: uppercase;">Zielgruppe</div>
1961                                    <div class="row">
1962                                        <div class="col-md-12 col-sm-12">
1963                                            <div class="checkbox checkbox-success">
1964                                                <input type="checkbox" id="checkbox_adults_only" value="adults_only" v-model="selectedfacilities">
1965                                                <label for="checkbox_adults_only" style="padding-left: 5px">Erwachsenenhotel</label>
1966                                            </div>
1967                                            <div class="checkbox checkbox-success">
1968                                                <input type="checkbox" id="checkbox_attractive_for_singles_w_child" value="attractive_for_singles_w_child" v-model="selectedfacilities">
1969                                                <label for="checkbox_attractive_for_singles_w_child" style="padding-left: 5px">Single mit Kind</label>
1970                                            </div>
1971                                        </div>
1972                                        <div class="col-md-12 col-sm-12">
1973                                            <div class="checkbox checkbox-success">
1974                                                <input type="checkbox" id="checkbox_attractive_for_couples" value="attractive_for_couples" v-model="selectedfacilities">
1975                                                <label for="checkbox_attractive_for_couples" style="padding-left: 5px">Urlaub zu zweit</label>
1976                                            </div>
1977                                            <div class="checkbox checkbox-success">
1978                                                <input type="checkbox" id="checkbox_specials_for_newly_married" value="specials_for_newly_married" v-model="selectedfacilities">
1979                                                <label for="checkbox_specials_for_newly_married" style="padding-left: 5px">Hochzeitsreisen</label>
1980                                            </div>
1981                                        </div>
1982                                        <div class="col-md-12 col-sm-12">
1983                                            <div class="checkbox checkbox-success">
1984                                                <input type="checkbox" id="checkbox_attractive_for_singles" value="attractive_for_singles" v-model="selectedfacilities">
1985                                                <label for="checkbox_attractive_for_singles" style="padding-left: 5px">Singles</label>
1986                                            </div>
1987                                            <div class="checkbox checkbox-success">
1988                                                <input type="checkbox" id="checkbox_LGBTQ" value="LGBTQ" v-model="selectedfacilities">
1989                                                <label for="checkbox_LGBTQ" style="padding-left: 5px">LGBTQIA+</label>
1990                                            </div>
1991                                        </div>
1992                                    </div>
1993                                    <div class=" margin-t-15" style="text-transform: uppercase;">Familie</div>
1994                                    <div class="row">
1995                                        <div class="col-md-12 col-sm-12">
1996                                            <div class="checkbox checkbox-success">
1997                                                <input type="checkbox" id="checkbox_family_friendly_2" value="family_friendly_2" v-model="selectedfacilities">
1998                                                <label for="checkbox_family_friendly_2" style="padding-left: 5px">Kinderfreundlich</label>
1999                                            </div>
2000                                            <div class="checkbox checkbox-success">
2001                                                <input type="checkbox" id="checkbox_maxi_club_7to12_years" value="maxi_club_7to12_years" v-model="selectedfacilities">
2002                                                <label for="checkbox_maxi_club_7to12_years" style="padding-left: 5px">Maxiclub</label>
2003                                            </div>
2004                                            <div class="checkbox checkbox-success">
2005                                                <input type="checkbox" id="checkbox_pool_for_children" value="pool_for_children" v-model="selectedfacilities">
2006                                                <label for="checkbox_pool_for_children" style="padding-left: 5px">Kinderbecken</label>
2007                                            </div>
2008                                            <div class="checkbox checkbox-success">
2009                                                <input type="checkbox" id="checkbox_playroom_for_children" value="playroom_for_children" v-model="selectedfacilities">
2010                                                <label for="checkbox_playroom_for_children" style="padding-left: 5px">Spielzimmer</label>
2011                                            </div>
2012                                            <div class="checkbox checkbox-success">
2013                                                <input type="checkbox" id="checkbox_baby_equipment" value="baby_equipment" v-model="selectedfacilities">
2014                                                <label for="checkbox_baby_equipment" style="padding-left: 5px">Babyausstattung</label>
2015                                            </div>
2016                                        </div>
2017                                        <div class="col-md-12 col-sm-12">
2018                                            <div class="checkbox checkbox-success">
2019                                                <input type="checkbox" id="checkbox_playground_for_children" value="playground_for_children" v-model="selectedfacilities">
2020                                                <label for="checkbox_playground_for_children" style="padding-left: 5px">Kinderspielplatz</label>
2021                                            </div>
2022                                            <div class="checkbox checkbox-success">
2023                                                <input type="checkbox" id="checkbox_kids_disco" value="kids_disco" v-model="selectedfacilities">
2024                                                <label for="checkbox_kids_disco" style="padding-left: 5px">Kinderdisco</label>
2025                                            </div>
2026                                            <div class="checkbox checkbox-success">
2027                                                <input type="checkbox" id="checkbox_mini_club_3to6_years" value="mini_club_3to6_years" v-model="selectedfacilities">
2028                                                <label for="checkbox_mini_club_3to6_years" style="padding-left: 5px">Miniclub</label>
2029                                            </div>
2030                                            <div class="checkbox checkbox-success">
2031                                                <input type="checkbox" id="checkbox_baby_cot" value="baby_cot" v-model="selectedfacilities">
2032                                                <label for="checkbox_baby_cot" style="padding-left: 5px">Babybett</label>
2033                                            </div>
2034                                            <div class="checkbox checkbox-success">
2035                                                <input type="checkbox" id="checkbox_german_entertainment_for_kids" value="german_entertainment_for_kids" v-model="selectedfacilities">
2036                                                <label for="checkbox_german_entertainment_for_kids" style="padding-left: 5px">Kinderbetreuung (dt.)</label>
2037                                            </div>
2038                                        </div>
2039                                        <div class="col-md-12 col-sm-12">  
2040                                            <div class="checkbox checkbox-success">
2041                                                <input type="checkbox" id="checkbox_sporting_activities_for_children" value="sporting_activities_for_children" v-model="selectedfacilities">
2042                                                <label for="checkbox_sporting_activities_for_children" style="padding-left: 5px">Sportangebot für Kinder</label>
2043                                            </div>
2044                                            <div class="checkbox checkbox-success">
2045                                                <input type="checkbox" id="checkbox_buffet_for_children" value="buffet_for_children" v-model="selectedfacilities">
2046                                                <label for="checkbox_buffet_for_children" style="padding-left: 5px">Kinderbuffet</label>
2047                                            </div>
2048                                            <div class="checkbox checkbox-success">
2049                                                <input type="checkbox" id="checkbox_babysitting" value="babysitting" v-model="selectedfacilities">
2050                                                <label for="checkbox_babysitting" style="padding-left: 5px">Babysitting</label>
2051                                            </div>
2052                                            <div class="checkbox checkbox-success">
2053                                                <input type="checkbox" id="checkbox_gently_sloping_sandy_beach" value="gently_sloping_sandy_beach" v-model="selectedfacilities">
2054                                                <label for="checkbox_gently_sloping_sandy_beach" style="padding-left: 5px">Flach abfall. Sandstrand</label>
2055                                            </div>
2056                                        </div>
2057                                    </div>
2058                                    <div class=" margin-t-15" style="text-transform: uppercase;">Unterkunft</div>
2059                                    <div class="row">
2060                                        <div class="col-md-12 col-sm-12">
2061                                            <div class="checkbox checkbox-success">
2062                                                <input type="checkbox" id="checkbox_swim_up_pool" value="swim_up_pool" v-model="selectedfacilities">
2063                                                <label for="checkbox_swim_up_pool" style="padding-left: 5px">Swim-up Pool</label>
2064                                            </div>
2065                                            <div class="checkbox checkbox-success">
2066                                                <input type="checkbox" id="checkbox_own_water_slide" value="own_water_slide" v-model="selectedfacilities">
2067                                                <label for="checkbox_own_water_slide" style="padding-left: 5px">
2067Wasserrutsche</label>
2068                                            </div>
2069                                            <div class="checkbox checkbox-success">
2070                                                <input type="checkbox" id="checkbox_club_with_entertainment" value="club_with_entertainment" v-model="selectedfacilities">
2071                                                <label for="checkbox_club_with_entertainment" style="padding-left: 5px">Club</label>
2072                                            </div>
2073                                            <div class="checkbox checkbox-success">
2074                                                <input type="checkbox" id="checkbox_elegant_deluxe" value="elegant_deluxe" v-model="selectedfacilities">
2075                                                <label for="checkbox_elegant_deluxe" style="padding-left: 5px">Premium / Deluxe</label>
2076                                            </div>
2077                                            <div class="checkbox checkbox-success">
2078                                                <input type="checkbox" id="checkbox_city_breaks" value="city_breaks" v-model="selectedfacilities">
2079                                                <label for="checkbox_city_breaks" style="padding-left: 5px">Städtereisen</label>
2080                                            </div>
2081                                            <div class="checkbox checkbox-success">
2082                                                <input type="checkbox" id="checkbox_free_wlan" value="free_wlan" v-model="selectedfacilities">
2083                                                <label for="checkbox_free_wlan" style="padding-left: 5px">Kostenloses WLAN</label>
2084                                            </div>
2085                                        </div>
2086                                        <div class="col-md-12 col-sm-12">
2087                                            <div class="checkbox checkbox-success">
2088                                                <input type="checkbox" id="checkbox_own_outdoor_pool" value="own_outdoor_pool" v-model="selectedfacilities">
2089                                                <label for="checkbox_own_outdoor_pool" style="padding-left: 5px">Pool</label>
2090                                            </div>
2091                                            <div class="checkbox checkbox-success">
2092                                                <input type="checkbox" id="checkbox_own_indoor_pool" value="own_indoor_pool" v-model="selectedfacilities">
2093                                                <label for="checkbox_own_indoor_pool" style="padding-left: 5px">Hallenbad</label>
2094                                            </div>
2095                                            <div class="checkbox checkbox-success">
2096                                                <input type="checkbox" id="checkbox_non_smoking_hotel" value="non_smoking_hotel" v-model="selectedfacilities">
2097                                                <label for="checkbox_non_smoking_hotel" style="padding-left: 5px">Nichtraucherhotel</label>
2098                                            </div>
2099                                            <div class="checkbox checkbox-success">
2100                                                <input type="checkbox" id="checkbox_free_parking" value="free_parking" v-model="selectedfacilities">
2101                                                <label for="checkbox_free_parking" style="padding-left: 5px">Kostenlose Parkplätze</label>
2102                                            </div>
2103                                            <div class="checkbox checkbox-success">
2104                                                <input type="checkbox" id="checkbox_handicapped_accessible" value="handicapped_accessible" v-model="selectedfacilities">
2105                                                <label for="checkbox_handicapped_accessible" style="padding-left: 5px">Barrierefrei</label>
2106                                            </div>
2107                                            <div class="checkbox checkbox-success">
2108                                                <input type="checkbox" id="checkbox_heated_pool" value="heated_pool" v-model="selectedfacilities">
2109                                                <label for="checkbox_heated_pool" style="padding-left: 5px">Beheizbarer Pool</label>
2110                                            </div>
2111                                        </div>
2112                                        <div class="col-md-12 col-sm-12">
2113                                            <div class="checkbox checkbox-success">
2114                                                <input type="checkbox" id="checkbox_restaurant" value="restaurant" v-model="selectedfacilities">
2115                                                <label for="checkbox_restaurant" style="padding-left: 5px">Restaurant</label>
2116                                            </div>
2117                                            <div class="checkbox checkbox-success">
2118                                                <input type="checkbox" id="checkbox_special_atmosphere_design" value="special_atmosphere_design" v-model="selectedfacilities">
2119                                                <label for="checkbox_special_atmosphere_design" style="padding-left: 5px">Charme / Ambiente</label>
2120                                            </div>
2121                                            <div class="checkbox checkbox-success">
2122                                                <input type="checkbox" id="checkbox_pets_allowed" value="pets_allowed" v-model="selectedfacilities">
2123                                                <label for="checkbox_pets_allowed" style="padding-left: 5px">Haustiere erlaubt</label>
2124                                            </div>
2125                                            <div class="checkbox checkbox-success">
2126                                                <input type="checkbox" id="checkbox_buggy_rent" value="buggy_rent" v-model="selectedfacilities">
2127                                                <label for="checkbox_buggy_rent" style="padding-left: 5px">Buggyverleih</label>
2128                                            </div>
2129                                            <div class="checkbox checkbox-success">
2130                                                <input type="checkbox" id="checkbox_medical_service" value="medical_service" v-model="selectedfacilities">
2131                                                <label for="checkbox_medical_service" style="padding-left: 5px">Arztservice</label>
2132                                            </div>
2133                                        </div>
2134                                    </div>
2135                                    <div class=" margin-t-15" style="text-transform: uppercase;">
2135Verpflegung</div>
2136                                    <div class="row">
2137                                        <div class="col-md-12 col-sm-12">
2138                                            <div class="checkbox checkbox-success">
2139                                                <input type="checkbox" id="checkbox_vegetarian" value="vegetarian" v-model="selectedfacilities">
2140                                                <label for="checkbox_vegetarian" style="padding-left: 5px">Vegetarisch</label>
2141                                            </div>
2142                                            <div class="checkbox checkbox-success">
2143                                                <input type="checkbox" id="checkbox_a_la_carte" value="a_la_carte" v-model="selectedfacilities">
2144                                                <label for="checkbox_a_la_carte" style="padding-left: 5px">à la carte</label>
2145                                            </div>
2146                                        </div>
2147                                        <div class="col-md-12 col-sm-12">
2148                                            <div class="checkbox checkbox-success">
2149                                                <input type="checkbox" id="checkbox_vegan" value="vegan" v-model="selectedfacilities">
2150                                                <label for="checkbox_vegan" style="padding-left: 5px">Vegan</label>
2151                                            </div>
2152                                        </div>
2153                                        <div class="col-md-12 col-sm-12">
2154                                            <div class="checkbox checkbox-success">
2155                                                <input type="checkbox" id="checkbox_glutenfree" value="glutenfree" v-model="selectedfacilities">
2156                                                <label for="checkbox_glutenfree" style="padding-left: 5px">Glutenfrei</label>
2157                                            </div>
2158                                        </div>
2159                                    </div>
2160                                    <div class=" margin-t-15" style="text-transform: uppercase;">Umgebung / Lage</div>
2161                                    <div class="row">
2162                                        <div class="col-md-12 col-sm-12">
2163                                            <div class="checkbox checkbox-success">
2164                                                <input type="checkbox" id="checkbox_direct_beach_access" value="direct_beach_access" v-model="selectedfacilities">
2165                                                <label for="checkbox_direct_beach_access" style="padding-left: 5px">Direkte Strandlage</label>
2166                                            </div>
2167                                            <div class="checkbox checkbox-success">
2168                                                <input type="checkbox" id="checkbox_central_location" value="central_location" v-model="selectedfacilities">
2169                                                <label for="checkbox_central_location" style="padding-left: 5px">Zentrale Lage</label>
2170                                            </div>
2171                                        </div>
2172                                        <div class="col-md-12 col-sm-12">
2173                                            <div class="checkbox checkbox-success">
2174                                                <input type="checkbox" id="checkbox_hotel_near_beach" value="hotel_near_beach" v-model="selectedfacilities">
2175                                                <label for="checkbox_hotel_near_beach" style="padding-left: 5px">Strandnah</label>
2176                                            </div>
2177                                            <div class="checkbox checkbox-success">
2178                                                <input type="checkbox" id="checkbox_quiet_location" value="quiet_location" v-model="selectedfacilities">
2179                                                <label for="checkbox_quiet_location" style="padding-left: 5px">Ruhige Lage</label>
2180                                            </div>
2181                                        </div>
2182                                        <div class="col-md-12 col-sm-12">
2183                                            <div class="checkbox checkbox-success">
2184                                                <input type="checkbox" id="checkbox_sandy_beach" value="sandy_beach" v-model="selectedfacilities">
2185                                                <label for="checkbox_sandy_beach" style="padding-left: 5px">Sandstrand</label>
2186                                            </div>
2187                                            <div class="checkbox checkbox-success">
2188                                                <input type="checkbox" id="checkbox_direct_proximity_ski_lift" value="direct_proximity_ski_lift" v-model="selectedfacilities">
2189                                                <label for="checkbox_direct_proximity_ski_lift" style="padding-left: 5px">Direkt am Skilift</label>
2190                                            </div>
2191                                        </div>
2192                                    </div>
2193                                    <div class=" margin-t-15" style="text-transform: uppercase;">Wellness</div>
2194                                    <div class="row">
2195                                        <div class="col-md-12 col-sm-12">
2196                                            <div class="checkbox checkbox-success">
2197                                                <input type="checkbox" id="checkbox_massages_and_body_treatments" value="massages_and_body_treatments" v-model="selectedfacilities">
2198                                                <label for="checkbox_massages_and_body_treatments" style="padding-left: 5px">Massagen</label>
2199                                            </div>
2200                                            <div class="checkbox checkbox-success">
2201                                                <input type="checkbox" id="checkbox_relaxation_for_body_and_soul" value="relaxation_for_body_and_soul" v-model="selectedfacilities">
2202                                                <label for="checkbox_relaxation_for_body_and_soul" style="padding-left: 5px">Entspannungsangebote</label>
2203                                            </div>
2204                                        </div>
2205                                        <div class="col-md-12 col-sm-12">
2206                                            <div class="checkbox checkbox-success">
2207                                                <input type="checkbox" id="checkbox_cosmetic_treatments" value="cosmetic_treatments" v-model="selectedfacilities">
2208                                                <label for="checkbox_cosmetic_treatments" style="padding-left: 5px">Kosmetische Behandlungen</label>
2209                                            </div>
2210                                            <div class="checkbox checkbox-success">
2211                                                <input type="checkbox" id="checkbox_ayurveda" value="ayurveda" v-model="selectedfacilities">
2212                                                <label for="checkbox_ayurveda" style="padding-left: 5px">Ayurveda</label>
2213                                            </div>
2214                                        </div>
2215                                        <div class="col-md-12 col-sm-12">
2216                                            <div class="checkbox checkbox-success">
2217                                                <input type="checkbox" id="checkbox_own_sauna_bathing_facilities" value="own_sauna_bathing_facilities" v-model="selectedfacilities">
2218                                                <label for="checkbox_own_sauna_bathing_facilities" style="padding-left: 5px">Sauna</label>
2219                                            </div>
2220                                        </div>
2221                                    </div>
2222                                </div>
2223                            </div>
2224                        </div>
2225                    </div>
2226
2227                    <div class="tw-relative tw-flex tw-items-center tw-mt-2">
2228                        <input id="cancellation" name="cancellation" value="cheap" type="checkbox" class="tw-m-0 tw-h-4 tw-w-4 tw-rounded tw-border-gray-300 tw-text-indigo-600 focus:tw-ring-indigo-600">
2229                        <div class="tw-ml-2">
2230                            <label for="cancellation" class=" tw-m-0 tw-text-gray-900 tw-space-x-1 tw-flex tw-flex-row tw-items-center">
2231                                <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="tw-h-4 tw-text-green-600 tw-mr-1">
2231<path fill="currentColor" d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zm-47.2 114.2l-184 184c-6.2 6.2-16.4 6.2-22.6 0l-104-104c-6.2-6.2-6.2-16.4 0-22.6l22.6-22.6c6.2-6.2 16.4-6.2 22.6 0l70.1 70.1 150.1-150.1c6.2-6.2 16.4-6.2 22.6 0l22.6 22.6c6.3 6.3 6.3 16.4 0 22.6z" class=""></path></svg> Kostengünstige Stornierung inklusive
2232                                <div class="tw-flex tw-items-center" data-toggle="tooltip" data-placement="right" title="Kostengünstige Stornierung je nach Veranstalter bis 14 Tage vor Abreise möglich! Die Bearbeitungskosten sind bereits in der Anzahlung enthalten und werden bei Stornierung nicht erstattet.">
2233                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw-w-4 tw-h-4 tw-text-gray-800 tw-cursor-pointer"><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>
2234                                </div>
2235                            </label>
2236                        </div>
2237                    </div>
2238                    <small>Filter wird nur bis 14 Tage vor Abreise berücksichtigt!</small>                  
2239                </div>
2240                
2241                <div id="formerror" data-status="false"></div>
2242                <input type="hidden" name="reload" id="reload" disabled/>
2243                <div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-end tw-mt-4 tw-space-y-2 md:tw-space-y-0 md:tw-space-x-2">
2244                    <button type="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" @click="advancedsearch = ! advancedsearch">
2245                        <span v-if="! advancedsearch">Weitere Suchkriterien</span>
2246                        <span v-if="advancedsearch">Weniger Suchkriterien</span>
2247                        </button>
2248                        <button type="submit" id="offerupdate" 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"><i class="fa fa-caret-right fa-lg offerupdate" style="color:#f6a800; display:none"></i> <i class="fa fa-caret-right fa-lg offerupdate" style="color:#f6a800; display:none"></i>&nbsp; &nbsp;Angebote suchen&nbsp;&nbsp;<i class="fa fa-caret-left fa-lg offerupdate" style="color:#f6a800; display:none"></i> <i class="fa fa-caret-left fa-lg offerupdate" style="color:#f6a800; display:none"></i></button>
2249                </div>
2250                <div class="tw-mt-4 md:tw-mt-0"><a v-if="shouldResetMarkedParams" href @click="resetMarkedParams">Markierte Suchparameter zurücksetzen</a></div>
2251            </div>
2252        </div>
2253    </div>
2254</searchform>
2255
2256
2257
2258                            <input type="hidden" name="oid" id="oid" value=""/>
2259                            <input type="hidden" name="iframe" value=""/>
2260
2261                            <div class="tw-mt-4">
2262                                                                                                                                                <div class="tw-mt-8">
2263                                            <div class="tw-text-center tw-mb-8">
2264                                                <h2 class="tw-text-lg tw-mt-0 tw-mb-4 tw-uppercase">Diese Hotels werden zurzeit häufig gesucht</h2>
2265                                                <hr class="tw-w-64 tw-border-t-2 tw-border-gray-500 tw-my-0"/>
2266                                            </div>
2267                                            <div class="tw-w-full tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
2268                                                <div v-for="teaser in teaserList" class="tw-w-full tw-px-6 md:tw-px-0">
2269                                                    <!-- Teaser -->
2270                                                    <div class="tw-rounded-xl tw-shadow-sm tw-mb-8">
2271                                                        <a :href="teaser.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" >
2272    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2273        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2274            <div style="height: 200px; position: relative;">
2275                <img :src="teaser.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + teaser.alt"/>
2275
2276                <div v-if="teaser.label != null && teaser.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="teaser.label"></span></div>
2277            </div>
2278            
2279            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2280                <div class="tw-p-2">
2281                    <div v-if="teaser.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2282                        <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>
2283                        <span v-html="teaser.summary"></span>
2284                    </div>
2285                    <div v-if="teaser.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="teaser.headline1"></div>
2286                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="teaser.headline2"></div>
2287                    <div class="tw-leading-tight" v-html="teaser.description"></div>
2288                </div>
2289                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2290                                            <div v-if="teaser.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">€ {{ teaser.price }}</span></div>
2291                                        <div v-if="teaser.noprice == 'on' || teaser.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>
2292                </div>
2293            </div>
2294        </div>
2295    </div>
2296</a>                                                    </div>
2297                                                </div>
2298                                            </div>
2299                                        </div>
2300                                                                                                </div>
2301                        </div>
2302                    </form>
2303                </div>
2304            </div>
2305        </div>
2306    </ttxmlpackage>
2307    </div>
2308
2309            <footer>
2310            <div class="tw-py-8 tw-px-6 tw-bg-stone-100">
2311                
2312                <div class="tw-container tw-mx-auto">
2313                    <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-space-x-4">
2314                        <div class="tw-w-full lg:tw-w-grow">
2315                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Newsletter abonnieren</h2>
2316                            <div class="tw-mb-8">
2317                                <p>Aktuelle Angebote und Informationen rund um das Thema Urlaub.</p>
2318                                <form class="form-horizontal" method="get" action="https://www.bestreisen.de/newsletter">
2319                                    <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">
2320                                        <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">
2321                                        <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>
2322                                    </div>
2323                                </form>
2324                            </div>
2325                            
2326                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Beliebteste Urlaubsziele</h2>
2327                            <div class="tw-mb-8">
2328                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=434">Türkei</a>
2329                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=350">Ägypten</a>
2330                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=35">Mallorca</a>
2331                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=345">Gran Canaria</a>
2332                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=56">Teneriffa</a>
2333                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=342">Malediven</a>
2334                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=616">Kreta</a>
2335                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=832">Fuerteventura</a>
2336                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=32">Ibiza</a>
2337                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=655">Rhodos</a>
2338                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=637">Portugal</a>
2339                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=614">Tunesien</a>
2340                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=126">Marokko</a>
2341                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=103">Bulgarien</a>
2342                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=353">Dubai</a>
2343                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=133">Djerba</a>
2344                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=354">Abu Dhabi</a>
2345                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=595">Malta</a>
2346                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=7">Kos</a>
2347                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=78">Sardinien</a>
2348                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=143">Mauritius</a>
2349                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen/hotel?rid=367">Dominikanische Republik</a>
2350                                                            </div>
2351                            
2352                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Weitere Links</h2>
2353                            <div class="tw-mb-8">
2354                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/last-minute">Lastminute</a>
2355                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
2356                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/fluege/linienfluege">Flug</a>
2357                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/hotel/ferienhotels">Hotel</a>
2358                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/ferienhaus">Ferienhaus</a>
2359                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/mietwagen">Mietwagen</a>
2360                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/kreuzfahrten">Kreuzfahrten</a>
2361                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/extras/flughafenlounges">Flughafenlounges</a>
2362                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.bestreisen.de/reiseideen">Reiseideen</a>
2363
2364                                                            </div>
2365                            
2366                            
2367                                                     </div>
2368
2369                        <div class="tw-w-full lg:tw-w-[330px] tw-shrink-0">
2370                                                                                                                                    <div class="tw-mb-8"><strong>Unsere Öffnungszeiten lauten:</strong>
2371<table style="height: 75px;" width="297" cellspacing="1" cellpadding="1" border="0">
2372<tbody>
2373<tr style="height: 64px;">
2374<td style="width: 125.117px; height: 64px;">MO, DI, DO, FR: <br /> </td>
2375<td style="width: 171.15px; height: 64px;">09:00 Uhr - 12:30 Uhr und<br />15:00 Uhr - 18:00 Uhr</td>
2376</tr>
2377<tr style="height: 22px;">
2378<td style="width: 125.117px; height: 11px;">Samstag:</td>
2379<td style="width: 171.15px; height: 11px;">09:30 Uhr - 12:30 Uhr</td>
2380</tr>
2381</tbody>
2382</table>
2383<p>Mittwochs nach Vereinbarung.</p>
2384<p></p></div>
2385                                
2386                                                                    <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Service-Hotline</h2>
2387                                    <div class="tw-flex tw-flex-wrap tw-items-center tw-mb-8">
2388                                        <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>
2388<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>06253-972250
2389                                    </div>
2390                                                                                    </div>
2391                    </div>
2392                </div>
2393
2394                
2395                
2396                            </div>
2397
2398            <div class="tw-p-4 tw-bg-stone-800 tw-text-stone-400">
2399                <div class="tw-container tw-mx-auto">
2400                    <p><span class="tw-text-xs tw-uppercase">Unternehmen & Service</span><br>
2401                                                                        <a href="https://www.bestreisen.de/ueber-uns" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Über uns</a>
2402                                                                                        <a href="https://www.bestreisen.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Kontakt</a>
2403                                                                                            <a href="https://www.bestreisen.de/newsletter" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Newsletter</a>
2404                                                                                        <a href="https://www.bestreisen.de/preisgarantie" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Preisgarantie</a>
2405                                                            <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>
2406
2407                    <p><span class="tw-text-xs tw-uppercase">Rechtliches</span><br>
2408                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.bestreisen.de/impressum">Impressum</a>
2409                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.bestreisen.de/datenschutz">Datenschutz</a>
2410                                                                    <a href  @click.prevent="showCookieConsent = true" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Cookieeinstellungen</a>
2411                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.bestreisen.de/agb">AGB</a>
2412                                        <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.bestreisen.de/barrierefreiheit">Erklärung zur Barrierefreiheit</a>
2413                                            <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>
2414                                        <div class="tw-mt-6">
2415                        <span class="tw-text-sm">&copy; 2026 onlineweg.de Touristik GmbH</span>
2416                    </div>
2417                </div>
2418            </div>
2419        </footer>    
2420    
2421    <div v-show="showCookieConsent">
2422        <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">
2423            <div class="tw-w-full tw-block">
2424                <div class="tw-bg-white tw-flex tw-justify-center animated fadeInUp">
2425                    <div class="tw-container tw-mx-auto tw-p-6">
2426                        <span class="tw-text-2xl tw-font-semibold">Kurz zu den Datenschutzeinstellungen, dann geht's weiter!</span>
2427                        <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.bestreisen.de/datenschutz" class="tw-underline hover:tw-decoration-2 tw-text-stone-900">Datenschutzerklärung</a>.</p>
2428                        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-justify-start lg:tw-items-baseline tw-mt-2">
2429                            <div class="tw-flex tw-flex-col md:tw-flex-row">
2430                                <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>">
2431                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" checked disabled>
2432                                    <span>Technisch erforderlich</span>
2433                                </label>
2434                                <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>">
2435                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="p" v-model="cookies">
2436                                    Personalisierung
2437                                </label>
2438                                <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;">
2439                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="s" v-model="cookies">
2440                                    Statistiken
2441                                </label>
2442                                <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>">
2443                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="m" v-model="cookies">
2444                                    Marketing
2445                                </label>
2446                            </div>
2447                            <div class="tw-mt-4 lg:tw-mt-0">
2448                                <div class="tw-flex tw-flex-col lg:tw-flex-row">
2449                                    <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>
2450                                    <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>
2451                                </div>
2452                            </div>
2453                        </div>
2454                    </div>
2455                </div>
2456            </div>
2457        </div>
2458    </div>
2459</div>
2460
2461<script type="text/x-template" id="alert-template">
2462    <transition name="fade">
2463        <div v-show="visible" v-bind:class="{
2464                    'alert': true,
2465                    'alert-success': (type == 'success'),
2466                    'alert-warning': (type == 'warning'),
2467                    'alert-info': (type == 'info'),
2468                    'alert-danger': (type == 'danger'),
2469                    'top': (placement === 'top'),
2470                    'top-left': (placement === 'top-left'),
2471                    'top-right': (placement === 'top-right'),
2472                    'bottom': (placement === 'bottom'),
2473                    'bottom-left': (placement === 'bottom-left'),
2474                    'bottom-right': (placement === 'bottom-right'),
2475                    'alert-dismissable': (compDismissable)
2476                }"
2477                role="alert">
2478            <button v-show="compDismissable" type="button" class="close" data-dismiss="alert">&times;</button>
2479            <i v-bind:class="{
2480                    'fa': true,
2481                    'fa-check-circle': (type == 'success'),
2482                    'fa-exclamation-circle': (type == 'warning' || type == 'danger'),
2483                    'fa-info-circle': (type == 'info'),
2484                    'fa-2x': true,
2485                    'fa-pull-left':  true
2486                }"></i>
2487            <slot></slot>
2488        </div>
2489    </transition>
2490</script>
2490
2491
2492
2493<style>
2494    .expand-enter-active,
2495    .expand-leave-active {
2496        transition: all 0.5s ease-in-out;
2497        overflow: hidden;
2498    }
2499 xpand-enter,
2500    .expand-leave-to {
2501        opacity: 0;
2502    }
2503</style>
2504
2505        
2505<script type="application/javascript">
2506        Number.prototype.format = function(n, x) {
2507            var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\.' : '$') + ')';
2508            return this.toFixed(Math.max(0, ~~n)).replace(new RegExp(re, 'g'), '$&.');
2509        };
2510
2511        Vue.component('ttxmlpackage', {
2512            data: function () {
2513                return {
2514                    shownotepad: false,
2515                    hidesearchform: window.matchMedia('(max-width: 767px)').matches,
2516                    offerForHome: '',
2517                    channel: '',
2518                    message: '',
2519                    eventmessage: '',
2520                    regions: Array,
2521                    oid: '',
2522                    rememberedHotel: false,
2523                    rememberedHotels: [],
2524                    teaserList: [{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/00000\/THB_999_H1140.jpg","alt":"Hotel & Apartments Vista Sol","gid":24208,"touroperator":"LMXS","headline1":"Mallorca","headline2":"Hotel & Apartments Vista Sol <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, nur \u00dcbernachtung, z.B. mit Flug ab Stuttgart","price":"301,-","altprice":{"CHF":"282","PLN":"1.314"},"noprice":null,"priceperperson":"on","summary":"Mallorca","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=1140&adults=2&childs=0&startdate=2026-10-15&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/00000\/THB_999_H3229.jpg","alt":"Abora Buenaventura by Lopesan Hotels","gid":2719,"touroperator":"SLRD","headline1":"Gran Canaria","headline2":"Abora Buenaventura by Lopesan Hotels <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Halbpension, z.B. mit Flug ab Frankfurt","price":"891,-","altprice":{"CHF":"834","PLN":"3.889"},"noprice":null,"priceperperson":"on","summary":"Gran Canaria","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=3229&adults=2&childs=0&startdate=2026-10-15&duration=7&airports=FRA&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/00000\/THB_999_H4039.jpg","alt":"Grupotel Mar de Menorca","gid":16791,"touroperator":"TUID","headline1":"Menorca","headline2":"Grupotel Mar de Menorca <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, nur \u00dcbernachtung, z.B. mit Flug ab Frankfurt","price":"533,-","altprice":{"CHF":"499","PLN":"2.327"},"noprice":null,"priceperperson":"on","summary":"Menorca","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=4039&adults=2&childs=0&startdate=2026-10-15&duration=7&airports=FRA&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/05000\/THB_999_H8889.jpg","alt":"Hara Ilios Village","gid":890,"touroperator":"TUID","headline1":"Kreta","headline2":"Hara Ilios Village <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Halbpension, z.B. mit Flug ab Stuttgart","price":"691,-","altprice":{"CHF":"647","PLN":"3.016"},"noprice":null,"priceperperson":"on","summary":"Kreta","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=8889&adults=2&childs=0&startdate=2026-10-15&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/05000\/THB_999_H8911.jpg","alt":"Tarik by Atlantichotels","gid":1272718,"touroperator":"LMXS","headline1":"Faro & Algarve","headline2":"Tarik by Atlantichotels <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, nur \u00dcbernachtung, z.B. mit Flug ab Stuttgart","price":"713,-","altprice":{"CHF":"66
25247","PLN":"3.112"},"noprice":null,"priceperperson":"on","summary":"Faro & Algarve","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=8911&adults=2&childs=0&startdate=2026-10-17&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/10000\/THB_999_H11594.jpg","alt":"Green Life Hotel","gid":725197,"touroperator":"SIT","headline1":"Side & Alanya","headline2":"Green Life Hotel <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, All Inclusive, z.B. mit Flug ab M\u00fcnchen","price":"344,-","altprice":{"CHF":"322","PLN":"1.502"},"noprice":null,"priceperperson":"on","summary":"Side & Alanya","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=11594&adults=2&childs=0&startdate=2026-10-15&duration=7&airports=MUC&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/10000\/THB_999_H11914.jpg","alt":"Playabachata Lifestyle Collection by Senator","gid":20425,"touroperator":"TJAX","headline1":"Dom. Republik - Norden (Puerto Plata & Samana)","headline2":"Playabachata Lifestyle Collection by Senator <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star-half-o\"><\/i><\/small>","description":"7 N\u00e4chte, All Inclusive, z.B. mit Flug ab Berlin Brandenburg","price":"897,-","altprice":{"CHF":"840","PLN":"3.915"},"noprice":null,"priceperperson":"on","summary":"Dom. Republik - Norden<br\/>(Puerto Plata & Samana)","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=11914&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=BER&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/10000\/THB_999_H12637.jpg","alt":"Tivoli Hotel Aqua Park","gid":116,"touroperator":"XLMX","headline1":"Sharm el Sheikh \/ Nuweiba \/ Taba","headline2":"Tivoli Hotel Aqua Park <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star-half-o\"><\/i><\/small>","description":"7 N\u00e4chte, Halbpension, z.B. mit Flug ab K\u00f6ln-Bonn","price":"439,-","altprice":{"CHF":"411","PLN":"1.916"},"noprice":null,"priceperperson":"on","summary":"Sharm el Sheikh \/ Nuweiba \/ Taba","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=12637&adults=2&childs=0&startdate=2026-10-12&duration=7&airports=CGN&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/20000\/THB_999_H22613.jpg","alt":"Ibersol Almu\u00f1ecar Beach & Spa","gid":17220,"touroperator":"OLI","headline1":"Costa del Sol & Costa Tropical","headline2":"Ibersol Almu\u00f1ecar Beach & Spa <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Fr\u00fchst\u00fcck, z.B. mit Flug ab Stuttgart","price":"696,-","altprice":{"CHF":"651","PLN":"3.038"},"noprice":null,"priceperperson":"on","summary":"Costa del Sol & Costa Tropical","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=22613&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/25000\/THB_999_H25589.jpg","alt":"SBH Hotel Club Paraiso Playa","gid":26138,"touroperator":"BYE","headline1":"Fuerteventura","headline2":"SBH Hotel Club Paraiso Playa <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, All Inclusive, z.B. mit Flug ab M\u00fcnchen","price":"886,-","altprice":{"CHF":"829","PLN":"3.867"},"noprice":null,"priceperperson":"on","summary":"Fuerteventura","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=25589&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=MUC&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/30000\/THB_999_H34864.jpg","alt":"Aktea Beach Village","gid":32921,"touroperator":"LMXS","headline1":"Republik Zypern 
2524- S\u00fcden","headline2":"Aktea Beach Village <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Halbpension, z.B. mit Flug ab D\u00fcsseldorf","price":"933,-","altprice":{"CHF":"873","PLN":"4.073"},"noprice":null,"priceperperson":"on","summary":"Republik Zypern - S\u00fcden","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=34864&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=DUS&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/45000\/THB_999_H49355.jpg","alt":"BLUESEA Montevista Hawai","gid":2346,"touroperator":"LMXS","headline1":"Costa Brava","headline2":"BLUESEA Montevista Hawai <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Fr\u00fchst\u00fcck, z.B. mit Flug ab Stuttgart","price":"283,-","altprice":{"CHF":"265","PLN":"1.235"},"noprice":null,"priceperperson":"on","summary":"Costa Brava","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=49355&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/55000\/THB_999_H56980.jpg","alt":"Sunshine Rhodes Hotel","gid":79880,"touroperator":"TUID","headline1":"Rhodos","headline2":"Sunshine Rhodes Hotel <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, All Inclusive, z.B. mit Flug ab Stuttgart","price":"646,-","altprice":{"CHF":"605","PLN":"2.820"},"noprice":null,"priceperperson":"on","summary":"Rhodos","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=56980&adults=2&childs=0&startdate=2026-10-13&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/60000\/THB_999_H61998.jpg","alt":"BLUESEA Paraiso Beach Adults Only","gid":73245,"touroperator":"LMXS","headline1":"Ibiza","headline2":"BLUESEA Paraiso Beach Adults Only <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, nur \u00dcbernachtung, z.B. mit Flug ab Stuttgart","price":"431,-","altprice":{"CHF":"403","PLN":"1.881"},"noprice":null,"priceperperson":"on","summary":"Ibiza","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=61998&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/65000\/THB_999_H67900.jpg","alt":"BLUESEA Puerto Resort","gid":3753,"touroperator":"FER","headline1":"Teneriffa","headline2":"BLUESEA Puerto Resort <small style=\"white-space: nowrap; display: inline-block;\"><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><i class=\"fa fa-star\"><\/i><\/small>","description":"7 N\u00e4chte, Fr\u00fchst\u00fcck, z.B. mit Flug ab D\u00fcsseldorf","price":"793,-","altprice":{"CHF":"742","PLN":"3.461"},"noprice":null,"priceperperson":"on","summary":"Teneriffa","url":"https:\/\/www.bestreisen.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-10-10&rdate=2026-10-24&oid=67900&adults=2&childs=0&startdate=2026-10-14&duration=7&airports=DUS&step=offer"}],
2525                }
2526            },
2527            mounted: function() {
2528                var storageItems = localStorage.getItem('ttxml_package_remember');
2529                if (storageItems)
2530                    this.rememberedHotels = JSON.parse(storageItems);
2531
2532                var self = this;
2533                this.rememberedHotels.forEach(function(item) {
2534                    if (item.oid == self.oid) {
2535                        self.rememberedHotel = true;
2536                    }
2537                });
2538            },
2539            methods: {
2540                formatPreis: function(preis) {
2541                    return preis.format();
2542                },
2543                deleteRememberedHotel: function(id) {
2544                    for (var i = 0; i < this.rememberedHotels.length; i++) {
2545                        if (this.rememberedHotels[i]['oid'] == id) {
2546                            this.rememberedHotels.splice(i, 1);
2547                            if (this.oid == id) {
2548                                this.rememberedHotel = false;
2549                            }
2550                        }
2551                    }
2552                    localStorage.setItem('ttxml_package_remember', JSON.stringify(this.rememberedHotels));
2553
2554                    return false;
2555                },
2556                goto: function(url) {
2557                    console.log(url)
2558                    window.location.href = url;
2559                }
2560            }
2561        })
2562    </script>
2562
2563    
2564    
2565    
2565<script>
2566        $(function () {
2567            window.formChanged = false;
2568
2569            // Init Form
2570            $('#duration').val(ttxml.duration);
2571            $('.duration').html($('#duration').find(':selected').data('label'));
2572            $('#adults').val(ttxml.adults).trigger('change');
2573            $('#child1').val(ttxml.child1);
2574            $('#child2').val(ttxml.child2);
2575            $('#child3').val(ttxml.child3);
2576            $('#child4').val(ttxml.child4);
2577            $('#childs').val(ttxml.childs).trigger('change');
2578            $('#category').val(ttxml.category);
2579            $('#mealtype').val(ttxml.mealtype);
2580            $('#objectname').val(ttxml.objectname);
2581            $('#transfer').val(ttxml.transfer);
2582            $('#priceperperson').val(ttxml.priceperperson);
2583            $('#rating').val(ttxml.rating);
2584            $('#recommend').val(ttxml.recommend);
2585            $('#sports').val(ttxml.sports);
2586            if (ttxml.cancellation == 'cheap')
2587                $('#cancellation').prop('checked', true);
2588
2589            
2590
2591            $('#country').val(ttxml.country);
2592            $('#rid').val(ttxml.rid);
2593            $('#cid').val(ttxml.cid);
2594
2595            $('#directflight').val(ttxml.directflight);
2596            $('#outflighttime').val(ttxml.outflighttime);
2597            $('#inflighttime').val(ttxml.inflighttime);
2598            $('#railandfly').val(ttxml.railandfly);
2599
2600            // Init Multiroom Form
2601            const adults = $('#adults').val();
2602            const childs = $('#childs').val();
2603            ttxml.multiroom = ttxml.multiroom == null ? 1 : ttxml.multiroom; 
2604            $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2605            $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2606            $('#room-' + adults + '-' + childs + '-' + ttxml.multiroom).prop("checked", true);
2607
2608            $(".popover").find('.popover-save').removeClass('btn-success').addClass('btn-default');
2609
2610            $('body').tooltip({
2611                selector: '[data-toggle=tooltip]'
2612            });
2613
2614            $('#offerupdate').click(function () {
2615                $('#cidselection').val('');
2616                $('#sort').val('');
2617                
2618            });
2619
2620            
2621            $('#cidselection').change(function () {
2622                $('#ttxmlform').submit();
2623            });
2624
2625            $('#sort').change(function () {
2626                $('#ttxmlform').submit();
2627            });
2628
2629            $('#category').change(function () {
2630                formChanged = true;
2631            });
2632
2633            $('#rating').change(function () {
2634                formChanged = true;
2635            });
2636
2637            $('#recommend').change(function () {
2638                formChanged = true;
2639            });
2640
2641            $('#sports').change(function () {
2642                formChanged = true;
2643            });
2644
2645            $('#objectname').change(function () {
2646                formChanged = true;
2647            });
2648
2649            $('#adults').change(function () {
2650    const adults = $(this).val();
2651    const childs = $('#childs').val();
2652
2653    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2654    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2655    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2656
2657});
2658
2659$('#childs').change(function () {
2660    const adults = $('#adults').val();
2661    const childs = $(this).val();
2662
2663    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2664    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2665    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2666});
2667            $('body').on('change', '#ttxmlform :input', (function() {
2668                $('.offerupdate').show();
2669            }));
2670
2671            $('#ttxmlform').submit(function () {
2672                if ($('#formerror').attr('data-status') == 'true') {
2673                    return false;
2674                } else {
2675                    var formAction = $('#rid').val() != '' && $('#rid').val() < 10000 ? "https://www.bestreisen.de/urlaubsreisen/last-minute/hotel" : "https://www.bestreisen.de/urlaubsreisen/last-minute";
2676                    var formMethod = 'GET';
2677                    if ($('#oid').val() > 0 && $('#rid').val() > 0) {
2678                        if(formChanged) {
2679                            $('#oid').val('').attr('disabled', true)
2680                            formAction = 'https://www.bestreisen.de/urlaubsreisen/last-minute/hotel';
2681                        } else {
2682                            formAction = 'https://www.bestreisen.de/urlaubsreisen/last-minute/offer';
2683                        } 
2684                    }
2685                    if ($('#oid').val() > 0) {
2686                        formAction = 'https://www.bestreisen.de/urlaubsreisen/last-minute/offer';
2687                    }
2688                    if ($('#sid').val() != undefined && $('#sid').val() != '') {
2689                        formMethod = 'POST';
2690                        formAction = 'https://www.bestreisen.de/urlaubsreisen/last-minute/verify';
2691                    }
2692                    $(this).attr('action', formAction).attr('method', formMethod);
2693                }
2694            });
2695
2696            $("#regionautocomplete, .regionautocomplete-plus").click(function (e) {
2697                if ($(".popover-regionautocomplete").is(':visible') && $('#formerror').attr('data-status') == 'false') {
2698                    $(".popover").hide();
2699                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2700                } else {
2701                    $(".popover").hide();
2702                    $(".popover-regionautocomplete").show();
2703                    $('#autocomplete').focus();
2704                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2705                    $('.regionautocomplete-plus').removeClass('glyphicon-plus').addClass('glyphicon-minus');
2706                    e.stopPropagation();
2707                }
2708            });
2709        });
2710
2711        Vue.component('searchform', {
2712            props: ['hidesearchform'],
2713            data: function() {
2714                return {
2715                    ddate: new Date(ttxml.ddate).format('dd.mm.yyyy'),
2716                    rdate: new Date(ttxml.rdate).format('dd.mm.yyyy'),
2717                    ddate_new_long: dayjs(new Date(ttxml.ddate).format('dd.mm.yyyy'), "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY'),
2718                    rdate_new_long: dayjs(new Date(ttxml.rdate).format('dd.mm.yyyy'), "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY'),
2719                    duration: ttxml.duration,
2720                    hotelpanel: false,
2721                    toggleSearchform: false,
2722                    showSearchform: true,
2723                    advancedsearch: false,
2724                    germanairports: [{"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"}],
2725                    austrianairports: [{"code":"GRZ","label":"Graz (AT)"},{"code":"INN","label":"Innsbruck (AT)"},{"code":"KLU","label":"Klagenfurt (AT)"},{"code":"LNZ","label":"Linz (AT)"}
2725,{"code":"SZG","label":"Salzburg (AT)"},{"code":"VIE","label":"Wien (AT)"}],
2726                    swissairports: [{"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)"}],
2727                    europeanairports: [{"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)"}],
2728                    touroperators: [{"code":"ABK","label":"a&b kurzfristreisen","active":"true","multiroom":"true"},{"code":"ATID","label":"airtours","active":"true","multiroom":"true"},{"code":"ALD","label":"Aldiana","active":"true","multiroom":"true"},{"code":"ALDX","label":"Aldiana-X","active":"true"},{"code":"ALL","label":"alltours","active":"true","multiroom":"true"},{"code":"XALL","label":"alltours-X","active":"true","multiroom":"true"},{"code":"ANEX","label":"ANEX Tour","active":"true","multiroom":"true"},{"code":"XANE","label":"ANEX Tour dynamisch","active":"true","multiroom":"true"},{"code":"BAV","label":"Bavaria Fernreisen","active":"true","multiroom":"true"},{"code":"BCH","label":"Bentour Reisen","active":"true","multiroom":"true"},{"code":"BM","label":"Berge & Meer","active":"true","multiroom":"true"},{"code":"BU","label":"BUCHER Reisen","active":"true","multiroom":"true"},{"code":"BYE","label":"byebye","active":"true","multiroom":"true"},{"code":"COR","label":"Coral Travel","active":"true","multiroom":"true"},{"code":"CPH","label":"Capital Holidays","active":"true","multiroom":"true"},{"code":"DER","label":"DERTOUR","active":"true","multiroom":"true"},{"code":"XDER","label":"DERTOUR XDER","active":"true","multiroom":"true"},{"code":"ECC","label":"Ecco Reisen","active":"true","multiroom":"true"},{"code":"XECC","label":"ECCO Reisen XECC","active":"true","multiroom":"true"},{"code":"EYH","label":"Etihad Holidays","active":"false","multiroom":"true"},{"code":"EWH","label":"Eurowings Holidays","active":"false","multiroom":"true"},{"code":"ETI","label":"ETI","active":"true","multiroom":"true"},{"code":"XETI","label":"ETI MIXX","active":"true","multiroom":"true"},{"code":"FER","label":"FERIEN Touristik","active":"true","multiroom":"true"},{"code":"FUV","label":"Fit und Vital Reisen","active":"false","multiroom":"true"},{"code":"FIT","label":"Fit Reisen","active":"true","multiroom":"true"},{"code":"XFIT","label":"Fit Reisen XFIT","active":"true","multiroom":"true"},{"code":"FLT","label":"Flamingo Tours","active":"true","multiroom":"true"},{"code":"FOR","label":"For You Travel","active":"true"},{"code":"XBU","label":"GoBUCHER!","active":"true","multiroom":"true"},{"code":"GRUB","label":"GRUBER\/Aaretal Reisen","active":"true","multiroom":"true"},{"code":"RIVA","label":"I.D. Riva Tours","active":"true","multiroom":"true"},{"code":"IDEA","label":"Idealtours","active":"false","multiroom":"true"},{"code":"ITS","label":"ITS","active":"true","multiroom":"true"},{"code":"ITSX","label":"ITS Indi","active":"true","multiroom":"true"},{"code":"JAHN","label":"JAHN REISEN","active":"true","multiroom":"true"},{"code":"XJAH","label":"JAHN REISEN Indi","active":"true","multiroom":"true"},{"code":"LMXF","label":"LMX Flex","active":"true","multiroom":"true"},{"code":"LMXI","label":"LMX International","active":"true","multiroom":"true"},{"code":"LMIF","label":"LMX International Flex","active":"true","multiroom":"true"},{"code":"LMXO","label":"LMX Smart Option","active":"true","multiroom":"true"},{"code":"LMXS","label":"LMX Smart","active":"true","multiroom":"true"},{"code":"XLMX","label":"LMX Touristik","active":"true","multiroom":"true"},{"code":"MWR","label":"MEIERS WELTREISEN","active":"true","multiroom":"true"},{"code":"XMWR","label":"MEIERS WELTREISEN XMWR","active":"true","multiroom":"true"},{"code":"MYB","label":"MyBs Travelers","active":"false","multiroom":"true"},{"code":"NEC","label":"Neckermann Reisen","active":"true","multiroom":"true"},{"code":"XNEC","label":"Neckermann Reisen dynamisch","active":"true","multiroom":"true"},{"code":"OGE","label":"\u00d6GER TOURS","active":"true","multiroom":"true"},{"code":"XOGE","label":"\u00d6GER TOURS dynamisch","active":"true","multiroom":"true"},{"code":"OLI","label":"OLIMAR","active":"true","multiroom":"true"},{"code":"PHX","label":"Phoenix Reisen","active":"true","multiroom":"true"},{"code":"RHOM","label":"Rhomberg Reisen","active":"true","multiroom":"true"},{"code":"SLRD","label":"Schauinsland Dynamisch","active":"true","multiroom":"true"},{"code":"SLR","label":"Schauinsland-Reisen","active":"true","multiroom":"true"},{"code":"SIT","label":"SPICA TRAVEL","active":"true","multiroom":"true"},{"code":"TJAX","label":"TRAVELIX","active":"true","multiroom":"true"},{"code":"TUID","label":"TUI Deutschland","active":"true","multiroom":"true"},{"code":"XTUI","label":"TUI XTUI","active":"true","multiroom":"true"},{"code":"VTO","label":"vtours","active":"true","multiroom":"true"},{"code":"VTOI","label":"vtours international","active":"true","multiroom":"true"},{"code":"WFT","label":"WE-Flytour","active":"false","multiroom":"true"},{"code":"WIN","label":"WINDROSE Finest Travel","active":"false","multiroom":"true"},{"code":"XPUR","label":"XPUR","active":"true","multiroom":"true"}],
2729                    facilities: [{"code":"adults_only","label":"Erwachsenenhotel"},{"code":"attractive_for_singles_w_child","label":"Single mit Kind"},{"code":"attractive_for_couples","label":"Urlaub zu zweit"},{"code":"specials_for_newly_married","label":"Hochzeitsreisen"},{"code":"attractive_for_singles","label":"Singles"},{"code":"LGBTQ","label":"LGBTQIA+"},{"code":"family_friendly_2","label":"Kinderfreundlich"},{"code":"maxi_club_7to12_years","label":"Maxiclub"},{"code":"pool_for_children","label":"Kinderbecken"},{"code":"playroom_for_children","label":"Spielzimmer"},{"code":"baby_equipment","label":"Babyausstattung"},{"code":"playground_for_children","label":"Kinderspielplatz"},{"code":"kids_disco","label":"Kinderdisco"},{"code":"mini_club_3to6_years","label":"Miniclub"},{"code":"baby_cot","label":"Babybett"},{"code":"german_entertainment_for_kids","label":"Deutschspr. Kinderbetreuung"},{"code":"sporting_activities_for_children","label":"Sportangebot f\u00fcr Kinder"},{"code":"buffet_for_children","label":"Kinderbuffet"},{"code":"babysitting","label":"Babysitting"},{"code":"gently_sloping_sandy_beach","label":"Flach abfallender Sandstrand"},{"code":"swim_up_pool","label":"Swim-up Pool"}
2729,{"code":"own_water_slide","label":"Wasserrutsche"},{"code":"club_with_entertainment","label":"Club"},{"code":"elegant_deluxe","label":"Premium \/ Deluxe"},{"code":"city_breaks","label":"St\u00e4dtereisen"},{"code":"free_wlan","label":"Kostenloses WLAN"},{"code":"own_outdoor_pool","label":"Pool"},{"code":"own_indoor_pool","label":"Hallenbad"},{"code":"non_smoking_hotel","label":"Nichtraucherhotel"},{"code":"free_parking","label":"Kostenlose Parkpl\u00e4tze"},{"code":"handicapped_accessible","label":"Barrierefrei"},{"code":"medical_service","label":"Arztservice"},{"code":"heated_pool","label":"Beheizbarer Pool"},{"code":"restaurant","label":"Restaurant"},{"code":"special_atmosphere_design","label":"Charme \/ Ambiente"},{"code":"pets_allowed","label":"Haustiere erlaubt"},{"code":"buggy_rent","label":"Buggyverleih"},{"code":"vegetarian","label":"Vegetarisch"},{"code":"a_la_carte","label":"\u00e0 la carte"},{"code":"vegan","label":"Vegan"},{"code":"glutenfree","label":"Glutenfrei"},{"code":"direct_beach_access","label":"Direkte Strandlage"},{"code":"central_location","label":"Zentrale Lage"},{"code":"hotel_near_beach","label":"Strandnah"},{"code":"quiet_location","label":"Ruhige Lage"},{"code":"sandy_beach","label":"Sandstrand"},{"code":"direct_proximity_ski_lift","label":"Direkt am Skilift"},{"code":"massages_and_body_treatments","label":"Massagen"},{"code":"relaxation_for_body_and_soul","label":"Entspannungsangebote"},{"code":"cosmetic_treatments","label":"Kosmetische Behandlungen"},{"code":"ayurveda","label":"Ayurveda"},{"code":"own_sauna_bathing_facilities","label":"Sauna"},{"code":"certified_sustainable","label":"zertifiziert nachhaltig"}],
2730                    roomtypes: [{"code":"SINGLEBEDROOM","label":"Einzelzimmer"},{"code":"DOUBLEBEDROOM","label":"Doppelzimmer"},{"code":"TRIPLEBEDROOM","label":"Dreibettzimmer"},{"code":"FAMILYROOM","label":"Familienzimmer"},{"code":"MULTISHAREROOM","label":"Mehrbettzimmer"},{"code":"DELUXEBEDROOM","label":"Deluxezimmer"},{"code":"SUPERIOR","label":"Superior"},{"code":"STUDIO","label":"Studio"},{"code":"APPARTEMENT","label":"Appartement"},{"code":"DUPLEXBEDROOM","label":"Duplex-Zimmer"},{"code":"BUNGALOW","label":"Bungalow"},{"code":"SUITE","label":"Suite"},{"code":"VILLA","label":"Villa"},{"code":"HOLIDAYFLAT","label":"Ferienwohnung"},{"code":"HOLIDAYHOUSE","label":"Ferienhaus"}],
2731                    selectedairports: ttxml.airports ? _.split(ttxml.airports, ',') : [],
2732                    selectedtouroperators: ttxml.touroperators ? _.split(ttxml.touroperators, ',') : [],
2733                    selectedfacilities: ttxml.facilities ? _.split(ttxml.facilities, ',') : [],
2734                    selectedroomtypes: ttxml.roomtypes ? _.split(ttxml.roomtypes, ',') : [],
2735                    oceanview: ttxml.oceanview ? true : false,
2736
2737                    searchstr: '',
2738                    autocomplete_search: false,
2739                    autocomplete_list: false,
2740                    searchregions: [],
2741
2742                    shouldResetMarkedParams: false,
2743                    ac:null
2744                }
2745            },
2746            created() {
2747                this.searchRegions = _.debounce(this.search, 400)
2748            },
2749            mounted: function() {
2750                let self = this;
2751                
2752                let dp_depdate = new AirDatepicker('#hindate', {
2753                    locale: window.airdatepickerLocale, 
2754                    startDate: dayjs(self.ddate, "DD.MM.YYYY").format('YYYY-MM-DD'),
2755                    selectedDates: [dayjs(self.ddate, "DD.MM.YYYY").format('YYYY-MM-DD')],
2756                    minDate: dayjs().add(2, 'day').format('YYYY-MM-DD'),
2757                    onSelect({date, formattedDate, datepicker}) {
2758                        self.ddate = formattedDate;
2759                        dp_arrdate.update({
2760                            startDate: dayjs(self.ddate, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'),
2761                            minDate: dayjs(self.ddate, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2762                        });  
2763                        dp_arrdate.selectDate(dayjs(self.ddate, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'));  
2764                        self.ddate_new_long = dayjs(self.ddate, "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY');
2765                    },
2766                    inline: true,
2767                    autoClose: true,
2768                    });
2769
2770                let dp_arrdate = new AirDatepicker('#rueckdate', {
2771                    locale: window.airdatepickerLocale,
2772                    startDate: dayjs(self.rdate, "DD.MM.YYYY").format('YYYY-MM-DD'),
2773                    selectedDates: [dayjs(self.rdate, "DD.MM.YYYY").format('YYYY-MM-DD')],
2774                    minDate: dayjs(self.ddate, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2775                    onSelect({date, formattedDate, datepicker}) {
2776                        self.rdate = formattedDate;
2777                        self.rdate_new_long = dayjs(self.rdate, "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY');
2778                    },
2779                    inline: true,
2780                    autoClose: true
2781                    });
2782
2783                try {
2784                    if (localStorage.getItem('ttxml_package_advancedsearch')) {
2785                        this.advancedsearch = true;
2786                        localStorage.removeItem('ttxml_package_advancedsearch');
2787                    }
2788                } catch (error) {}
2789
2790                                            },
2791            computed: {
2792                durationComp: function() {
2793                    if(isNaN(this.duration)) {
2794                        const temp = this.duration.split('-');
2795                        return temp[0];
2796                    }
2797                    return this.duration;
2798                },
2799                diff: function() {
2800                    const date1 = dayjs(this.rdate, "DD.MM.YYYY");
2801                    const date2 = dayjs(this.ddate, "DD.MM.YYYY");
2802                    return date1.diff(date2, 'day');
2803                },
2804                durationerror: function() {
2805                    if (this.durationComp > this.diff) {
2806                        return true;
2807                    }
2808                    return false;
2809                },
2810                chunkedGermanAirports: function() {
2811                    var items = this.germanairports;
2812                    var size = items.length / 3;
2813
2814                    return _.chunk(items, _.ceil(size));
2815                },
2816                chunkedAustrianAirports: function() {
2817                    var items = this.austrianairports;
2818                    var size = items.length / 3;
2819
2820                    return _.chunk(items, _.ceil(size));
2821                },
2822                chunkedSwissAirports: function() {
2823                    var items = this.swissairports;
2824                    var size = items.length / 3;
2825
2826                    return _.chunk(items, _.ceil(size));
2827                },
2828                chunkedEuropeanAirports: function() {
2829                    var items = this.europeanairports;
2830                    var size = items.length / 3;
2831
2832                    return _.chunk(items, _.ceil(size));
2833                },
2834                compSelectedAirports: function() {
2835                    return _.join(this.selectedairports, ',');
2836                },
2837                chunkedTouroperators: function() {
2838                    var items = _.filter(this.touroperators, ['active', 'true']);
2839                    var size = items.length / 3;
2840
2841                    return _.chunk(items, _.ceil(size));
2842                },
2843                compSelectedTouroperators: function() {
2844                    return _.join(this.selectedtouroperators, ',');
2845                },
2846                chunkedFacilities: function() {
2847                    var items = this.facilities;
2848                    var size = items.length / 3;
2849
2850                    return _.chunk(items, _.ceil(size));
2851                },
2852                compSelectedFacilities: function() {
2853                    return _.join(this.selectedfacilities, ',');
2854                },
2855                chunkedRoomtypes: function() {
2856                    var items = this.roomtypes;
2857                    var size = items.length / 3;
2858
2859                    return _.chunk(items, _.ceil(size));
2860                },
2861                compSelectedRoomtypes: function() {
2862                    return _.join(this.selectedroomtypes, ',');
2863                },
2864                compOceanview: function() {
2865                    if (this.oceanview) {
2866                        return 1;
2867                    }
2868                },
2869            },
2870            watch: {
2871                selectedairports: function() {
2872                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2873                    $('.offerupdate').show();
2874                },
2875                selectedtouroperators: function() {
2876                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2877                    $('.offerupdate').show();
2878                },
2879                selectedfacilities: function() {
2880                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2881                    $('.offerupdate').show();
2882                    formChanged = true;
2883                },
2884                selectedroomtypes: function() {
2885                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2886                    $('.offerupdate').show();
2887                }
2888            },
2889            methods: {
2890                setRegion: function (region) {
2891                    if (region.data && region.data.category == 'Ort') {
2892                        $('#rid').val(region.data.rid);
2893                        $('#cid').val(region.id);
2894                        $('#country').val('').prop( "disabled", true );
2895                    } else if (region.data && region.data.category == 'Land') {
2896                        $('#country').val(region.data.countryCode);
2897                        $('#rid').val('').prop( "disabled", true );
2898                        $('#cid').val('').prop( "disabled", true );
2899                    } else if (region.data && region.data.category == 'Object') {
2900                        $('#oid').val(region.oid);
2901                        $('#country').val('').prop( "disabled", true );
2902                        $('#rid').val('').prop( "disabled", true );
2903                        $('#cid').val('').prop( "disabled", true );
2904                    } else {
2905                        $('#rid').val(region.id);
2906                        $('#cid').val('').prop( "disabled", true );
2907                        $('#country').val('').prop( "disabled", true );
2908                    }
2909                    $('#regionautocomplete').html(region.value);
2910                    $('.offerupdate').show();
2911                    $(".popover").hide();
2912                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2913                    this.autocomplete_list = false;
2914                    this.searchstr = '';
2915                    this.searchregions = false;
2916                    formChanged = true;
2917                },
2918                getSelectedItemLabel: function (array, str) {
2919                    var item = _.find(array, {'code': str});
2920                    if (item)
2921                        return item.label;
2922                },
2923                search: async function() {          
2924                    if (this.searchstr.length <= 1) {
2925                        this.autocomplete_list = false;
2926                        this.autocomplete_list = [];
2927                        if (this.ac) this.ac.abort();
2928                        return;
2929                    }
2930
2931                    if (this.ac) this.ac.abort();
2932                    this.ac = new AbortController();
2933
2934                    $('#oid, #country, #rid, #cid').val('').prop('disabled', false);
2935
2936                    try {
2937                        const res = await fetch(
2938                            'https://www.bestreisen.de/ttxmlwsservice/search?ressource=package&q=' + encodeURIComponent(this.searchstr),
2939                            {
2940                                signal: this.ac.signal,
2941                                headers: { 'Accept': 'application/json' },
2942                                cache: 'no-store'
2943                            }
2944                        );
2945
2946                        if (!res.ok) {
2947                            this.autocomplete_list = false;
2948                            this.searchregions = [];
2949                            return;
2950                        }
2951
2952                        let data = [];
2953                        try {
2954                            data = await res.json();
2955                        } catch (e) {
2956                            return;
2957                        }
2958
2959                        if (this.ac.signal.aborted) return;
2960
2961                        this.searchregions = data;
2962                        this.autocomplete_list = true;
2963                        formChanged = true;
2964
2965                    } catch (err) {
2966                        if (err.name === 'AbortError') return;
2967                        if (/NetworkError|Failed to fetch/i.test(err.message || '')) return;
2968                    }
2969                },
2970
2971                markString: function(str, query) {
2972                    const n = str.toUpperCase();
2973                    const q = query.toUpperCase();
2974                    const x = n.indexOf(q);
2975                    if (!q || x === -1) {
2976                        return str; // bail early
2977                    }
2978                    const l = q.length;
2979                    return str.substr(0, x) + '<span class="tw-text-blue-600">' + str.substr(x, l) + '</span>' + str.substr(x + l);
2980                },
2981                resetMarkedParams: function() {
2982                    $('#outflighttime').val('');
2983                    $('#inflighttime').val('');
2984                    $('#transfer').val('');
2985                    $('#directflight').val('');
2986                    $('#railandfly').val('');
2987                    $('#priceperperson').val('');
2988                    $('#mealtype').val('');
2989                    $('#sports').val('');
2990                    $('#recommend').val('');
2991                    $('#rating').val('');
2992                    $('#roomtypes').val('');
2993                    this.selectedroomtypes = [];
2994                    this.selectedfacilities = [];
2995                    this.selectedtouroperators = [];
2996                    this.oceanview = false;
2997                    $('label > svg').addClass('hidden');
2998                    this.shouldResetMarkedParams = false;
2999                },
3000            }
3001        })
3002    </script>
vendor: 1 bytes, line 3002
3002
3003<script>
3004    
3005    $(function() {
3006        try {
3007            if (sessionStorage.getItem('mailingId') != null) {
3008                $('.mailingbutton').attr('href', 'https://www.bestreisen.de/mailing?h=' + sessionStorage.getItem('mailingId'))
3009                $('.mailingbutton').removeClass('tw-hidden').addClass('tw-flex');
3010            }
3011        } catch (error) {}
3012
3013        $('[data-toggle="tooltip"]').tooltip();
3014
3015        $('.eurokurse').click(function() {
3016            var betrag = $('#eurbetrag').val();
3017            if (betrag != '') {
3018                axios.post('https://www.bestreisen.de/api/eurokurs', {'currency': 'CHF', 'betrag': betrag}).then(function (response) {
3019                    $('#chfbetrag').val(response.data + ' CHF');
3020                });
3021            }
3022        })
3023
3024            });
3025
3026        Vue.config.devtools = false;
3027    Vue.config.silent = true;
3028    
3029    
3030    Vue.component('alert', {
3031        props: {
3032            type: {
3033                type: String,
3034                default: '',
3035                required: true
3036            },
3037            dismissable: {
3038                type: String,
3039                default: '',
3040                required: false
3041            },
3042            autoclose: {
3043                type: String,
3044                default: '',
3045                required: false
3046            },
3047            placement: {
3048                type: String,
3049                default: '',
3050                required: false
3051            }
3052        },
3053        data: function() {
3054            return {
3055                visible: true
3056            };
3057        },
3058        computed: {
3059            compDuration: function () {
3060                if (this.autoclose == '') {
3061                    return 8000;
3062                }
3063                return Number(this.autoclose);
3064            },
3065            compDismissable: function () {
3066                if (this.dismissable == '') {
3067                    return true;
3068                }
3069                return false
3070            }
3071        },
3072        mounted: function () {
3073            this.$nextTick(function () {
3074                if (this._timeout) clearTimeout(this._timeout)
3075                if (this.compDuration > 0) {
3076                    var that = this;
3077                    this._timeout = setTimeout(function() {
3078                        that.visible = false;
3079                    }, this.compDuration)
3080                }
3081            })
3082        },
3083        template: '#alert-template'
3084    })
3085
3086    
3087    Vue.component('datepicker', {
3088        props: ['name', 'defaultDate', 'minDate', 'depPicker', 'depPickerAddDays'],
3089        mounted: function () {
3090            let vm = this;
3091            this.picker = new Pikaday({
3092                field: this.$refs.node,
3093                format: 'DD.MM.YYYY',
3094                minDate: moment(this.minDate).toDate(),
3095                defaultDate: moment(this.defaultDate).toDate(),
3096                setDefaultDate: moment(this.defaultDate).toDate(),
3097                yearRange: [2000,2020],
3098                numberOfMonths: 1,
3099                firstDay: 1,
3100                onSelect: function () {
3101                    if (vm.depPicker) {
3102                        vm.$parent.$refs[vm.depPicker].picker.setMinDate(this.getMoment().add(1, 'days').toDate());
3103                        vm.$parent.$refs[vm.depPicker].picker.setDate(this.getMoment().add(vm.depPickerAddDays, 'days').toDate(), true);
3104                    }
3105                },
3106                i18n: {
3107                    previousMonth : 'Vorheriger Monat',
3108                    nextMonth     : 'N&auml;chster Monat',
3109                    months        : ['Januar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
3110                    weekdays      : ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
3111                    weekdaysShort : ['So','Mo','Di','Mi','Do','Fr','Sa']
3112                }
3113            })
3114        },
3115        template: '<div class="input-group"><input type="text" :name="name" :id="name" ref="node" class="form-control"/><label :for="name" class="input-group-addon btn"><span class="fa fa-calendar"></span></label></div>'
3116    });
3117
3118    var vueapp = new Vue({
3119        el: '#vueapp',
3120        data: {
3121            navCollapsed: true,
3122            followup: false,
3123            showCookieConsent: false,
3124            cookies: [],
3125            cookieConsent: {}
3126        },
3127        mounted: function () {
3128                            this.$nextTick(function () {
3129                if (top != window){
3130                } else {
3131                                            this.showCookieConsent = true;
3132                                    }
3133            });
3134                    },
3135        methods: {
3136            saveCookieConsent: function(selection) {
3137                if (selection === 'all') {this.cookies = ['p', 's', 'm']}
3138
3139                this.cookies.indexOf('p') !== -1 ? this.cookieConsent.p = true : this.cookieConsent.p = false;
3140                this.cookies.indexOf('s') !== -1 ? this.cookieConsent.s = true : this.cookieConsent.s = false;
3141                this.cookies.indexOf('m') !== -1 ? this.cookieConsent.m = true : this.cookieConsent.m = false;
3142
3143                axios.post('/api/_cookieconsent', JSON.stringify(this.cookieConsent)).then(function(response) {
3144                    this.showCookieConsent = false;
3145                    if (this.cookies.indexOf('s') !== -1)
3146                        location.reload();
3147                }.bind(this));
3148            }
3149        }
3150    });
3151</script>
3151
3152
3153
3154<!-- ||monitor|| -->
3155</body>
3156</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.