PageSourceSearch

https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen

html reisebuero-devera.de collected 2026-10-07 03:34:33 UTC 253,550 bytes, 3,161 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.reisebuero-devera.de/urlaubsreisen/pauschalreisen" /> 
13        <meta property="og:title" content="Reisebüro Devera, Reisebüro in Blankenfelde"/>
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>Reisebüro Devera, Reisebüro in Blankenfelde</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?1791344073" rel="stylesheet">
32    
33    <link href="/assets/css/bfsg.css?1791344073" 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, "1510"]);
50        _paq.push(['setCustomDimension', 2, "www.reisebuero-devera.de"]);
51        _paq.push(['setCustomDimension', 3, "1510"]);
52        _paq.push(['setCustomDimension', 4, "www.reisebuero-devera.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        
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-11-07';ttxml.rdate='2027-01-16';ttxml.duration=7;ttxml.adults=2;ttxml.childs=0;ttxml.advancedsearch=null;</script>
86
87
88        <link href="https://www.reisebuero-devera.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        .navigation-wrapper .topnav__link {
550        color: #151515 !important;
551    }
552    
553            @media (min-width: 768px)  { .tw-container, .container { max-width: 768px; } }
554        @media (min-width: 960px)  { .tw-container, .container { max-width: 960px; } }
555        @media (min-width: 1200px) { .tw-container, .container { max-width: 1200px; } }
556
557        html, body {
558            font-size: 16px;
559        }
560
561        .widget__teaser {
562            font-size: 14px;
563        }
564    </style>
565
566<div id="vueapp"  v-cloak>
567            <div class="header-wrapper tw-shadow-0">
568        
569        <div class="tw-container tw-mx-auto tw-pt-6 tw-pb-4">
570                            <div class="tw-flex tw-flex-col md:tw-flex-row md:tw-space-x-4 ">
571                                            <div class="tw-w-full  md:tw-w-[550
571px] lg:tw-w-[715px] ">
572                            <div class="logo tw-px-8 tw-py-3 md:tw-p-0">
573                                <a href="https://www.reisebuero-devera.de"><img src="pics/logo.jpg?1791344073" class="img-responsive" alt="Firmenlogo Reisebüro Devera"/></a>
574                            </div>
575                        </div>
576                                                <div class="text-right tw-hidden md:tw-block md:tw-grow tw-whitespace-nowrap tw-relative header-contact">
577                            <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);">
578                                <div class="tw-font-semibold tw-mb-2"><strong>Persönlich für Sie da!</strong></div>
579                                
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="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> 03379-370931
582                                </div>
583                                                                                                                                                                                                <div class="tw-flex tw-items-center tw-justify-end tw-gap-1">
584                                    <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.reisebuero-devera.de/kontakt">Kontaktieren Sie uns!</a>
585                                </div>
586                                                            </div>
587                            
588                                                    </div>
589                                                            </div>
590                            
591                    </div>
592    </div>
593
594    <div class="navigation-wrapper">
595        <div class="tw-container tw-mx-auto" style="position: relative">
596                        <div class="topnav" id="navbarCollapse" style="position: relative">
597    <div class="tw-flex tw-flex-wrap tw-justify-between tw-items-center lg:tw-hidden tw-h-full">
598                            <div class="tw-flex tw-flex-row">
599                                    <a href="https://www.reisebuero-devera.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">
600                        <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">
600<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>
601                </a>
602                                                                                                                                                                                                                
603                                    <a href="https://www.reisebuero-devera.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">
604                        <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>
605                    </a>
606                            </div>
607                <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>
608    </div>  
609    <ul class="topnav__list hidden-xs hidden-sm">
610       
611        <li class="topnav__item tw-rounded-t-lg nav-home  hidden-sm">
612            <a class="topnav__link" href="https://www.reisebuero-devera.de" aria-label="Zur Startseite">
613                <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>
614            </a>
615        </li>
616        
617        <li class="topnav__item tw-rounded-t-lg topnav__item_active hidden-sm tw-group">
618            <span class="topnav__link" role="button">Urlaubsreisen <i class="fa fa-angle-down"></i></span>
619            <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">
620                <li class="topnav-dropdown__item tw-py-2">
621                    <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaubsreisen/last-minute">Last Minute</a>
622                </li>
623                <li class="topnav-dropdown__item tw-py-2">
624                    <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
625                </li>
626                                    <li class="topnav-dropdown__item tw-py-2">
627                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
628                    </li>
629                                                    <li class="topnav-dropdown__item tw-py-2">
630                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
631                    </li>
632                                                    <li class="topnav-dropdown__item tw-py-2">
633                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis EUR 299,-</a>
634                    </li>
635                                                <li class="topnav-dropdown__item tw-py-2">
636                    <a class="topnav-dropdown__link tw-flex tw-flex-row tw-items-center tw-space-x-1 tw-text-base" href="https://www.reisebuero-devera.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>
637                </li>
638                
639            </ul>
640        </li>
641        
642                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
643                <span class="topnav__link" role="button"> Hotel  <i class="fa fa-angle-down"></i></span>
644                <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">
645                    <li class="topnav-dropdown__item tw-py-2">
646                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/hotel/ferienhotels">Ferienhotels</a>
647                    </li>
648                                            <li class="topnav-dropdown__item tw-py-2">
649                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/hotel/stadthotels">Stadthotels</a>
650                                                    </li>
651                                                            <li class="topnav-dropdown__item tw-py-2">
652                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
653                    </li>
654                                            <li class="topnav-dropdown__item tw-py-2">
655                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
656                        </li>
657                                                                <li class="topnav-dropdown__item tw-py-2">
658                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
659                        </li>
660                                                            <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">
661                        <a class="tw-no-underline tw-text-base tw-whitespace-nowrap tw-text-stone-900" href="https://www.reisebuero-devera.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>
662                    </li>
663                                                            
664                </ul>
665            </li>
666                
667                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
668                <span class="topnav__link" role="button"> Flug <i class="fa fa-angle-down"></i></span>
669                <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">
670                    <li class="topnav-dropdown__item tw-py-2">
671                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/fluege/linienfluege">Flüge weltweit</a>
672                    </li>
673                    <li class="topnav-dropdown__item tw-py-2">
674                        <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
675                    </li>
676                                    </ul>
677            </li>
678                
679                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
680                                                            <a class="topnav__link" href="https://www.reisebuero-devera.de/mietwagen" role="button"> Mietwagen</a>  
681                                                </li>
682                
683                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
684                                                            <a class="topnav__link" href="https://www.reisebuero-devera.de/ferienhaus" role="button">Ferienhaus</a>
685                                                </li>
686                
687                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
688                                                            <span class="topnav__link" role="button">Kreuzfahrten <i class="fa fa-angle-down"></i></span>
689                                                    <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 ">
690                                            <li class="topnav-dropdown__item tw-py-2">
691                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/kreuzfahrten">Alle Kreuzfahrten</a>
692                        </li> 
693                                                                <li class="topnav-dropdown__item tw-py-2">
694                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/kreuzfahrten/kombi">Schiff + Hotel</a>
695                        </li>
696                                                    <li class="topnav-dropdown__item tw-py-2">
697                                <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/aktionen/aida">AIDA Cruises</a>
698                            </li>
699                                                                            <li class="topnav-dropdown__item tw-py-2">
700                                <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/kreuzfahrten/tuicruises">TUI Cruises</a>
701                            </li>
702                                                                                </ul>
703            <li>
704                
705                
706                
707                
708                
709                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
710                                    <a class="topnav__link" href="https://www.reisebuero-devera.de/reiseideen" role="button">Reiseideen</a>
711                            </li>
712                
713                    <li class="topnav__item tw-rounded-t-lg  hidden-sm tw-group">
714                                <span class="topnav__link" role="button"> Extras <i class="fa fa-angle-down"></i></span>
715                <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">
716                                            <li class="topnav-dropdown__item tw-py-2">
717                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/extras/eintrittskarten">Eintrittskarten</a>
718                        </li>
719                                                                <li class="topnav-dropdown__item tw-py-2">
720                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/extras/reiseversicherung">
720Reiseversicherung</a>
721                                                    </li>
722                                                                                    <li class="topnav-dropdown__item tw-py-2">
723                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/extras/flughafenlounges">Flughafen Lounges</a>
724                                                    </li>
725                                                                <li class="topnav-dropdown__item tw-py-2">
726                                                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/extras/parken-am-flughafen">Parken am Flughafen</a>
727                                                    </li>
728                                                                                    <li class="topnav-dropdown__item tw-py-2">
729                            <a class="topnav-dropdown__link tw-text-base" href="https://www.reisebuero-devera.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
730                        </li>
731                                    </ul>
732                            </li>
733            </ul>
734</div>
735
736<div class="topnav-xs padding-b-50" v-show="!navCollapsed">
737    <ul style="margin-bottom: 0; padding-left: 10px; padding-top: 15px; list-style: none;">
738        <li class="topnav__item--mobile padding-l-10">
739            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de"><strong>Home</strong></a>
740        </li>
741        <ul style="list-style-type: circle; padding-left: 50px">
742                            <li class="topnav__item--mobile">
743                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de?show=aktuelles">Aktuelles</a>
744                </li>
745                                    <li class="topnav__item--mobile">
746                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de?show=schnellsuche">Schnellsuche</a>
747            </li>
748                            <li class="topnav__item--mobile">
749                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de?show=willkommen">Willkommen</a>
750                </li>
751                                        <li class="topnav__item--mobile">
752                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de?show=team">Unser Team</a>
753                </li>
754                                                    <li class="topnav__item--mobile">
755                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/rueckruf">Rückrufservice</a>
756                </li>
757                                             </ul>
758        <li class="topnav__item--mobile padding-l-10 padding-t-10">
759            <span class="topnav__link--mobile"><strong>Urlaubsreisen</strong></span>
760        </li>
761        <ul style="list-style-type: circle; padding-left: 50px">
762            <li class="topnav__item--mobile">
763                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaubsreisen/last-minute">Last Minute</a>
764            </li>
765            <li class="topnav__item--mobile">
766                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
767            </li>
768                        <li class="topnav__item--mobile">
769                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaubsreisen/cluburlaub">Cluburlaub</a>
770            </li>
771                                    <li class="topnav__item--mobile">
772                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaubsreisen/familienurlaub">Familienurlaub</a>
773            </li>
774                                    <li class="topnav__item--mobile">
775                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaubsreisen/reisen-bis-eur-299">Reisen bis € 299,-</a>
776            </li>
777                                    <li class="topnav__item--mobile">
778                <a class="topnav__link--mobile tw-flex tw-flex-row tw-items-center tw-space-x-1" href="https://www.reisebuero-devera.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>
779            </li>
780        </ul>
781
782
783                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
784                <span class="topnav__link--mobile"><strong>Hotel</strong></span>
785            </li>
786            <ul style="list-style-type: circle; padding-left: 50px">
787                                                            <li class="topnav__item--mobile">
788                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/hotel/ferienhotels">Ferienhotels</a>
789                        </li>
790                                                                <li class="topnav__item--mobile">
791                                                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/hotel/stadthotels">Stadthotels</a>
792                                                    </li>
793                                        <li class="topnav__item--mobile">
794                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/hotel/wellness-und-kurzreisen">Wellness &amp; Kurzreisen</a>
795                    </li>
796                                            <li class="topnav__item--mobile">
797                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaub-in-deutschland">Urlaub in Deutschland</a>
798                        </li>
799                                                                <li class="topnav__item--mobile">
800                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/urlaub-in-oesterreich">Urlaub in Österreich</a>
801                        </li>
802                                                            <li class="topnav__item--mobile">
803                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.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>
804                    </li>
805                                                                                        </ul>
806        
807                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
808                <span class="topnav__link--mobile"><strong>Flug</strong></span>
809            </li>
810            <ul style="list-style-type: circle; padding-left: 50px">
811                <li class="topnav__item--mobile">
812                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/fluege/linienfluege">Flüge weltweit</a>
813                </li>
814                <li class="topnav__item--mobile">
815                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/fluege/charterfluege">Veranstalter-/Charterflüge</a>
816                </li>
817                            </ul>
818        
819                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
820                                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/mietwagen"><strong>Mietwagen</strong></a>
821                            </li>
822            <ul style="list-style-type: circle; padding-left: 50px">
823                            </ul>
824        
825        <li class="topnav__item--mobile padding-l-10 padding-t-10">
826                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/ferienhaus"><strong>Ferienhaus</strong></a>
827                    </li>
828        <ul style="list-style-type: circle; padding-left: 50px">
829                    </ul>
830
831
832                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
833                                                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/kreuzfahrten"><strong>Kreuzfahrten</strong></a>
834                                                </li>
835            <ul style="list-style-type: circle; padding-left: 50px">
836                                                         <li class="topnav__item--mobile">
837                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/kreuzfahrten/kombi">Schiff + Hotel</a>
838                    </li>
839                                                                <li class="topnav__item--mobile">
840                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/aktionen/aida">AIDA Cruises</a>
841                        </li>
842                                                                <li class="topnav__item--mobile">
843                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/kreuzfahrten/tuicruises">TUI Cruises</a>
844                        </li>
845                                    
846                            </ul>
847        
848        
849        
850        
851        
852        
853                    <li class="topnav__item--mobile padding-l-10 padding-t-10">
854                <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/reiseideen"><strong>Reiseideen</strong></a>
855            </li>
856            <ul style="list-style-type: circle; padding-left: 50px">
857                            </ul>
858        
859                            <li class="topnav__item--mobile padding-l-10 padding-t-10">
860                <span class="topnav__link--mobile"><strong>Extras</strong></span>
861            </li>
862            <ul style="list-style-type: circle; padding-left: 50px">
863                                    <li class="topnav__item--mobile">
864                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/extras/eintrittskarten">Eintrittskarten</a>
865                    </li>
866                                                    <li class="topnav__item--mobile">
867
868                                            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/extras/reiseversicherung">Reiseversicherung</a>
869                                        </li>
870                                                    <li class="topnav__item--mobile">
871                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/extras/flughafentransfer">Flughafentransfer</a>
872                    </li>
873                                                    <li class="topnav__item--mobile">
874                                                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/extras/flughafenlounges">Flughafen Lounges</a>
875                                            </li>
876                                                    <li class="topnav__item--mobile">
877                                                    <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/extras/parken-am-flughafen">Parken am Flughafen</a>
878                                            </li>
879                                                                    <li class="topnav__item--mobile">
880                        <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/explore"><span class="tw-font-semibold">EXPLORE</span> | Reisebüro-Magazin</a>
881                    </li>
882                            </ul>
883                    
884        <li class="topnav__item--mobile padding-l-10 padding-t-10">
885            <a class="topnav__link--mobile" href="https://www.reisebuero-devera.de/kontakt"><strong>Kontakt</strong></a>
886        </li>
887
888        <li class="topnav__item--mobile padding-l-10 padding-t-10">
889            <a href="" class="btn btn-danger btn-sm mailingbutton" style="display:none"><i class="fa fa-folder-open fa-fw"></i> Meine Reiseangebote</a>
890        </li>
891    </ul>
892</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>
893        </div>
894    </div>
895
896    
897    <div class="page__contentwrapper ">
898        
899                    <div class="tw-sticky tw-top-0 tw-z-50 iconsbar">
900    <div class="tw-absolute tw-left-0 tw-mt-1 tw-flex-col tw-hidden lg:tw-flex">
901                    <a href="https://www.reisebuero-devera.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">
902                <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>
903            </a>
904                                                                                                                                                    <a href="https://www.reisebuero-devera.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">
905                <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]">
905<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>
906            </a>
907            </div>
908</div>        
909            <ttxmlpackage inline-template>
910        <div class="vuecomponent">
911            <div class="page__contentwrapper--background">
912                <div class="tw-container tw-mx-auto tw-px-0">
913                    <form id="ttxmlform" action="" method="GET">
914                        <div class="page__content tw-rounded-xl">
915                            <div class="row">
916                                <div class="col-xs-30">
917                                    <h1 class="page__headline">
918                                                                                                                                                                                                                                                                        Pauschalreisen
919                                                                                                                                                                    </h1>
920                                </div>
921                                <div class="col-xs-6 text-right">
922                                    <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>
923                                </div>
924                            </div>
925                            <ul class="list-group" v-show="shownotepad" style="margin-bottom: 10px;">
926                                <li class="list-group-item padding-10" v-for="hotel in rememberedHotels">
927                                    <div class="row">
928                                        <div class="col-md-4 col-xs-10">
929                                            <img v-bind:src="hotel.thumbnail" class="img-responsive">
930                                        </div>
931                                        <div class="col-md-25 col-xs-26 padding-b-10">
932                                            <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>
933                                            <br/>{{ hotel.country }}, {{ hotel.region }}, {{ hotel.city }}
934                                        </div>
935                                        <div class="col-md-7 col-xs-36 text-right">
936                                            <a v-bind:href="'https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/offer?rid=' + hotel.rid + '&oid=' + hotel.oid" class="btn btn-default btn-xs">Angebote suchen</a>
937                                            <a href class="btn btn-danger btn-xs" v-on:click="deleteRememberedH
937otel(hotel.oid)"><i class="fa fa-trash fa-lg" title="Hotel löschen"></i></a>
938                                        </div>
939                                    </div>
940                                </li>
941                            </ul>
942
943                            <searchform inline-template>
944    <div class="vuecomponent">
945        
946
947        <div v-show="toggleSearchform" class="tw-container tw-auto tw-mb-2">
948            <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">
949            <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>
950            <div v-if="! showSearchform">Suchparameter einblenden</div><div v-if="showSearchform">Suchparameter ausblenden</div></button>
951        </div>
952
953        <div v-show="showSearchform">
954            <div class="ttxml-searchform padding-10 tw-bg-stone-100" style="border: 1px solid #ccc;">
955                <div class="row">
956                    <div class="col-md-14 col-sm-10">
957                        <div class="form-group has-feedback">
958                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap">Reiseziel oder Hotel</span>
959                            <input type="hidden" name="country" id="country"/>
960                            <input type="hidden" name="rid" id="rid"/>
961                            <input type="hidden" name="cid" id="cid"/>
962                            <div class="form-control pointer tw-truncate" id="regionautocomplete">
963                                beliebig
964                            </div>
965                            <span class="glyphicon glyphicon-plus pointer form-control-feedback regionautocomplete-plus" style="color:#ccc" aria-hidden="true"></span>
966                        </div>
967                    </div>
968                    <div class="col-md-14 col-sm-17">
969                        <div class="form-group has-feedback">
970                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Reisezeitraum / Reisedauer</span>
971                            <div class="form-control pointer tw-overflow-hidden" id="travelperiod">
972                                <span class="ddate">{{ ddate_new_long }}</span> - <span class="rdate">{{ rdate_new_long }}</span> | <span class="duration "></span>
973                            </div>
974
975                            <span class="glyphicon glyphicon-plus pointer form-control-feedback travelperiod-plus" style="color:#ccc" aria-hidden="true"></span>
976                        </div>
977                    </div>
978                    <div class="col-md-8 col-sm-9">
979                        <div class="form-group has-feedback">
980                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Reiseteilnehmer</span>
981                            <div class="form-control pointer" id="reiseteilnehmer">
982                                <span class="adultscount"></span>&nbsp;<span class="childscount"></span>
983                            </div>
984                            <span class="glyphicon glyphicon-plus pointer form-control-feedback reiseteilnehmer-plus" style="color:#ccc" aria-hidden="true"></span>
985                        </div>
986                    </div>
987                </div>
988                <div class="row">
989                    <div class="col-md-28 col-sm-28">
990                        <div class="popover popover-left popover-regionautocomplete">
991                            <div class="popover-title">
992                                <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>
993                            </div>
994                            <div class="popover-content">
995                                <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?">
996
997                                <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">
998                                    <span v-if="searchregions.found == 0" class="tw-p-3 tw-inline-flex">Reiseziel oder Hotel nicht gefunden</span>
999                                    <ul v-if="searchregions.found > 0" class="tw-py-2 tw-m-0 tw-list-none tw-p-0">
1000                                        <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>
1001                                        <template v-for="country in searchregions.countries">
1002                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(country)">
1003                                                <span v-html="markString(country.value, searchstr)"></span>
1004                                            </li>
1005                                        </template>
1006                                        <li v-if="searchregions.destinations.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Reiseziele</li>
1007                                        <template v-for="destination in searchregions.destinations">
1008                                            <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)">
1009                                                <span v-html="markString(destination.value, searchstr)"></span>
1010                                            </li>
1011                                        </template>
1012                                        <li v-if="searchregions.regions.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Regionen</li>
1013                                        <template v-for="region in searchregions.regions">
1014                                            <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)">
1015                                                <span v-html="markString(region.value, searchstr)"></span>
1016                                            </li>
1017                                        </template>
1018                                        <li v-if="searchregions.cities.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Orte</li>
1019                                        <template v-for="city in searchregions.cities">
1020                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(city)">
1021                                                <span v-html="markString(city.value, searchstr)"></span>
1022                                            </li>
1023                                        </template>
1024                                        <li v-if="searchregions.objects.length > 0" class="tw-text-[14px] tw-px-3 tw-py-2 tw-font-semibold tw-underline">Hotels</li>
1025                                        <template v-for="object in searchregions.objects">
1026                                            <li class="tw-text-[14px] tw-px-6 tw-py-1 tw-cursor-pointer hover:tw-bg-stone-200" @click="setRegion(object)">
1027                                                <span v-html="markString(object.value, searchstr)"></span> ({{ object.data.region }}, {{ object.data.country }})
1028                                            </li>
1029                                        </template>
1030                                    </ul>
1031                                </div>
1032
1033                                <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">
1034                                    <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>
1034Alle Reiseziele anzeigen</span>    
1035                                </div>  
1036                                <div class="tw-mt-4">
1037                                    <span class="tw-font-semibold tw-inline-block tw-mb-2 tw-mt-1">Oft gesucht:</span>
1038                                    <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
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: 'Antalya &amp; Belek', id: 434})">
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>Antalya &amp; Belek (Türkei)</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: 'Gran Canaria', id: 345})">
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>Gran Canaria (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: 'Kreta', id: 616})">
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"><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>
1047                                        </li>
1048                                        <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})">
1049                                            <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>
1050                                        </li>
1051                                        <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})">
1052                                            <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">
1052<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>
1053                                        </li>
1054                                    </ul>
1055
1056                                    
1057                                    <span class="tw-font-semibold tw-inline-block tw-mb-2 tw-mt-2">Spezielle Reiseangebote:</span>
1058                                    <ul class="tw-text-neutral-500 tw-m-0 tw-p-0 tw-ml-3">
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: 'Fly &amp; Drive', id: 10035})">
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>Fly &amp; Drive</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: 'Kreuzfahrten', id: 10034})">
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-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>
1064                                        </li>
1065                                        <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})">
1066                                            <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>
1067                                        </li>
1068                                        <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})">
1069                                            <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-
10697.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>
1070                                        </li>
1071                                    </ul>
1072                                                                    </div>
1073                            </div>
1074                        </div>
1075                    </div>
1076                </div>
1077
1078                <div class="row">
1079                    <div class="col-md-22 col-md-offset-14" style="min-height:0px; position: relative;">
1080                        <div class="popover popover-left popover-travelperiod">
1081                            <div class="popover-title">
1082                                <div class="float-left">Reisezeitraum auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button></div>
1083                            </div>
1084                            <div class="popover-content">
1085                                <div class="row">
1086                                    <div class="col-md-36">
1087                                        <div v-if="durationerror" class="alert alert-warning" role="alert" style="margin-bottom: 10px;">Die gewählte Reisedauer passt nicht zum Reisezeitraum.</div>
1088                                    </div>
1089                                </div>
1090                                <div class="row">
1091                                    <div class="col-md-36">
1092                                        <label for="duration" class="uppercase">Reisedauer</label>
1093                                        <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>
1094                                        <select name="duration" id="duration" v-model="duration"  class="form-control">
1095                                            <option value="0" data-label="beliebig">beliebig</option>
1096                                            <option value="exakt" data-label="exakt">exakt wie im Reisezeitraum angegeben</option>
1097                                            <option value="7" class="bold" data-label="7 Übern.">7 Übernachtungen (1 Woche)</option>
1098                                            <option value="14" class="bold" data-label="14 Übern.">14 Übernachtungen (2 Wochen)</option>
1099                                            <option value="21" class="bold" data-label="21 Übern.">21 Übernachtungen (3 Wochen)</option>
1100                                            <option value="28" class="bold" data-label="28 Übern.">28 Übernachtungen (4 Wochen)</option>
1101                                            <option value="35" class="bold" data-label="35 Übern.">35 Übernachtungen (5 Wochen)</option>
1102                                            <option value="42" class="bold" data-label="42 Übern.">42 Übernachtungen (6 Wochen)</option>
1103                                            <option value="49" class="bold" data-label="49 Übern.">49 Übernachtungen (7 Wochen)</option>
1104                                            <option value="1-4" data-label="1-4 Übern.">1-4 Übernachtungen</option>
1105                                            <option value="5-8" data-label="5-8 Übern.">5-8 Übernachtungen</option>
1106                                            <option value="9-12" data-label="9-12 Übern.">9-12 Übernachtungen</option>
1107                                            <option value="13-15" data-label="13-15 Übern.">13-15 Übernachtungen</option>
1108                                            <option value="16-22" data-label="16-22 Übern.">16-22 Übernachtungen</option>
1109                                            <option value="23-29" data-label="23-29 Übern.">23-29 Übernachtungen</option>
1110                                            <option value="30-39" data-label="30-39 Übern.">30-39 Übernachtungen</option>
1111                                            <option value="40-55" data-label="40-55 Übern.">40-55 Übernachtungen</option>
1112                                            <option value="1" data-label="1 Übern.">1 Übernachtung</option>
1113                                            <option value="2" data-label="2 Über
1113n.">2 Übernachtungen</option>
1114                                            <option value="3" data-label="3 Übern.">3 Übernachtungen</option>
1115                                            <option value="4" data-label="4 Übern.">4 Übernachtungen</option>
1116                                            <option value="5" data-label="5 Übern.">5 Übernachtungen</option>
1117                                            <option value="6" data-label="6 Übern.">6 Übernachtungen</option>
1118                                            <option value="7" data-label="7 Übern.">7 Übernachtungen</option>
1119                                            <option value="8" data-label="8 Übern.">8 Übernachtungen</option>
1120                                            <option value="9" data-label="9 Übern.">9 Übernachtungen</option>
1121                                            <option value="10" data-label="10 Übern.">10 Übernachtungen</option>
1122                                            <option value="11" data-label="11 Übern.">11 Übernachtungen</option>
1123                                            <option value="12" data-label="12 Übern.">12 Übernachtungen</option>
1124                                            <option value="13" data-label="13 Übern.">13 Übernachtungen</option>
1125                                            <option value="14" data-label="14 Übern.">14 Übernachtungen</option>
1126                                            <option value="15" data-label="15 Übern.">15 Übernachtungen</option>
1127                                            <option value="16" data-label="16 Übern.">16 Übernachtungen</option>
1128                                            <option value="17" data-label="17 Übern.">17 Übernachtungen</option>
1129                                            <option value="18" data-label="18 Übern.">18 Übernachtungen</option>
1130                                            <option value="19" data-label="19 Übern.">19 Übernachtungen</option>
1131                                            <option value="20" data-label="20 Übern.">20 Übernachtungen</option>
1132                                            <option value="21" data-label="21 Übern.">21 Übernachtungen</option>
1133                                            <option value="22" data-label="22 Übern.">22 Übernachtungen</option>
1134                                            <option value="23" data-label="23 Übern.">23 Übernachtungen</option>
1135                                            <option value="24" data-label="24 Übern.">24 Übernachtungen</option>
1136                                            <option value="25" data-label="25 Übern.">25 Übernachtungen</option>
1137                                            <option value="26" data-label="26 Übern.">26 Übernachtungen</option>
1138                                            <option value="27" data-label="27 Übern.">27 Übernachtungen</option>
1139                                            <option value="28" data-label="28 Übern.">28 Übernachtungen</option>
1140                                        </select>
1141                                        
1142                                    </div>
1143                                </div>
1144
1145                                <div class="row margin-t-10">
1146                                    <div class="col-md-18 col-sm-18">
1147                                        <label for="datumhinreise" class="uppercase">Frühestes Hinreisedatum</label>
1148                                        <input type="hidden" id="datumhinreise" name="ddate" v-model="ddate"/>
1149                                        <div class="tw-mb-6 md:tw-mb-0" id="hindate" height="320px"></div>
1150                                    </div>
1151                                    <div class="col-md-18 col-sm-18">
1152                                        <label for="datumrueckreise" class="uppercase">Spätestes Rückreisedatum</label>
1153                                        <input type="hidden" id="datumrueckreise" name="rdate" v-model="rdate"/>
1154                                        <div class="tw-mb-6 md:tw-mb-0" id="rueckdate" height="320px"></div>
1155                                    </div>
1156                                </div>
1157                            </div>
1158                        </div>
1159                    </div>
1160                </div>
1161                <div class="row">
1162                    <div class="col-md-15 col-md-offset-21 col-sm-15 col-sm-offset-21" style="min-height:0px; position:relative;">
1163                        <div class="popover popover-right popover-teilnehmer">
1164                            <div class="popover-title">
1165                                Reiseteilnehmer auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1166                            </div>
1167                            <div class="popover-content">
1168                                <div class="row">
1169                                    <div class="col-md-36">
1170                                        <div class="childAgesError alert alert-warning display-none" role="alert" style="margin-bottom: 10px;">Bitte das Alter der Kinder auswählen.</div>
1171                                    </div>
1172                                    
1173                                </div>
1174                                <div class="row">
1175                                    <div class="col-md-36">
1176                                        <label for="adults" class="uppercase">Erwachsene</label>
1177                                        <select name="adults" id="adults" class="form-control">
1178                                            <option value="1">1</option>
1179                                            <option value="2">2</option>
1180                                            <option value="3">3</option>
1181                                            <option value="4">4</option>
1182                                        </select> <label for="childs" class="uppercase">Kinder</label>
1183                                        <select name="childs" id="childs" class="form-control">
1184                                            <option value="0">0</option>
1185                                            <option value="1">1</option>
1186                                            <option value="2">2</option>
1187                                            <option value="3">3</option>
1188                                            <option value="4">4</option>
1189                                        </select>
1190                                    </div>
1191                                </div>
1192                                <div class="row childdiv display-none">
1193                                    <div class="col-md-36">
1194                                        <label for="child1" class="uppercase">Alter der Kinder bei Reiseantritt</label>
1195                                        <select name="child1" id="child1" class="form-control display-none">
1196                                            <option value="" label="-">-</option>
1197                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1198                                            <option value="2" label="2 Jahre">2 Jahre</option>
1199                                            <option value="3" label="3 Jahre">3 Jahre</option>
1200                                            <option value="4" label="4 Jahre">4 Jahre</option>
1201                                            <option value="5" label="5 Jahre">
12015 Jahre</option>
1202                                            <option value="6" label="6 Jahre">6 Jahre</option>
1203                                            <option value="7" label="7 Jahre">7 Jahre</option>
1204                                            <option value="8" label="8 Jahre">8 Jahre</option>
1205                                            <option value="9" label="9 Jahre">9 Jahre</option>
1206                                            <option value="10" label="10 Jahre">10 Jahre</option>
1207                                            <option value="11" label="11 Jahre">11 Jahre</option>
1208                                            <option value="12" label="12 Jahre">12 Jahre</option>
1209                                            <option value="13" label="13 Jahre">13 Jahre</option>
1210                                            <option value="14" label="14 Jahre">14 Jahre</option>
1211                                            <option value="15" label="15 Jahre">15 Jahre</option>
1212                                            <option value="16" label="16 Jahre">16 Jahre</option>
1213                                            <option value="17" label="17 Jahre">17 Jahre</option>
1214                                        </select> 
1215                                        <label for="child2" class="tw-sr-only">Kind 2</label>
1216                                        <select name="child2" id="child2" class="form-control display-none">
1217                                            <option value="" label="-">-</option>
1218                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1219                                            <option value="2" label="2 Jahre">2 Jahre</option>
1220                                            <option value="3" label="3 Jahre">3 Jahre</option>
1221                                            <option value="4" label="4 Jahre">4 Jahre</option>
1222                                            <option value="5" label="5 Jahre">5 Jahre</option>
1223                                            <option value="6" label="6 Jahre">6 Jahre</option>
1224                                            <option value="7" label="7 Jahre">7 Jahre</option>
1225                                            <option value="8" label="8 Jahre">8 Jahre</option>
1226                                            <option value="9" label="9 Jahre">9 Jahre</option>
1227                                            <option value="10" label="10 Jahre">10 Jahre</option>
1228                                            <option value="11" label="11 Jahre">11 Jahre</option>
1229                                            <option value="12" label="12 Jahre">12 Jahre</option>
1230                                            <option value="13" label="13 Jahre">13 Jahre</option>
1231                                            <option value="14" label="14 Jahre">14 Jahre</option>
1232                                            <option value="15" label="15 Jahre">15 Jahre</option>
1233                                            <option value="16" label="16 Jahre">16 Jahre</option>
1234                                            <option value="17" label="17 Jahre">17 Jahre</option>
1235                                        </select> 
1236                                        <label for="child3" class="tw-sr-only">Kind 3</label>
1237                                        <select name="child3" id="child3" class="form-control display-none">
1238                                            <option value="" label="-">-</option>
1239                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1240                                            <option value="2" label="2 Jahre">2 Jahre</option>
1241                                            <option value="3" label="3 Jahre">3 Jahre</option>
1242                                            <option value="4" label="4 Jahre">4 Jahre</option>
1243                                            <option value="5" label="5 Jahre">5 Jahre</option>
1244                                            <option value="6" label="6 Jahre">6 Jahre</option>
1245                                            <option value="7" label="7 Jahre">7 Jahre</option>
1246                                            <option value="8" label="8 Jahre">8 Jahre</option>
1247                                            <option value="9" label="9 Jahre">9 Jahre</option>
1248                                            <option value="10" label="10 Jahre">10 Jahre</option>
1249                                            <option value="11" label="11 Jahre">11 Jahre</option>
1250                                            <option value="12" label="12 Jahre">12 Jahre</option>
1251                                            <option value="13" label="13 Jahre">13 Jahre</option>
1252                                            <option value="14" label="14 Jahre">14 Jahre</option>
1253                                            <option value="15" label="15 Jahre">15 Jahre</option>
1254                                            <option value="16" label="16 Jahre">16 Jahre</option>
1255                                            <option value="17" label="17 Jahre">17 Jahre</option>
1256                                        </select> 
1257                                        <label for="child4" class="tw-sr-only">Kind 4</label>
1258                                        <select name="child4" id="child4" class="form-control display-none">
1259                                            <option value="" label="-">-</option>
1260                                            <option value="1" label="<2 Jahre">&lt;2 Jahre</option>
1261                                            <option value="2" label="2 Jahre">2 Jahre</option>
1262                                            <option value="3" label="3 Jahre">3 Jahre</option>
1263                                            <option value="4" label="4 Jahre">4 Jahre</option>
1264                                            <option value="5" label="5 Jahre">
12645 Jahre</option>
1265                                            <option value="6" label="6 Jahre">6 Jahre</option>
1266                                            <option value="7" label="7 Jahre">7 Jahre</option>
1267                                            <option value="8" label="8 Jahre">8 Jahre</option>
1268                                            <option value="9" label="9 Jahre">9 Jahre</option>
1269                                            <option value="10" label="10 Jahre">10 Jahre</option>
1270                                            <option value="11" label="11 Jahre">11 Jahre</option>
1271                                            <option value="12" label="12 Jahre">12 Jahre</option>
1272                                            <option value="13" label="13 Jahre">13 Jahre</option>
1273                                            <option value="14" label="14 Jahre">14 Jahre</option>
1274                                            <option value="15" label="15 Jahre">15 Jahre</option>
1275                                            <option value="16" label="16 Jahre">16 Jahre</option>
1276                                            <option value="17" label="17 Jahre">17 Jahre</option>
1277                                        </select>
1278                                    </div>
1279                                </div>
1280                                <div class="row roomdiv">
1281    <div class="col-md-36 ">
1282        <span class="uppercase tw-inline-block tw-mb-1">Zimmer</span><br/>
1283
1284        <fieldset class="tw-mb-2">
1285            <legend class="tw-sr-only">Anzahl der Zimmer</legend>
1286            <!-- 1 Erwachsener -->
1287            <div id="multiroom-1-0" class="multiroom tw-hidden">
1288                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1289                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-0-1" value="1">
1290                    <label class="form-check-label tw-ml-4" for="room-1-0-1">
1291                        <strong>1 Zimmer</strong> mit 1 Person<br/><small>(z.B. 1 Einzelzimmer)</small>
1292                    </label>
1293                </div>
1294            </div>
1295            <div id="multiroom-1-1" class="multiroom tw-hidden">
1296                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1297                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-1-1" value="1">
1298                    <label class="form-check-label tw-ml-4" for="room-1-1-1">
1299                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1300                    </label>
1301                </div>
1302            </div>
1303            <div id="multiroom-1-2" class="multiroom tw-hidden">
1304                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1305                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-2-1" value="1">
1306                    <label class="form-check-label tw-ml-4" for="room-1-2-1">
1307                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1308                    </label>
1309                </div>
1310            </div>
1311            <div id="multiroom-1-3" class="multiroom tw-hidden">
1312                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1313                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-3-1" value="1">
1314                    <label class="form-check-label tw-ml-4" for="room-1-3-1">
1315                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1316                    </label>
1317                </div>
1318            </div>
1319            <div id="multiroom-1-4" class="multiroom tw-hidden">
1320                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1321                    <input class="form-check-input" type="radio" name="multiroom" id="room-1-4-1" value="1">
1322                    <label class="form-check-label tw-ml-4" for="room-1-4-1">
1323                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1324                    </label>
1325                </div>
1326            </div>
1327
1328            <!-- 2 Erwachsene -->
1329            <div id="multiroom-2-0" class="multiroom tw-block">
1330                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1331                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-1" value="1" checked>
1332                    <label class="form-check-label tw-ml-4" for="room-2-0-1">
1333                        <strong>1 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 1 Doppelzimmer)</small>
1334                    </label>
1335                </div>
1336                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1337                    <legend class="tw-sr-only">2 Zimmer mit je 1 Person</legend>
1338                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-0-2" value="2">
1339                    <label class="form-check-label tw-ml-4" for="room-2-0-2">
1340                        <strong>2 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 2 Einzelzimmer)</small>
1341                    </label>
1342                </div>
1343            </div>
1344            <div id="multiroom-2-1" class="multiroom tw-hidden">
1345                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1346                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-1-1" value="1">
1347                    <label class="form-check-label tw-ml-4" for="room-2-1-1">
1348                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Doppelzimmer mit Zustellbett)</small>
1349                    </label>
1350                </div>
1351            </div>
1352            <div id="multiroom-2-2" class="multiroom tw-hidden">
1353                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1354                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-1" value="1">
1355                    <label class="form-check-label tw-ml-4" for="room-2-2-1">
1356                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1357                    </label>
1358                </div>
1359                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1360                    <legend class="tw-sr-only">2 Zimmer mit je 2 Personen</legend>
1361                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-2-2" value="2">
1362                    <label class="form-check-label tw-ml-4" for="room-2-2-2">
1363                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1364                    </label>
1365                </div>
1366            </div>
1367            <div id="multiroom-2-3" class="multiroom tw-hidden">
1368                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1369                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-3-1" value="1">
1370                    <label class="form-check-label tw-ml-4" for="room-2-3-1">
1371                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1372                    </label>
1373                </div>
1374            </div>
1375            <div id="multiroom-2-4" class="multiroom tw-hidden">
1376                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1377                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-1" value="1">
1378                    <label class="form-check-label tw-ml-4" for="room-2-4-1">
1379                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1380                    </label>
1381                </div>
1382                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1383                    <input class="form-check-input" type="radio" name="multiroom" id="room-2-4-2" value="2">
1384                    <label class="form-check-label tw-ml-4" for="room-2-4-2">
1385                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1386                    </label>
1387                </div>
1388            </div>
1389
1390            <!-- 3 Erwachsene -->
1391            <div id="multiroom-3-0" class="multiroom tw-hidden">
1392                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1393                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-1" value="1">
1394                    <label class="form-check-label tw-ml-4" for="room-3-0-1">
1395                        <strong>1 Zimmer</strong> mit 3 Personen<br/><small>(z.B. 1 Studio oder 1 Appartement)</small>
1396                    </label>
1397                </div>
1398                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1399                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-0-3" value="3">
1400                    <label class="form-check-label tw-ml-4" for="room-3-0-3">
1401                        <strong>3 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 3 Einzelzimmer)</small>
1402                    </label>
1403                </div>
1404            </div>
1405            <div id="multiroom-3-1" class="multiroom tw-hidden">
1406                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1407                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-1-1" value="1">
1408                    <label class="form-check-label tw-ml-4" for="room-3-1-1">
1409                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1410                    </label>
1411                </div>
1412            </div>
1413            <div id="multiroom-3-2" class="multiroom tw-hidden">
1414                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1415                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-2-1" value="1">
1416                    <label class="form-check-label tw-ml-4" for="room-3-2-1">
1417                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1418                    </label>
1419                </div>
1420            </div>
1421            <div id="multiroom-3-3" class="multiroom tw-hidden">
1422                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1423                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-1" value="1">
1424                    <label class="form-check-label tw-ml-4" for="room-3-3-1">
1425                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1426                    </label>
1427                </div>
1428                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1429                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-3-3" value="3">
1430                    <label class="form-check-label tw-ml-4" for="room-3-3-3">
1431                        <strong>3 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 3 Doppelzimmer)</small>
1432                    </label>
1433                </div>
1434            </div>
1435            <div id="multiroom-3-4" class="multiroom tw-hidden">
1436                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1437                    <input class="form-check-input" type="radio" name="multiroom" id="room-3-4-1" value="1">
1438                    <label class="form-check-label tw-ml-4" for="room-3-4-1">
1439                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1440                    </label>
1441                </div>
1442            </div>
1443
1444            <!-- 4 Erwachsene -->
1445            <div id="multiroom-4-0" class="multiroom tw-hidden">
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-1" value="1">
1448                    <label class="form-check-label tw-ml-4" for="room-4-0-1">
1449                        <strong>1 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 1 Suite oder 1 Appartment)</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 tw-mb-1">
1453                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-2" value="2">
1454                    <label class="form-check-label tw-ml-4" for="room-4-0-2">
1455                        <strong>2 Zimmer</strong> mit je 2 Personen<br/><small>(z.B. 2 Doppelzimmer)</small>
1456                    </label>
1457                </div>
1458                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1459                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-0-4" value="4">
1460                    <label class="form-check-label tw-ml-4" for="room-4-0-4">
1461                        <strong>4 Zimmer</strong> mit je 1 Person<br/><small>(z.B. 4 Einzelzimmer)</small>
1462                    </label>
1463                </div>
1464            </div>
1465            <div id="multiroom-4-1" class="multiroom tw-hidden">
1466                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1467                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-1-1" value="1">
1468                    <label class="form-check-label tw-ml-4" for="room-4-1-1">
1469                        <strong>1 Zimmer</strong> mit 5 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1470                    </label>
1471                </div>
1472            </div>
1473            <div id="multiroom-4-2" class="multiroom tw-hidden">
1474                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1475                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-1" value="1">
1476                    <label class="form-check-label tw-ml-4" for="room-4-2-1">
1477                        <strong>1 Zimmer</strong> mit 6 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1478                    </label>
1479                </div>
1480                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1481                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-2-2" value="2">
1482                    <label class="form-check-label tw-ml-4" for="room-4-2-2">
1483                        <strong>2 Zimmer</strong> mit je 3 Personen<br/><small>(z.B. 2 Doppelzimmer mit Zustellbett)</small>
1484                    </label>
1485                </div>
1486            </div>
1487            <div id="multiroom-4-3" class="multiroom tw-hidden">
1488                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1489                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-3-1" value="1">
1490                    <label class="form-check-label tw-ml-4" for="room-4-3-1">
1491                        <strong>1 Zimmer</strong> mit 7 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1492                    </label>
1493                </div>
1494            </div>
1495            <div id="multiroom-4-4" class="multiroom tw-hidden">
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-1" value="1">
1498                    <label class="form-check-label tw-ml-4" for="room-4-4-1">
1499                        <strong>1 Zimmer</strong> mit 8 Personen<br/><small>(z.B. 1 Familienzimmer oder 1 Appartment)</small>
1500                    </label>
1501                </
1501div>
1502                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2 tw-mb-1">
1503                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-2" value="2">
1504                    <label class="form-check-label tw-ml-4" for="room-4-4-2">
1505                        <strong>2 Zimmer</strong> mit 4 Personen<br/><small>(z.B. 2 Familienzimmer oder 2 Appartments)</small>
1506                    </label>
1507                </div>
1508                <div class="form-check tw-flex tw-flex-row tw-items-start tw-bg-gray-200 tw-p-2">
1509                    <input class="form-check-input" type="radio" name="multiroom" id="room-4-4-4" value="4">
1510                    <label class="form-check-label tw-ml-4" for="room-4-4-4">
1511                        <strong>4 Zimmer</strong> mit 2 Personen<br/><small>(z.B. 4 Doppelzimmer)</small>
1512                    </label>
1513                </div>
1514            </div>
1515        </fieldset> 
1516        <div class="tw-mt-2 tw-px-2" style="border: 1px solid #efefef">
1517            <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>
1518            <small class="tw-inline-block tw-mt-1">
1519                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.reisebuero-devera.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-900" target="_blank">Kontaktformular</a>.
1520                        </small>
1521        </div>
1522    </div>
1523</div>
1524                            </div>
1525                        </div>
1526                    </div>
1527                </div>
1528                <div class="row">
1529                    <div class="col-md-14 col-sm-10">
1530                        <div class="form-group has-feedback">
1531                            <span class="tw-inline-block tw-mb-1 tw-whitespace-nowrap ">Abflughafen</span>
1532                            <div class="form-control pointer" id="airports">
1533                                <span v-if="selectedairports.length == 0">beliebig</span>
1534                                <span v-if="selectedairports.length > 1">Mehrfachauswahl</span>
1535                                <span v-if="selectedairports.length == 1" v-text="getSelectedItemLabel(_.concat(germanairports, austrianairports, swissairports, europeanairports), selectedairports[0])"></span>
1536                            </div>
1537                            <span class="glyphicon glyphicon-plus pointer form-control-feedback airports-plus" style="color:#ccc" aria-hidden="true"></span>
1538                        </div>
1539                    </div>
1540
1541                                            <div class="col-md-7 col-sm-8">
1542                            <label for="category" class="ttxml-searchform__label" style="color:#000;">Hotelkategorie</label>
1543                            <select name="category" id="category" class="form-control">
1544                                <option value="">beliebig</option>
1545                                <option value="1">ab 1 *</option>
1546                                <option value="2">ab 2 **</option>
1547                                <option value="3">ab 3 ***</option>
1548                                <option value="4">ab 4 ****</option>
1549                                <option value="5">ab 5 *****</option>
1550                            </select>
1551                        </div>
1552                                        <div class="col-md-7 col-sm-9">
1553                        <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">
1554                            <option value="">beliebig</option>
1555                            <option value="onlystay">
1555nur Übernachtung</option>
1556                            <option value="breakfast">Frühstück</option>
1557                            <option value="halfboard">Halbpension</option>
1558                            <option value="fullboard">Vollpension</option>
1559                            <option value="allinclusive">All Inclusive</option>
1560                        </select>
1561                    </div>
1562                                            <div class="col-md-8 col-sm-9">
1563                            <label for="objectname" for="objectname" class="ttxml-searchform__label ">Spezieller Hotelname</label>
1564                            <input type="text" name="objectname" id="objectname" class="form-control"/>
1565                        </div>
1566                                    </div>
1567                <div class="row">
1568                    <div class="col-md-36" style="min-height:0px; position:relative;">
1569                        <div class="popover popover-left popover-airports">
1570                            <div class="popover-title">
1571                                Abflughafen auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1572                            </div>
1573                            <div class="popover-content">
1574                                <div class="row">
1575                                    <div class="col-md-36">
1576                                        <input type="hidden" name="airports" id="airports" v-model="compSelectedAirports"/>
1577                                        <div class="checkbox checkbox-success">
1578                                            <input type="checkbox" id="noairport" @click="selectedairports = []" v-bind:checked="selectedairports.length == 0">
1579                                            <label for="noairport" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1580                                        </div>
1581                                    </div>
1582                                </div>
1583                                <div class="row margin-t-10 tw-mb-6">
1584                                    <div class="col-md-36">
1585                                        <div class="margin-b-5" style="text-transform: uppercase">Regionen</div>
1586                                        <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>
1587                                        <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>
1588                                        <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>
1589                                        <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>
1590                                    </div>
1591                                </div>
1592
1593                                                                
1594                                                                                                            <div class="row">
1595    <div class="col-md-36">
1596        <span class="tw-uppercase tw-font-semibold">Deutschland</span>
1597    </div>
1598</div>
1599<div class="row tw-mb-4">
1600    <div class="col-md-12 col-sm-12">
1601        <div v-for="airport in chunkedGermanAirports[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1613        <div v-for="airport in chunkedGermanAirports[2]" class="checkbox checkbox-success">
1614            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1615            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1616        </div>
1617    </div>
1618</div>                                    
1619                                    
1620                                                                                                        
1621                                                                            <div class="row">
1622    <div class="col-md-36">
1623        <span class="tw-uppercase tw-font-semibold">Österreich</span>
1624    </div>
1625</div>
1626<div class="row tw-mb-4">
1627    <div class="col-md-12 col-sm-12">
1628        <div v-for="airport in chunkedAustrianAirports[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1640        <div v-for="airport in chunkedAustrianAirports[2]" class="checkbox checkbox-success">
1641            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1642            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1643        </div>
1644    </div>
1645</div>                                    
1646                                                                                                        
1647                                    
1648                                                                            <div class="row">
1649    <div class="col-md-36">
1650        <span class="tw-uppercase tw-font-semibold">Schweiz</span>
1651    </div>
1652</div>
1653<div class="row tw-mb-4">
1654    <div class="col-md-12 col-sm-12">
1655        <div v-for="airport in chunkedSwissAirports[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1667        <div v-for="airport in chunkedSwissAirports[2]" class="checkbox checkbox-success">
1668            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1669            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1670        </div>
1671    </div>
1672</div>                                                                                                    
1673                                <div class="row margin-t-10">
1674                                    <div class="col-md-16">
1675                                        <span class="tw-uppercase tw-font-semibold">Weitere europäische Abflughäfen</span>
1676                                    </div>
1677                                </div>
1678                                <div class="row">
1679                                    <div class="col-md-12 col-sm-12">
1680                                        <div v-for="airport in chunkedEuropeanAirports[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1692                                        <div v-for="airport in chunkedEuropeanAirports[2]" class="checkbox checkbox-success">
1693                                            <input type="checkbox" :id="'checkbox_A_' + airport.code" :value="airport.code" v-model="selectedairports">
1694                                            <label :for="'checkbox_A_' + airport.code" style="padding-left: 5px" v-text="airport.label"></label>
1695                                        </div>
1696                                    </div>
1697                                </div>
1698                            </div>
1699                        </div>
1700                    </div>
1701                </div>
1702                                                <div class="row">
1703                    <div class="col-md-14 col-sm-10">
1704                        <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>
1705                        <select name="directflight" id="directflight" class="form-control">
1706                            <option value="">beliebig</option>
1707                            <option value="1">Direktflüge bevorzugt</option>
1708                        </select>
1709                    </div>
1710                    <div class="col-md-7 col-sm-8">
1711                        <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>
1712                        <select name="outflighttime" id="outflighttime" class="form-control">
1713                            <option value="">beliebig</option>
1714                            <option value="m">Morgens - 05:00-10:00 Uhr</option>
1715                            <option value="t">Tagsüber - 10:00-19:00 Uhr</option>
1716                            <option value="a">Abends - 19:00-00:00 Uhr</option>
1717                            <option value="n">Nachts - 00:00-05:00 Uhr</option>
1718                            <optgroup label="flexible Zeitfenster">
1719                                <option value="0000">00:00 - 02:00 Uhr</option>
1720                                <option value="0200">02:00 - 04:00 Uhr</option>
1721                                <option value="0400">04:00 - 06:00 Uhr</option>
1722                                <option value="0600">06:00 - 08:00 Uhr</option>
1723                                <option value="0800">08:00 - 10:00 Uhr</option>
1724                                <option value="1000">10:00 - 12:00 Uhr</option>
1725                                <option value="1200">12:00 - 14:00 Uhr</option>
1726                                <option value="1400">14:00 - 16:00 Uhr</option>
1727                                <option value="1600">16:00 - 18:00 Uhr</option>
1728                                <option value="1800">18:00 - 20:00 Uhr</option>
1729                                <option value="2000">20:00 - 22:00 Uhr</option>
1730                                <option value="2200">22:00 - 00:00 Uhr</option>
1731                            </optgroup> 
1732                        </select>
1733                    </div>
1734                    <div class="col-md-7 col-sm-9">
1735                        <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>
1736                        <select name="inflighttime" id="inflighttime" class="form-control">
1737                            <option value="">beliebig</option>
1738                            <option value="m">Morgens - 05:00-10:00 Uhr</option>
1739                            <option value="t">Tagsüber - 10:00-19:00 Uhr</option>
1740                            <option value="a">Abends - 19:00-00:00 Uhr</option>
1741                            <option value="n">Nachts - 00:00-05:00 Uhr</option>
1742                            <optgroup label="flexible Zeitfenster">
1743                            <option value="0000">00:00 - 02:00 Uhr</option>
1744                                <option value="0200">02:00 - 04:00 Uhr</option>
1745                                <option value="0400">04:00 - 06:00 Uhr</option>
1746                                <option value="0600">06:00 - 08:00 Uhr</option>
1747                                <option value="0800">08:00 - 10:00 Uhr</option>
1748                                <option value="1000">10:00 - 12:00 Uhr</option>
1749                                <option value="1200">12:00 - 14:00 Uhr</option>
1750                                <option value="1400">14:00 - 16:00 Uhr</option>
1751                                <option value="1600">16:00 - 18:00 Uhr</option>
1752                                <option value="1800">18:00 - 20:00 Uhr</option>
1753                                <option value="2000">20:00 - 22:00 Uhr</option>
1754                                <option value="2200">22:00 - 00:00 Uhr</option>
1755                            </optgroup> 
1756                        </select>
1757                    </div>
1758                    <div class="col-md-8 col-sm-9">
1759                        <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">
1760                            <option value="">beliebig</option>
1761                            <option value="transfer">mit Transfer</option>
1762                            <option value="rentalcar">Mietwagen inklusive</option>
1763                        </select>
1764                    </div>
1765                </div>
1766                                
1767                <div v-show="advancedsearch" class="tw-p-2 tw-mt-2" style="border: 1px solid #ddd; background: #fcfcfc;">
1768                                        <div class="row">
1769                        <div class="col-md-12 col-sm-12">
1770                            <div class="form-group has-feedback">
1771                                <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>
1772                                <div class="form-control pointer" id="touroperators">
1773                                    <span v-if="selectedtouroperators.length == 0">beliebig</span>
1774                                    <span v-if="selectedtouroperators.length > 1">Mehrfachauswahl</span>
1775                                    <span v-if="selectedtouroperators.length == 1" v-text="getSelectedItemLabel(touroperators, selectedtouroperators[0])"></span>
1776                                </div>
1777                                <span class="glyphicon glyphicon-plus pointer form-control-feedback touroperators-plus" style="color:#ccc" aria-hidden="true"></span>
1778                            </div>
1779                        </div>
1780
1781                                                    <div class="col-md-8 col-sm-8">
1782                                <div class="form-group has-feedback">
1783                                    <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>
1784                                    <div class="form-control pointer" id="roomtypes">
1785                                        <span v-if="selectedroomtypes.length == 0">beliebig</span>
1786                                        <span v-if="selectedroomtypes.length > 1">Mehrfachauswahl</span>
1787                                        <span v-if="selectedroomtypes.length == 1" v-text="getSelectedItemLabel(roomtypes, selectedroomtypes[0])"></span>
1788                                    </div>
1789                                    <span class="glyphicon glyphicon-plus pointer form-control-feedback roomtypes-plus" style="color:#ccc" aria-hidden="true"></span>
1790                                </div>
1791                            </div>
1792                                                                            <div class="col-md-8 col-sm-8">
1793                                <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>
1794                                <select name="railandfly" id="railandfly" class="form-control">
1795                                    <option value="">beliebig</option>
1796                                    <option value="1">Zug zum Flug inklusive</option>
1797                                </select>
1798                            </div>
1799                                                <div class="col-md-8 col-sm-8">
1800                            <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">
1801                                <option value="">beliebig</option>
1802                                <option value="300">bis EUR 300,-</option>
1803                                <option value="500">bis EUR 500,-</option>
1804                                <option value="750">bis EUR 750,-</option>
1805                                <option value="1000">bis EUR 1.000,-</option>
1806                                <option value="1500">bis EUR 1.500,-</option>
1807                            </select>
1808                        </div>
1809                    </div>
1810                    <div class="row">
1811                        <div class="col-md-36" style="min-height:0px; position: relative">
1812                            <div class="popover popover-left popover-touroperators">
1813                                <div class="popover-title">
1814                                    Reiseveranstalter auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1815                                </div>
1816                                <div class="popover-content">
1817                                    <div class="row">
1818                                        <div class="col-md-36">
1819                                            <input type="hidden" name="touroperators" v-model="compSelectedTouroperators"/>
1820                                            <div class="checkbox checkbox-success">
1821                                                <input type="checkbox" id="notouroperator" @click="selectedtouroperators = []" v-bind:checked="selectedtouroperators.length == 0">
1822                                                <label for="notouroperator" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1823                                            </div>
1824                                        </div>
1825                                    </div>
1826                                    <div class="row">
1827                                        <div class="col-md-12 col-sm-12">
1828                                            <div v-for="touroperator in chunkedTouroperators[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1840                                            <div v-for="touroperator in chunkedTouroperators[2]" class="checkbox checkbox-success">
1841                                                <input type="checkbox" :id="'checkbox_' + touroperator.code" :value="touroperator.code" v-model="selectedtouroperators">
1842                                                <label :for="'checkbox_' + touroperator.code" style="padding-left: 5px" v-text="touroperator.label"></label>
1843                                            </div>
1844                                        </div>
1845                                    </div>
1846                                </div>
1847                            </div>
1848                        </div>
1849                    </div>
1850                                            <div class="row">
1851                            <div class="col-md-24 col-md-offset-12" style="min-height:0px; position: relative;">
1852                                <div class="popover popover-left popover-roomtypes" style="right: 10px;">
1853                                    <div class="popover-title">
1854                                        Zimmertyp auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1855                                    </div>
1856                                    <div class="popover-content">
1857                                        <div class="row">
1858                                            <div class="col-md-36">
1859                                                <input type="hidden" name="roomtypes" v-model="compSelectedRoomtypes"/>
1860                                                <div class="checkbox checkbox-success">
1861                                                    <input type="checkbox" id="noroomtypes" @click="selectedroomtypes = []" :checked="selectedroomtypes.length == 0">
1862                                                    <label for="noroomtypes" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1863                                                </div>
1864                                            </div>
1865                                        </div>
1866                                        <div class="row">
1867                                            <div class="col-md-12 col-sm-12">
1868                                                <div v-for="roomtype in chunkedRoomtypes[0]" 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[1]" 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 class="col-md-12 col-sm-12">
1880                                                <div v-for="roomtype in chunkedRoomtypes[2]" class="checkbox checkbox-success">
1881                                                    <input type="checkbox" :id="'checkbox_' + roomtype.code" :value="roomtype.code" v-model="selectedroomtypes">
1882                                                    <label :for="'checkbox_' + roomtype.code" style="padding-left: 5px" v-text="roomtype.label"></label>
1883                                                </div>
1884                                            </div>
1885                                        </div>
1886                                        <div class="row margin-t-10">
1887                                            <div class="col-md-15">
1888                                                <div class="roomtypes-oceanview">
1889                                                    <input type="hidden" name="oceanview" v-model="compOceanview"/>
1890                                                    <div class="checkbox checkbox-info">
1891                                                        <input type="checkbox" id="checkbox_oceanview" v-model="oceanview">
1892                                                        <label for="checkbox_oceanview" style="padding-left: 5px">Unterkunft mit Meerblick</label>
1893                                                    </div>
1894                                                </div>
1895                                            </div>
1896                                        </div>
1897                                    </div>
1898                                </div>
1899                            </div>
1900                        </div> 
1901                                        <div class="row">
1902                        <div class="col-md-12 col-sm-12">
1903                            <div class="form-group has-feedback">
1904                                <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>
1905                                <div class="form-control pointer" id="facilities">
1906                                    <span v-if="selectedfacilities.length == 0">beliebig</span>
1907                                    <span v-if="selectedfacilities.length > 1">Mehrfachauswahl</span>
1908                                    <span v-if="selectedfacilities.length == 1" v-text="getSelectedItemLabel(facilities, selectedfacilities[0])"></span>
1909                                </div>
1910                                <span class="glyphicon glyphicon-plus pointer form-control-feedback facilities-plus" style="color:#ccc" aria-hidden="true"></span>
1911                            </div>
1912                        </div>
1913                        <div class="col-md-8 col-sm-8">
1914                            <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">
1915                                <option value="">beliebig</option>
1916                                <option value="action_adventures_parties_fun">Abenteuer &amp; Spass</option>
1917                                <option value="bike_mountainbike_rental">Rad / Mountainbike</option>
1918                                <option value="own_fitness_facilities">Fitness</option>
1919                                <option value="golf_close_to_hotel_2">Golf</option>
1920                                <option value="horseback_riding_close_to_hotel">Reiten</option>
1921                                <option value="sailing_close_to_hotel">Segeln</option>
1922                                <option value="own_squash_court">Squash</option>
1923                                <option value="surfing_close_to_hotel">Surfen</option>
1924                                <option value="diving_close_to_hotel">Tauchen</option>
1925                                <option value="own_tennis_court">Tennis</option>
1926                                <option value="hotel_in_hiking_region">Wandern</option>
1927                                <option value="own_water_sports_facilities">Wassersport</option>
1928                                <option value="winter_sports_ski_area">Wintersport</option>
1929                            </select>
1930                        </div>
1931                                                    <div class="col-md-8 col-sm-8">
1932                                <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">
1933                                    <option value="">beliebig</option>
1934                                    <option value="3">min. 3 von 6 Punkten</option>
1935                                    <option value="4">min. 4 von 6 Punkten</option>
1936                                    <option value="5">min. 5 von 6 Punkten</option>
1937                                    <option value="6">min. 6 von 6 Punkten</option>
1938                                </select>
1939                            </div>
1940                            <div class="col-md-8 col-sm-8">
1941                                <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">
1941<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">
1942                                    <option value="">beliebig</option>
1943                                    <option value="70">min. 70%</option>
1944                                    <option value="80">min. 80%</option>
1945                                    <option value="90">min. 90%</option>
1946                                    <option value="100">100%</option>
1947                                </select>
1948                            </div>
1949                                            </div>
1950                    <div class="row">
1951                        <div class="col-md-28" style="min-height:0px; position: relative;">
1952                            <div class="popover popover-left popover-facilities">
1953                                <div class="popover-title">
1954                                    Hoteleigenschaften auswählen<button type="button" class="btn btn-default btn-xs pull-right popover-save">übernehmen</button>
1955                                </div>
1956                                <div class="popover-content">
1957                                    <div class="row">
1958                                        <div class="col-md-36">
1959                                            <input type="hidden" name="facilities" v-model="compSelectedFacilities"/>
1960                                            <div class="checkbox checkbox-success">
1961                                                <input type="checkbox" id="nofacilities" @click="selectedfacilities = []" v-bind:checked="selectedfacilities.length == 0">
1962                                                <label for="nofacilities" style="padding-left: 5px">beliebig (bestehende Auswahl wird zurückgesetzt)</label>
1963                                            </div>
1964                                        </div>
1965                                    </div>
1966                                    <div class=" margin-t-15" style="text-transform: uppercase;">Zielgruppe</div>
1967                                    <div class="row">
1968                                        <div class="col-md-12 col-sm-12">
1969                                            <div class="checkbox checkbox-success">
1970                                                <input type="checkbox" id="checkbox_adults_only" value="adults_only" v-model="selectedfacilities">
1971                                                <label for="checkbox_adults_only" style="padding-left: 5px">Erwachsenenhotel</label>
1972                                            </div>
1973                                            <div class="checkbox checkbox-success">
1974                                                <input type="checkbox" id="checkbox_attractive_for_singles_w_child" value="attractive_for_singles_w_child" v-model="selectedfacilities">
1975                                                <label for="checkbox_attractive_for_singles_w_child" style="padding-left: 5px">Single mit Kind</label>
1976                                            </div>
1977                                        </div>
1978                                        <div class="col-md-12 col-sm-12">
1979                                            <div class="checkbox checkbox-success">
1980                                                <input type="checkbox" id="checkbox_attractive_for_couples" value="attractive_for_couples" v-model="selectedfacilities">
1981                                                <label for="checkbox_attractive_for_couples" style="padding-left: 5px">Urlaub zu zweit</label>
1982                                            </div>
1983                                            <div class="checkbox checkbox-success">
1984                                                <input type="checkbox" id="checkbox_specials_for_newly_married" value="specials_for_newly_married" v-model="selectedfacilities">
1985                                                <label for="checkbox_specials_for_newly_married" style="padding-left: 5px">Hochzeitsreisen</label>
1986                                            </div>
1987                                        </div>
1988                                        <div class="col-md-12 col-sm-12">
1989                                            <div class="checkbox checkbox-success">
1990                                                <input type="checkbox" id="checkbox_attractive_for_singles" value="attractive_for_singles" v-model="selectedfacilities">
1991                                                <label for="checkbox_attractive_for_singles" style="padding-left: 5px">Singles</label>
1992                                            </div>
1993                                            <div class="checkbox checkbox-success">
1994                                                <input type="checkbox" id="checkbox_LGBTQ" value="LGBTQ" v-model="selectedfacilities">
1995                                                <label for="checkbox_LGBTQ" style="padding-left: 5px">LGBTQIA+</label>
1996                                            </div>
1997                                        </div>
1998                                    </div>
1999                                    <div class=" margin-t-15" style="text-transform: uppercase;">Familie</div>
2000                                    <div class="row">
2001                                        <div class="col-md-12 col-sm-12">
2002                                            <div class="checkbox checkbox-success">
2003                                                <input type="checkbox" id="checkbox_family_friendly_2" value="family_friendly_2" v-model="selectedfacilities">
2004                                                <label for="checkbox_family_friendly_2" style="padding-left: 5px">Kinderfreundlich</label>
2005                                            </div>
2006                                            <div class="checkbox checkbox-success">
2007                                                <input type="checkbox" id="checkbox_maxi_club_7to12_years" value="maxi_club_7to12_years" v-model="selectedfacilities">
2008                                                <label for="checkbox_maxi_club_7to12_years" style="padding-left: 5px">Maxiclub</label>
2009                                            </div>
2010                                            <div class="checkbox checkbox-success">
2011                                                <input type="checkbox" id="checkbox_pool_for_children" value="pool_for_children" v-model="selectedfacilities">
2012                                                <label for="checkbox_pool_for_children" style="padding-left: 5px">Kinderbecken</label>
2013                                            </div>
2014                                            <div class="checkbox checkbox-success">
2015                                                <input type="checkbox" id="checkbox_playroom_for_children" value="playroom_for_children" v-model="selectedfacilities">
2016                                                <label for="checkbox_playroom_for_children" style="padding-left: 5px">Spielzimmer</label>
2017                                            </div>
2018                                            <div class="checkbox checkbox-success">
2019                                                <input type="checkbox" id="checkbox_baby_equipment" value="baby_equipment" v-model="selectedfacilities">
2020                                                <label for="checkbox_baby_equipment" style="padding-left: 5px">Babyausstattung</label>
2021                                            </div>
2022                                        </div>
2023                                        <div class="col-md-12 col-sm-12">
2024                                            <div class="checkbox checkbox-success">
2025                                                <input type="checkbox" id="checkbox_playground_for_children" value="playground_for_children" v-model="selectedfacilities">
2026                                                <label for="checkbox_playground_for_children" style="padding-left: 5px">Kinderspielplatz</label>
2027                                            </div>
2028                                            <div class="checkbox checkbox-success">
2029                                                <input type="checkbox" id="checkbox_kids_disco" value="kids_disco" v-model="selectedfacilities">
2030                                                <label for="checkbox_kids_disco" style="padding-left: 5px">Kinderdisco</label>
2031                                            </div>
2032                                            <div class="checkbox checkbox-success">
2033                                                <input type="checkbox" id="checkbox_mini_club_3to6_years" value="mini_club_3to6_years" v-model="selectedfacilities">
2034                                                <label for="checkbox_mini_club_3to6_years" style="padding-left: 5px">Miniclub</label>
2035                                            </div>
2036                                            <div class="checkbox checkbox-success">
2037                                                <input type="checkbox" id="checkbox_baby_cot" value="baby_cot" v-model="selectedfacilities">
2038                                                <label for="checkbox_baby_cot" style="padding-left: 5px">Babybett</label>
2039                                            </div>
2040                                            <div class="checkbox checkbox-success">
2041                                                <input type="checkbox" id="checkbox_german_entertainment_for_kids" value="german_entertainment_for_kids" v-model="selectedfacilities">
2042                                                <label for="checkbox_german_entertainment_for_kids" style="padding-left: 5px">Kinderbetreuung (dt.)</label>
2043                                            </div>
2044                                        </div>
2045                                        <div class="col-md-12 col-sm-12">  
2046                                            <div class="checkbox checkbox-success">
2047                                                <input type="checkbox" id="checkbox_sporting_activities_for_children" value="sporting_activities_for_children" v-model="selectedfacilities">
2048                                                <label for="checkbox_sporting_activities_for_children" style="padding-left: 5px">Sportangebot für Kinder</label>
2049                                            </div>
2050                                            <div class="checkbox checkbox-success">
2051                                                <input type="checkbox" id="checkbox_buffet_for_children" value="buffet_for_children" v-model="selectedfacilities">
2052                                                <label for="checkbox_buffet_for_children" style="padding-left: 5px">Kinderbuffet</label>
2053                                            </div>
2054                                            <div class="checkbox checkbox-success">
2055                                                <input type="checkbox" id="checkbox_babysitting" value="babysitting" v-model="selectedfacilities">
2056                                                <label for="checkbox_babysitting" style="padding-left: 5px">Babysitting</label>
2057                                            </div>
2058                                            <div class="checkbox checkbox-success">
2059                                                <input type="checkbox" id="checkbox_gently_sloping_sandy_beach" value="gently_sloping_sandy_beach" v-model="selectedfacilities">
2060                                                <label for="checkbox_gently_sloping_sandy_beach" style="padding-left: 5px">Flach abfall. Sandstrand</label>
2061                                            </div>
2062                                        </div>
2063                                    </div>
2064                                    <div class=" margin-t-15" style="text-transform: uppercase;">Unterkunft</div>
2065                                    <div class="row">
2066                                        <div class="col-md-12 col-sm-12">
2067                                            <div class="checkbox checkbox-success">
2068                                                <input type="checkbox" id="checkbox_swim_up_pool" value="swim_up_pool" v-model="selectedfacilities">
2069                                                <label for="checkbox_swim_up_pool" style="padding-left: 5px">Swim-up Pool</label>
2070                                            </div>
2071                                            <div class="checkbox checkbox-success">
2072                                                <input type="checkbox" id="checkbox_own_water_slide" value="own_water_slide" v-model="selectedfacilities">
2073                                                <label for="checkbox_own_water_slide" style="padding-left: 5px">
2073Wasserrutsche</label>
2074                                            </div>
2075                                            <div class="checkbox checkbox-success">
2076                                                <input type="checkbox" id="checkbox_club_with_entertainment" value="club_with_entertainment" v-model="selectedfacilities">
2077                                                <label for="checkbox_club_with_entertainment" style="padding-left: 5px">Club</label>
2078                                            </div>
2079                                            <div class="checkbox checkbox-success">
2080                                                <input type="checkbox" id="checkbox_elegant_deluxe" value="elegant_deluxe" v-model="selectedfacilities">
2081                                                <label for="checkbox_elegant_deluxe" style="padding-left: 5px">Premium / Deluxe</label>
2082                                            </div>
2083                                            <div class="checkbox checkbox-success">
2084                                                <input type="checkbox" id="checkbox_city_breaks" value="city_breaks" v-model="selectedfacilities">
2085                                                <label for="checkbox_city_breaks" style="padding-left: 5px">Städtereisen</label>
2086                                            </div>
2087                                            <div class="checkbox checkbox-success">
2088                                                <input type="checkbox" id="checkbox_free_wlan" value="free_wlan" v-model="selectedfacilities">
2089                                                <label for="checkbox_free_wlan" style="padding-left: 5px">Kostenloses WLAN</label>
2090                                            </div>
2091                                        </div>
2092                                        <div class="col-md-12 col-sm-12">
2093                                            <div class="checkbox checkbox-success">
2094                                                <input type="checkbox" id="checkbox_own_outdoor_pool" value="own_outdoor_pool" v-model="selectedfacilities">
2095                                                <label for="checkbox_own_outdoor_pool" style="padding-left: 5px">Pool</label>
2096                                            </div>
2097                                            <div class="checkbox checkbox-success">
2098                                                <input type="checkbox" id="checkbox_own_indoor_pool" value="own_indoor_pool" v-model="selectedfacilities">
2099                                                <label for="checkbox_own_indoor_pool" style="padding-left: 5px">Hallenbad</label>
2100                                            </div>
2101                                            <div class="checkbox checkbox-success">
2102                                                <input type="checkbox" id="checkbox_non_smoking_hotel" value="non_smoking_hotel" v-model="selectedfacilities">
2103                                                <label for="checkbox_non_smoking_hotel" style="padding-left: 5px">Nichtraucherhotel</label>
2104                                            </div>
2105                                            <div class="checkbox checkbox-success">
2106                                                <input type="checkbox" id="checkbox_free_parking" value="free_parking" v-model="selectedfacilities">
2107                                                <label for="checkbox_free_parking" style="padding-left: 5px">Kostenlose Parkplätze</label>
2108                                            </div>
2109                                            <div class="checkbox checkbox-success">
2110                                                <input type="checkbox" id="checkbox_handicapped_accessible" value="handicapped_accessible" v-model="selectedfacilities">
2111                                                <label for="checkbox_handicapped_accessible" style="padding-left: 5px">Barrierefrei</label>
2112                                            </div>
2113                                            <div class="checkbox checkbox-success">
2114                                                <input type="checkbox" id="checkbox_heated_pool" value="heated_pool" v-model="selectedfacilities">
2115                                                <label for="checkbox_heated_pool" style="padding-left: 5px">Beheizbarer Pool</label>
2116                                            </div>
2117                                        </div>
2118                                        <div class="col-md-12 col-sm-12">
2119                                            <div class="checkbox checkbox-success">
2120                                                <input type="checkbox" id="checkbox_restaurant" value="restaurant" v-model="selectedfacilities">
2121                                                <label for="checkbox_restaurant" style="padding-left: 5px">Restaurant</label>
2122                                            </div>
2123                                            <div class="checkbox checkbox-success">
2124                                                <input type="checkbox" id="checkbox_special_atmosphere_design" value="special_atmosphere_design" v-model="selectedfacilities">
2125                                                <label for="checkbox_special_atmosphere_design" style="padding-left: 5px">Charme / Ambiente</label>
2126                                            </div>
2127                                            <div class="checkbox checkbox-success">
2128                                                <input type="checkbox" id="checkbox_pets_allowed" value="pets_allowed" v-model="selectedfacilities">
2129                                                <label for="checkbox_pets_allowed" style="padding-left: 5px">Haustiere erlaubt</label>
2130                                            </div>
2131                                            <div class="checkbox checkbox-success">
2132                                                <input type="checkbox" id="checkbox_buggy_rent" value="buggy_rent" v-model="selectedfacilities">
2133                                                <label for="checkbox_buggy_rent" style="padding-left: 5px">Buggyverleih</label>
2134                                            </div>
2135                                            <div class="checkbox checkbox-success">
2136                                                <input type="checkbox" id="checkbox_medical_service" value="medical_service" v-model="selectedfacilities">
2137                                                <label for="checkbox_medical_service" style="padding-left: 5px">Arztservice</label>
2138                                            </div>
2139                                        </div>
2140                                    </div>
2141                                    <div class=" margin-t-15" style="text-transform: uppercase;">
2141Verpflegung</div>
2142                                    <div class="row">
2143                                        <div class="col-md-12 col-sm-12">
2144                                            <div class="checkbox checkbox-success">
2145                                                <input type="checkbox" id="checkbox_vegetarian" value="vegetarian" v-model="selectedfacilities">
2146                                                <label for="checkbox_vegetarian" style="padding-left: 5px">Vegetarisch</label>
2147                                            </div>
2148                                            <div class="checkbox checkbox-success">
2149                                                <input type="checkbox" id="checkbox_a_la_carte" value="a_la_carte" v-model="selectedfacilities">
2150                                                <label for="checkbox_a_la_carte" style="padding-left: 5px">à la carte</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_vegan" value="vegan" v-model="selectedfacilities">
2156                                                <label for="checkbox_vegan" style="padding-left: 5px">Vegan</label>
2157                                            </div>
2158                                        </div>
2159                                        <div class="col-md-12 col-sm-12">
2160                                            <div class="checkbox checkbox-success">
2161                                                <input type="checkbox" id="checkbox_glutenfree" value="glutenfree" v-model="selectedfacilities">
2162                                                <label for="checkbox_glutenfree" style="padding-left: 5px">Glutenfrei</label>
2163                                            </div>
2164                                        </div>
2165                                    </div>
2166                                    <div class=" margin-t-15" style="text-transform: uppercase;">Umgebung / Lage</div>
2167                                    <div class="row">
2168                                        <div class="col-md-12 col-sm-12">
2169                                            <div class="checkbox checkbox-success">
2170                                                <input type="checkbox" id="checkbox_direct_beach_access" value="direct_beach_access" v-model="selectedfacilities">
2171                                                <label for="checkbox_direct_beach_access" style="padding-left: 5px">Direkte Strandlage</label>
2172                                            </div>
2173                                            <div class="checkbox checkbox-success">
2174                                                <input type="checkbox" id="checkbox_central_location" value="central_location" v-model="selectedfacilities">
2175                                                <label for="checkbox_central_location" style="padding-left: 5px">Zentrale Lage</label>
2176                                            </div>
2177                                        </div>
2178                                        <div class="col-md-12 col-sm-12">
2179                                            <div class="checkbox checkbox-success">
2180                                                <input type="checkbox" id="checkbox_hotel_near_beach" value="hotel_near_beach" v-model="selectedfacilities">
2181                                                <label for="checkbox_hotel_near_beach" style="padding-left: 5px">Strandnah</label>
2182                                            </div>
2183                                            <div class="checkbox checkbox-success">
2184                                                <input type="checkbox" id="checkbox_quiet_location" value="quiet_location" v-model="selectedfacilities">
2185                                                <label for="checkbox_quiet_location" style="padding-left: 5px">Ruhige Lage</label>
2186                                            </div>
2187                                        </div>
2188                                        <div class="col-md-12 col-sm-12">
2189                                            <div class="checkbox checkbox-success">
2190                                                <input type="checkbox" id="checkbox_sandy_beach" value="sandy_beach" v-model="selectedfacilities">
2191                                                <label for="checkbox_sandy_beach" style="padding-left: 5px">Sandstrand</label>
2192                                            </div>
2193                                            <div class="checkbox checkbox-success">
2194                                                <input type="checkbox" id="checkbox_direct_proximity_ski_lift" value="direct_proximity_ski_lift" v-model="selectedfacilities">
2195                                                <label for="checkbox_direct_proximity_ski_lift" style="padding-left: 5px">Direkt am Skilift</label>
2196                                            </div>
2197                                        </div>
2198                                    </div>
2199                                    <div class=" margin-t-15" style="text-transform: uppercase;">Wellness</div>
2200                                    <div class="row">
2201                                        <div class="col-md-12 col-sm-12">
2202                                            <div class="checkbox checkbox-success">
2203                                                <input type="checkbox" id="checkbox_massages_and_body_treatments" value="massages_and_body_treatments" v-model="selectedfacilities">
2204                                                <label for="checkbox_massages_and_body_treatments" style="padding-left: 5px">Massagen</label>
2205                                            </div>
2206                                            <div class="checkbox checkbox-success">
2207                                                <input type="checkbox" id="checkbox_relaxation_for_body_and_soul" value="relaxation_for_body_and_soul" v-model="selectedfacilities">
2208                                                <label for="checkbox_relaxation_for_body_and_soul" style="padding-left: 5px">Entspannungsangebote</label>
2209                                            </div>
2210                                        </div>
2211                                        <div class="col-md-12 col-sm-12">
2212                                            <div class="checkbox checkbox-success">
2213                                                <input type="checkbox" id="checkbox_cosmetic_treatments" value="cosmetic_treatments" v-model="selectedfacilities">
2214                                                <label for="checkbox_cosmetic_treatments" style="padding-left: 5px">Kosmetische Behandlungen</label>
2215                                            </div>
2216                                            <div class="checkbox checkbox-success">
2217                                                <input type="checkbox" id="checkbox_ayurveda" value="ayurveda" v-model="selectedfacilities">
2218                                                <label for="checkbox_ayurveda" style="padding-left: 5px">Ayurveda</label>
2219                                            </div>
2220                                        </div>
2221                                        <div class="col-md-12 col-sm-12">
2222                                            <div class="checkbox checkbox-success">
2223                                                <input type="checkbox" id="checkbox_own_sauna_bathing_facilities" value="own_sauna_bathing_facilities" v-model="selectedfacilities">
2224                                                <label for="checkbox_own_sauna_bathing_facilities" style="padding-left: 5px">Sauna</label>
2225                                            </div>
2226                                        </div>
2227                                    </div>
2228                                </div>
2229                            </div>
2230                        </div>
2231                    </div>
2232
2233                    <div class="tw-relative tw-flex tw-items-center tw-mt-2">
2234                        <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">
2235                        <div class="tw-ml-2">
2236                            <label for="cancellation" class=" tw-m-0 tw-text-gray-900 tw-space-x-1 tw-flex tw-flex-row tw-items-center">
2237                                <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">
2237<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
2238                                <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.">
2239                                <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>
2240                                </div>
2241                            </label>
2242                        </div>
2243                    </div>
2244                    <small>Filter wird nur bis 14 Tage vor Abreise berücksichtigt!</small>                  
2245                </div>
2246                
2247                <div id="formerror" data-status="false"></div>
2248                <input type="hidden" name="reload" id="reload" disabled/>
2249                <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">
2250                    <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">
2251                        <span v-if="! advancedsearch">Weitere Suchkriterien</span>
2252                        <span v-if="advancedsearch">Weniger Suchkriterien</span>
2253                        </button>
2254                        <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>
2255                </div>
2256                <div class="tw-mt-4 md:tw-mt-0"><a v-if="shouldResetMarkedParams" href @click="resetMarkedParams">Markierte Suchparameter zurücksetzen</a></div>
2257            </div>
2258        </div>
2259    </div>
2260</searchform>
2261
2262
2263
2264                            <input type="hidden" name="oid" id="oid" value=""/>
2265                            <input type="hidden" name="iframe" value=""/>
2266
2267                            <div class="tw-mt-4">
2268                                                                                                                                                <div class="tw-mt-8">
2269                                            <div class="tw-text-center tw-mb-8">
2270                                                <h2 class="tw-text-lg tw-mt-0 tw-mb-4 tw-uppercase">Diese Hotels werden zurzeit häufig gesucht</h2>
2271                                                <hr class="tw-w-64 tw-border-t-2 tw-border-gray-500 tw-my-0"/>
2272                                            </div>
2273                                            <div class="tw-w-full tw-grid tw-grid-cols-1 md:tw-grid-cols-3 tw-gap-4">
2274                                                <div v-for="teaser in teaserList" class="tw-w-full tw-px-6 md:tw-px-0">
2275                                                    <!-- Teaser -->
2276                                                    <div class="tw-rounded-xl tw-shadow-sm tw-mb-8">
2277                                                        <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" >
2278    <div class="tw-rounded-xl tw-overflow-hidden tw-border tw-border-stone-100">
2279        <div class="img-teaser tw-h-[426px] tw-flex tw-flex-col">
2280            <div style="height: 200px; position: relative;">
2281                <img :src="teaser.thumbnail" loading=&quot;lazy&quot; class="tw-object-cover tw-w-full tw-h-full" :alt="'Bild ' + teaser.alt"/>
2281
2282                <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>
2283            </div>
2284            
2285            <div class="tw-flex tw-flex-col tw-justify-between tw-bg-white tw-rounded-b-xl tw-relative" style="height: 230px">   
2286                <div class="tw-p-2">
2287                    <div v-if="teaser.summary" class="tw-flex tw-flex-row tw-space-x-1 tw-items-center">
2288                        <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>
2289                        <span v-html="teaser.summary"></span>
2290                    </div>
2291                    <div v-if="teaser.showheadline1" class="tw-font-semibold tw-leading-tight tw-text-lg" v-html="teaser.headline1"></div>
2292                    <div class="tw-font-semibold tw-leading-tight tw-text-lg tw-mb-4" v-html="teaser.headline2"></div>
2293                    <div class="tw-leading-tight" v-html="teaser.description"></div>
2294                </div>
2295                <div class="tw-px-2 tw-py-2 tw-absolute tw-bottom-0 tw-right-0">
2296                                            <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>
2297                                        <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>
2298                </div>
2299            </div>
2300        </div>
2301    </div>
2302</a>                                                    </div>
2303                                                </div>
2304                                            </div>
2305                                        </div>
2306                                                                                                </div>
2307                        </div>
2308                    </form>
2309                </div>
2310            </div>
2311        </div>
2312    </ttxmlpackage>
2313    </div>
2314
2315            <footer>
2316            <div class="tw-py-8 tw-px-6 tw-bg-stone-100">
2317                
2318                <div class="tw-container tw-mx-auto">
2319                    <div class="tw-flex tw-flex-col lg:tw-flex-row lg:tw-space-x-4">
2320                        <div class="tw-w-full lg:tw-w-grow">
2321                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Newsletter abonnieren</h2>
2322                            <div class="tw-mb-8">
2323                                <p>Aktuelle Angebote und Informationen rund um das Thema Urlaub.</p>
2324                                <form class="form-horizontal" method="get" action="https://www.reisebuero-devera.de/newsletter">
2325                                    <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">
2326                                        <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">
2327                                        <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>
2328                                    </div>
2329                                </form>
2330                            </div>
2331                            
2332                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Beliebteste Urlaubsziele</h2>
2333                            <div class="tw-mb-8">
2334                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=434">Türkei</a>
2335                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=350">Ägypten</a>
2336                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=35">Mallorca</a>
2337                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=345">Gran Canaria</a>
2338                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=56">Teneriffa</a>
2339                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=342">Malediven</a>
2340                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=616">Kreta</a>
2341                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=832">Fuerteventura</a>
2342                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=32">Ibiza</a>
2343                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=655">Rhodos</a>
2344                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=637">Portugal</a>
2345                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=614">Tunesien</a>
2346                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=126">Marokko</a>
2347                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=103">Bulgarien</a>
2348                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=353">Dubai</a>
2349                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=133">Djerba</a>
2350                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=354">Abu Dhabi</a>
2351                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=595">Malta</a>
2352                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=7">Kos</a>
2353                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=78">Sardinien</a>
2354                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=143">Mauritius</a>
2355                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel?rid=367">Dominikanische Republik</a>
2356                                                            </div>
2357                            
2358                                                        <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Weitere Links</h2>
2359                            <div class="tw-mb-8">
2360                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/last-minute">Lastminute</a>
2361                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen">Pauschalreisen</a>
2362                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/fluege/linienfluege">Flug</a>
2363                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/hotel/ferienhotels">Hotel</a>
2364                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/ferienhaus">Ferienhaus</a>
2365                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/mietwagen">Mietwagen</a>
2366                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/kreuzfahrten">Kreuzfahrten</a>
2367                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/extras/flughafenlounges">Flughafenlounges</a>
2368                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-900 tw-mr-2" href="https://www.reisebuero-devera.de/reiseideen">Reiseideen</a>
2369
2370                                                            </div>
2371                            
2372                            
2373                                                     </div>
2374
2375                        <div class="tw-w-full lg:tw-w-[330px] tw-shrink-0">
2376                                                                                                                                    <div class="tw-mb-8"><p><strong>Vorrübergehende Öffnungszeiten:<br /></strong>Montag – Freitag  10:00 – 12:30<br />Nachmittags gerne mit Termin</p>
2377<p> </p>
2378<table>
2379<tbody>
2380<tr>
2381<td></td>
2382<td></td>
2383</tr>
2384<tr>
2385<td> </td>
2386<td> </td>
2387</tr>
2388</tbody>
2389</table></div>
2390                                
2391                                                                    <h2 class="tw-text-lg tw-mt-0 tw-mb-3">Service-Hotline</h2>
2392                                    <div class="tw-flex tw-flex-wrap tw-items-center tw-mb-8">
2393                                        <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>
2393<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>03379-370931
2394                                    </div>
2395                                                                                    </div>
2396                    </div>
2397                </div>
2398
2399                
2400                
2401                            </div>
2402
2403            <div class="tw-p-4 tw-bg-stone-800 tw-text-stone-400">
2404                <div class="tw-container tw-mx-auto">
2405                    <p><span class="tw-text-xs tw-uppercase">Unternehmen & Service</span><br>
2406                                                                        <a href="https://www.reisebuero-devera.de/ueber-uns" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Über uns</a>
2407                                                                                        <a href="https://www.reisebuero-devera.de/kontakt" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Kontakt</a>
2408                                                                                            <a href="https://www.reisebuero-devera.de/newsletter" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Newsletter</a>
2409                                                                                        <a href="https://www.reisebuero-devera.de/preisgarantie" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Preisgarantie</a>
2410                                                            <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>
2411
2412                    <p><span class="tw-text-xs tw-uppercase">Rechtliches</span><br>
2413                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.reisebuero-devera.de/impressum">Impressum</a>
2414                    <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.reisebuero-devera.de/datenschutz">Datenschutz</a>
2415                                                                    <a href  @click.prevent="showCookieConsent = true" class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2">Cookieeinstellungen</a>
2416                                                                <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.reisebuero-devera.de/agb">AGB</a>
2417                                        <a class="tw-underline hover:tw-decoration-2 tw-text-stone-200 tw-mr-2" href="https://www.reisebuero-devera.de/barrierefreiheit">Erklärung zur Barrierefreiheit</a>
2418                                            <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>
2419                                        <div class="tw-mt-6">
2420                        <span class="tw-text-sm">&copy; 2026 onlineweg.de Touristik GmbH</span>
2421                    </div>
2422                </div>
2423            </div>
2424        </footer>    
2425    
2426    <div v-show="showCookieConsent">
2427        <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">
2428            <div class="tw-w-full tw-block">
2429                <div class="tw-bg-white tw-flex tw-justify-center animated fadeInUp">
2430                    <div class="tw-container tw-mx-auto tw-p-6">
2431                        <span class="tw-text-2xl tw-font-semibold">Kurz zu den Datenschutzeinstellungen, dann geht's weiter!</span>
2432                        <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.reisebuero-devera.de/datenschutz" class="tw-underline hover:tw-decoration-2 tw-text-stone-900">Datenschutzerklärung</a>.</p>
2433                        <div class="tw-flex tw-flex-col lg:tw-flex-row tw-justify-start lg:tw-items-baseline tw-mt-2">
2434                            <div class="tw-flex tw-flex-col md:tw-flex-row">
2435                                <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>">
2436                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" checked disabled>
2437                                    <span>Technisch erforderlich</span>
2438                                </label>
2439                                <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>">
2440                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="p" v-model="cookies">
2441                                    Personalisierung
2442                                </label>
2443                                <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;">
2444                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="s" v-model="cookies">
2445                                    Statistiken
2446                                </label>
2447                                <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>">
2448                                    <input class="tw-mr-2 tw-leading-tight" type="checkbox" value="m" v-model="cookies">
2449                                    Marketing
2450                                </label>
2451                            </div>
2452                            <div class="tw-mt-4 lg:tw-mt-0">
2453                                <div class="tw-flex tw-flex-col lg:tw-flex-row">
2454                                    <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>
2455                                    <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>
2456                                </div>
2457                            </div>
2458                        </div>
2459                    </div>
2460                </div>
2461            </div>
2462        </div>
2463    </div>
2464</div>
2465
2466<script type="text/x-template" id="alert-template">
2467    <transition name="fade">
2468        <div v-show="visible" v-bind:class="{
2469                    'alert': true,
2470                    'alert-success': (type == 'success'),
2471                    'alert-warning': (type == 'warning'),
2472                    'alert-info': (type == 'info'),
2473                    'alert-danger': (type == 'danger'),
2474                    'top': (placement === 'top'),
2475                    'top-left': (placement === 'top-left'),
2476                    'top-right': (placement === 'top-right'),
2477                    'bottom': (placement === 'bottom'),
2478                    'bottom-left': (placement === 'bottom-left'),
2479                    'bottom-right': (placement === 'bottom-right'),
2480                    'alert-dismissable': (compDismissable)
2481                }"
2482                role="alert">
2483            <button v-show="compDismissable" type="button" class="close" data-dismiss="alert">&times;</button>
2484            <i v-bind:class="{
2485                    'fa': true,
2486                    'fa-check-circle': (type == 'success'),
2487                    'fa-exclamation-circle': (type == 'warning' || type == 'danger'),
2488                    'fa-info-circle': (type == 'info'),
2489                    'fa-2x': true,
2490                    'fa-pull-left':  true
2491                }"></i>
2492            <slot></slot>
2493        </div>
2494    </transition>
2495</script>
2495
2496
2497
2498<style>
2499    .expand-enter-active,
2500    .expand-leave-active {
2501        transition: all 0.5s ease-in-out;
2502        overflow: hidden;
2503    }
2504 xpand-enter,
2505    .expand-leave-to {
2506        opacity: 0;
2507    }
2508</style>
2509
2510        
2510<script type="application/javascript">
2511        Number.prototype.format = function(n, x) {
2512            var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\.' : '$') + ')';
2513            return this.toFixed(Math.max(0, ~~n)).replace(new RegExp(re, 'g'), '$&.');
2514        };
2515
2516        Vue.component('ttxmlpackage', {
2517            data: function () {
2518                return {
2519                    shownotepad: false,
2520                    hidesearchform: window.matchMedia('(max-width: 767px)').matches,
2521                    offerForHome: '',
2522                    channel: '',
2523                    message: '',
2524                    eventmessage: '',
2525                    regions: Array,
2526                    oid: '',
2527                    rememberedHotel: false,
2528                    rememberedHotels: [],
2529                    teaserList: [{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/00000\/THB_999_H495.jpg","alt":"allsun App.-Hotel Albatros","gid":7261,"touroperator":"BYE","headline1":"Lanzarote","headline2":"allsun App.-Hotel Albatros <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 D\u00fcsseldorf","price":"848,-","altprice":{"CHF":"794","PLN":"3.702"},"noprice":null,"priceperperson":"on","summary":"Lanzarote","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=495&adults=2&childs=0&startdate=2026-12-16&duration=7&airports=DUS&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/00000\/THB_999_H618.jpg","alt":"Tropikist Beach","gi
2529d":23386,"touroperator":"ITSX","headline1":"Tobago","headline2":"Tropikist Beach <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 Berlin Brandenburg","price":"1.092,-","altprice":{"CHF":"1.022","PLN":"4.767"},"noprice":null,"priceperperson":"on","summary":"Tobago","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=618&adults=2&childs=0&startdate=2026-11-17&duration=7&airports=BER&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":"SLR","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 Berlin Brandenburg","price":"714,-","altprice":{"CHF":"668","PLN":"3.117"},"noprice":null,"priceperperson":"on","summary":"Gran Canaria","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=3229&adults=2&childs=0&startdate=2026-12-10&duration=7&airports=BER&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 Memmingen-Allg\u00e4u","price":"242,-","altprice":{"CHF":"226","PLN":"1.056"},"noprice":null,"priceperperson":"on","summary":"Faro & Algarve","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=8911&adults=2&childs=0&startdate=2026-11-30&duration=7&airports=FMM&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 M\u00fcnchen","price":"1.096,-","altprice":{"CHF":"1.026","PLN":"4.784"},"noprice":null,"priceperperson":"on","summary":"Dom. Republik - Norden<br\/>(Puerto Plata & Samana)","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=11914&adults=2&childs=0&startdate=2026-11-30&duration=7&airports=MUC&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 Dortmund","price":"330,-","altprice":{"CHF":"309","PLN":"1.440"},"noprice":null,"priceperperson":"on","summary":"Sharm el Sheikh \/ Nuweiba \/ Taba","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=12637&adults=2&childs=0&startdate=2026-12-08&duration=7&airports=DTM&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","gi
2529d":17220,"touroperator":"TJAX","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":"478,-","altprice":{"CHF":"447","PLN":"2.086"},"noprice":null,"priceperperson":"on","summary":"Costa del Sol & Costa Tropical","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=22613&adults=2&childs=0&startdate=2026-12-02&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":"TUID","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 Frankfurt","price":"590,-","altprice":{"CHF":"552","PLN":"2.575"},"noprice":null,"priceperperson":"on","summary":"Fuerteventura","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=25589&adults=2&childs=0&startdate=2026-12-03&duration=7&airports=FRA&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/25000\/THB_999_H26060.jpg","alt":"Nour Palace Resort & Thalasso","gid":28170,"touroperator":"TJAX","headline1":"Tunesien - Monastir","headline2":"Nour Palace Resort & Thalasso <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\"><\/i><\/small>","description":"7 N\u00e4chte, All Inclusive Plus, z.B. mit Flug ab K\u00f6ln-Bonn","price":"394,-","altprice":{"CHF":"369","PLN":"1.720"},"noprice":null,"priceperperson":"on","summary":"Tunesien - Monastir","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=26060&adults=2&childs=0&startdate=2026-11-28&duration=7&airports=CGN&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/25000\/THB_999_H29487.jpg","alt":"Hotel Orquidea","gid":28479,"touroperator":"LMXO","headline1":"Madeira","headline2":"Hotel Orquidea <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 M\u00fcnchen","price":"510,-","altprice":{"CHF":"477","PLN":"2.226"},"noprice":null,"priceperperson":"on","summary":"Madeira","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=29487&adults=2&childs=0&startdate=2026-12-08&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 - 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 Memmingen-Allg\u00e4u","price":"616,-","altprice":{"CHF":"577","PLN":"2.689"},"noprice":null,"priceperperson":"on","summary":"Republik Zypern - S\u00fcden","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=34864&adults=2&childs=0&startdate=2026-11-16&duration=7&airports=FMM&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":"FOR","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 Berlin Brandenburg","price":"3.421,-","altprice":{"CHF":"3.202","PLN":"14.933"},"noprice":null,"priceperperson":"on","summary":"Rhodos","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=56980&adults=2&childs=0&startdate=2026-11-09&duration=7&airports=BER&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/60000\/THB_999_H63921.jpg","alt":"Cleopatra Luxury Resort Makadi Bay","gid":93124,"touroperator":"XLMX","headline1":"Hurghada & Safaga","headline2":"Cleopatra Luxury Resort Makadi Bay <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\"><\/i><\/small>","description":"7 N\u00e4chte, Halbpension, z.B. mit Flug ab K\u00f6ln-Bonn","price":"625,-","altprice":{"CHF":"585","PLN":"2.728"},"noprice":null,"priceperperson":"on","summary":"Hurghada & Safaga","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=63921&adults=2&childs=0&startdate=2026-12-08&duration=7&airports=CGN&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>
2529","description":"7 N\u00e4chte, Fr\u00fchst\u00fcck, z.B. mit Flug ab Stuttgart","price":"510,-","altprice":{"CHF":"477","PLN":"2.226"},"noprice":null,"priceperperson":"on","summary":"Teneriffa","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=67900&adults=2&childs=0&startdate=2026-12-12&duration=7&airports=STR&step=offer"},{"thumbnail":"https:\/\/de.images.traveltainment.eu\/images\/content\/booking_thumbs_w_gr\/100000\/THB_999_H100608.jpg","alt":"Coral Hills Resort & SPA","gid":296595,"touroperator":"XLMX","headline1":"Marsa Alam & Quseir","headline2":"Coral Hills Resort & 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, All Inclusive, z.B. mit Flug ab K\u00f6ln-Bonn","price":"397,-","altprice":{"CHF":"372","PLN":"1.733"},"noprice":null,"priceperperson":"on","summary":"Marsa Alam & Quseir","url":"https:\/\/www.reisebuero-devera.de\/urlaubsreisen\/pauschalreisen\/offer?ddate=2026-11-07&rdate=2027-01-16&oid=100608&adults=2&childs=0&startdate=2026-12-01&duration=7&airports=CGN&step=offer"}],
2530                }
2531            },
2532            mounted: function() {
2533                var storageItems = localStorage.getItem('ttxml_package_remember');
2534                if (storageItems)
2535                    this.rememberedHotels = JSON.parse(storageItems);
2536
2537                var self = this;
2538                this.rememberedHotels.forEach(function(item) {
2539                    if (item.oid == self.oid) {
2540                        self.rememberedHotel = true;
2541                    }
2542                });
2543            },
2544            methods: {
2545                formatPreis: function(preis) {
2546                    return preis.format();
2547                },
2548                deleteRememberedHotel: function(id) {
2549                    for (var i = 0; i < this.rememberedHotels.length; i++) {
2550                        if (this.rememberedHotels[i]['oid'] == id) {
2551                            this.rememberedHotels.splice(i, 1);
2552                            if (this.oid == id) {
2553                                this.rememberedHotel = false;
2554                            }
2555                        }
2556                    }
2557                    localStorage.setItem('ttxml_package_remember', JSON.stringify(this.rememberedHotels));
2558
2559                    return false;
2560                },
2561                goto: function(url) {
2562                    console.log(url)
2563                    window.location.href = url;
2564                }
2565            }
2566        })
2567    </script>
2567
2568    
2569    
2570    
2570<script>
2571        $(function () {
2572            window.formChanged = false;
2573
2574            // Init Form
2575            $('#duration').val(ttxml.duration);
2576            $('.duration').html($('#duration').find(':selected').data('label'));
2577            $('#adults').val(ttxml.adults).trigger('change');
2578            $('#child1').val(ttxml.child1);
2579            $('#child2').val(ttxml.child2);
2580            $('#child3').val(ttxml.child3);
2581            $('#child4').val(ttxml.child4);
2582            $('#childs').val(ttxml.childs).trigger('change');
2583            $('#category').val(ttxml.category);
2584            $('#mealtype').val(ttxml.mealtype);
2585            $('#objectname').val(ttxml.objectname);
2586            $('#transfer').val(ttxml.transfer);
2587            $('#priceperperson').val(ttxml.priceperperson);
2588            $('#rating').val(ttxml.rating);
2589            $('#recommend').val(ttxml.recommend);
2590            $('#sports').val(ttxml.sports);
2591            if (ttxml.cancellation == 'cheap')
2592                $('#cancellation').prop('checked', true);
2593
2594            
2595
2596            $('#country').val(ttxml.country);
2597            $('#rid').val(ttxml.rid);
2598            $('#cid').val(ttxml.cid);
2599
2600            $('#directflight').val(ttxml.directflight);
2601            $('#outflighttime').val(ttxml.outflighttime);
2602            $('#inflighttime').val(ttxml.inflighttime);
2603            $('#railandfly').val(ttxml.railandfly);
2604
2605            // Init Multiroom Form
2606            const adults = $('#adults').val();
2607            const childs = $('#childs').val();
2608            ttxml.multiroom = ttxml.multiroom == null ? 1 : ttxml.multiroom; 
2609            $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2610            $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2611            $('#room-' + adults + '-' + childs + '-' + ttxml.multiroom).prop("checked", true);
2612
2613            $(".popover").find('.popover-save').removeClass('btn-success').addClass('btn-default');
2614
2615            $('body').tooltip({
2616                selector: '[data-toggle=tooltip]'
2617            });
2618
2619            $('#offerupdate').click(function () {
2620                $('#cidselection').val('');
2621                $('#sort').val('');
2622                
2623            });
2624
2625            
2626            $('#cidselection').change(function () {
2627                $('#ttxmlform').submit();
2628            });
2629
2630            $('#sort').change(function () {
2631                $('#ttxmlform').submit();
2632            });
2633
2634            $('#category').change(function () {
2635                formChanged = true;
2636            });
2637
2638            $('#rating').change(function () {
2639                formChanged = true;
2640            });
2641
2642            $('#recommend').change(function () {
2643                formChanged = true;
2644            });
2645
2646            $('#sports').change(function () {
2647                formChanged = true;
2648            });
2649
2650            $('#objectname').change(function () {
2651                formChanged = true;
2652            });
2653
2654            $('#adults').change(function () {
2655    const adults = $(this).val();
2656    const childs = $('#childs').val();
2657
2658    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2659    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2660    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2661
2662});
2663
2664$('#childs').change(function () {
2665    const adults = $('#adults').val();
2666    const childs = $(this).val();
2667
2668    $('.multiroom').removeClass('tw-block').addClass('tw-hidden')
2669    $('#multiroom-' + adults + '-' + childs).removeClass('tw-hidden').addClass('tw-block');
2670    $('#room-' + adults + '-' + childs + '-1').prop("checked", true);
2671});
2672            $('body').on('change', '#ttxmlform :input', (function() {
2673                $('.offerupdate').show();
2674            }));
2675
2676            $('#ttxmlform').submit(function () {
2677                if ($('#formerror').attr('data-status') == 'true') {
2678                    return false;
2679                } else {
2680                    var formAction = $('#rid').val() != '' && $('#rid').val() < 10000 ? "https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel" : "https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen";
2681                    var formMethod = 'GET';
2682                    if ($('#oid').val() > 0 && $('#rid').val() > 0) {
2683                        if(formChanged) {
2684                            $('#oid').val('').attr('disabled', true)
2685                            formAction = 'https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/hotel';
2686                        } else {
2687                            formAction = 'https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/offer';
2688                        } 
2689                    }
2690                    if ($('#oid').val() > 0) {
2691                        formAction = 'https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/offer';
2692                    }
2693                    if ($('#sid').val() != undefined && $('#sid').val() != '') {
2694                        formMethod = 'POST';
2695                        formAction = 'https://www.reisebuero-devera.de/urlaubsreisen/pauschalreisen/verify';
2696                    }
2697                    $(this).attr('action', formAction).attr('method', formMethod);
2698                }
2699            });
2700
2701            $("#regionautocomplete, .regionautocomplete-plus").click(function (e) {
2702                if ($(".popover-regionautocomplete").is(':visible') && $('#formerror').attr('data-status') == 'false') {
2703                    $(".popover").hide();
2704                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2705                } else {
2706                    $(".popover").hide();
2707                    $(".popover-regionautocomplete").show();
2708                    $('#autocomplete').focus();
2709                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2710                    $('.regionautocomplete-plus').removeClass('glyphicon-plus').addClass('glyphicon-minus');
2711                    e.stopPropagation();
2712                }
2713            });
2714        });
2715
2716        Vue.component('searchform', {
2717            props: ['hidesearchform'],
2718            data: function() {
2719                return {
2720                    ddate: new Date(ttxml.ddate).format('dd.mm.yyyy'),
2721                    rdate: new Date(ttxml.rdate).format('dd.mm.yyyy'),
2722                    ddate_new_long: dayjs(new Date(ttxml.ddate).format('dd.mm.yyyy'), "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY'),
2723                    rdate_new_long: dayjs(new Date(ttxml.rdate).format('dd.mm.yyyy'), "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY'),
2724                    duration: ttxml.duration,
2725                    hotelpanel: false,
2726                    toggleSearchform: false,
2727                    showSearchform: true,
2728                    advancedsearch: false,
2729                    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"}],
2730                    austrianairports: [{"code":"GRZ","label":"Graz (AT)"},{"code":"INN","label":"Innsbruck (AT)"},{"code":"KLU","label":"Klagenfurt (AT)"},{"code":"LNZ","label":"Linz (AT)"}
2730,{"code":"SZG","label":"Salzburg (AT)"},{"code":"VIE","label":"Wien (AT)"}],
2731                    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)"}],
2732                    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)"}],
2733                    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"}],
2734                    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"}
2734,{"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"}],
2735                    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"}],
2736                    selectedairports: ttxml.airports ? _.split(ttxml.airports, ',') : [],
2737                    selectedtouroperators: ttxml.touroperators ? _.split(ttxml.touroperators, ',') : [],
2738                    selectedfacilities: ttxml.facilities ? _.split(ttxml.facilities, ',') : [],
2739                    selectedroomtypes: ttxml.roomtypes ? _.split(ttxml.roomtypes, ',') : [],
2740                    oceanview: ttxml.oceanview ? true : false,
2741
2742                    searchstr: '',
2743                    autocomplete_search: false,
2744                    autocomplete_list: false,
2745                    searchregions: [],
2746
2747                    shouldResetMarkedParams: false,
2748                    ac:null
2749                }
2750            },
2751            created() {
2752                this.searchRegions = _.debounce(this.search, 400)
2753            },
2754            mounted: function() {
2755                let self = this;
2756                
2757                let dp_depdate = new AirDatepicker('#hindate', {
2758                    locale: window.airdatepickerLocale, 
2759                    startDate: dayjs(self.ddate, "DD.MM.YYYY").format('YYYY-MM-DD'),
2760                    selectedDates: [dayjs(self.ddate, "DD.MM.YYYY").format('YYYY-MM-DD')],
2761                    minDate: dayjs().add(2, 'day').format('YYYY-MM-DD'),
2762                    onSelect({date, formattedDate, datepicker}) {
2763                        self.ddate = formattedDate;
2764                        dp_arrdate.update({
2765                            startDate: dayjs(self.ddate, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'),
2766                            minDate: dayjs(self.ddate, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2767                        });  
2768                        dp_arrdate.selectDate(dayjs(self.ddate, "DD.MM.YYYY").add(14, 'day').format('YYYY-MM-DD'));  
2769                        self.ddate_new_long = dayjs(self.ddate, "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY');
2770                    },
2771                    inline: true,
2772                    autoClose: true,
2773                    });
2774
2775                let dp_arrdate = new AirDatepicker('#rueckdate', {
2776                    locale: window.airdatepickerLocale,
2777                    startDate: dayjs(self.rdate, "DD.MM.YYYY").format('YYYY-MM-DD'),
2778                    selectedDates: [dayjs(self.rdate, "DD.MM.YYYY").format('YYYY-MM-DD')],
2779                    minDate: dayjs(self.ddate, "DD.MM.YYYY").add(1, 'day').format('YYYY-MM-DD'),
2780                    onSelect({date, formattedDate, datepicker}) {
2781                        self.rdate = formattedDate;
2782                        self.rdate_new_long = dayjs(self.rdate, "DD.MM.YYYY").locale('de').format('dd, DD.MM.YYYY');
2783                    },
2784                    inline: true,
2785                    autoClose: true
2786                    });
2787
2788                try {
2789                    if (localStorage.getItem('ttxml_package_advancedsearch')) {
2790                        this.advancedsearch = true;
2791                        localStorage.removeItem('ttxml_package_advancedsearch');
2792                    }
2793                } catch (error) {}
2794
2795                                            },
2796            computed: {
2797                durationComp: function() {
2798                    if(isNaN(this.duration)) {
2799                        const temp = this.duration.split('-');
2800                        return temp[0];
2801                    }
2802                    return this.duration;
2803                },
2804                diff: function() {
2805                    const date1 = dayjs(this.rdate, "DD.MM.YYYY");
2806                    const date2 = dayjs(this.ddate, "DD.MM.YYYY");
2807                    return date1.diff(date2, 'day');
2808                },
2809                durationerror: function() {
2810                    if (this.durationComp > this.diff) {
2811                        return true;
2812                    }
2813                    return false;
2814                },
2815                chunkedGermanAirports: function() {
2816                    var items = this.germanairports;
2817                    var size = items.length / 3;
2818
2819                    return _.chunk(items, _.ceil(size));
2820                },
2821                chunkedAustrianAirports: function() {
2822                    var items = this.austrianairports;
2823                    var size = items.length / 3;
2824
2825                    return _.chunk(items, _.ceil(size));
2826                },
2827                chunkedSwissAirports: function() {
2828                    var items = this.swissairports;
2829                    var size = items.length / 3;
2830
2831                    return _.chunk(items, _.ceil(size));
2832                },
2833                chunkedEuropeanAirports: function() {
2834                    var items = this.europeanairports;
2835                    var size = items.length / 3;
2836
2837                    return _.chunk(items, _.ceil(size));
2838                },
2839                compSelectedAirports: function() {
2840                    return _.join(this.selectedairports, ',');
2841                },
2842                chunkedTouroperators: function() {
2843                    var items = _.filter(this.touroperators, ['active', 'true']);
2844                    var size = items.length / 3;
2845
2846                    return _.chunk(items, _.ceil(size));
2847                },
2848                compSelectedTouroperators: function() {
2849                    return _.join(this.selectedtouroperators, ',');
2850                },
2851                chunkedFacilities: function() {
2852                    var items = this.facilities;
2853                    var size = items.length / 3;
2854
2855                    return _.chunk(items, _.ceil(size));
2856                },
2857                compSelectedFacilities: function() {
2858                    return _.join(this.selectedfacilities, ',');
2859                },
2860                chunkedRoomtypes: function() {
2861                    var items = this.roomtypes;
2862                    var size = items.length / 3;
2863
2864                    return _.chunk(items, _.ceil(size));
2865                },
2866                compSelectedRoomtypes: function() {
2867                    return _.join(this.selectedroomtypes, ',');
2868                },
2869                compOceanview: function() {
2870                    if (this.oceanview) {
2871                        return 1;
2872                    }
2873                },
2874            },
2875            watch: {
2876                selectedairports: function() {
2877                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2878                    $('.offerupdate').show();
2879                },
2880                selectedtouroperators: function() {
2881                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2882                    $('.offerupdate').show();
2883                },
2884                selectedfacilities: function() {
2885                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2886                    $('.offerupdate').show();
2887                    formChanged = true;
2888                },
2889                selectedroomtypes: function() {
2890                    $('.popover-save').removeClass('btn-default').addClass('btn-success');
2891                    $('.offerupdate').show();
2892                }
2893            },
2894            methods: {
2895                setRegion: function (region) {
2896                    if (region.data && region.data.category == 'Ort') {
2897                        $('#rid').val(region.data.rid);
2898                        $('#cid').val(region.id);
2899                        $('#country').val('').prop( "disabled", true );
2900                    } else if (region.data && region.data.category == 'Land') {
2901                        $('#country').val(region.data.countryCode);
2902                        $('#rid').val('').prop( "disabled", true );
2903                        $('#cid').val('').prop( "disabled", true );
2904                    } else if (region.data && region.data.category == 'Object') {
2905                        $('#oid').val(region.oid);
2906                        $('#country').val('').prop( "disabled", true );
2907                        $('#rid').val('').prop( "disabled", true );
2908                        $('#cid').val('').prop( "disabled", true );
2909                    } else {
2910                        $('#rid').val(region.id);
2911                        $('#cid').val('').prop( "disabled", true );
2912                        $('#country').val('').prop( "disabled", true );
2913                    }
2914                    $('#regionautocomplete').html(region.value);
2915                    $('.offerupdate').show();
2916                    $(".popover").hide();
2917                    $('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2918                    this.autocomplete_list = false;
2919                    this.searchstr = '';
2920                    this.searchregions = false;
2921                    formChanged = true;
2922                },
2923                getSelectedItemLabel: function (array, str) {
2924                    var item = _.find(array, {'code': str});
2925                    if (item)
2926                        return item.label;
2927                },
2928                search: async function() {          
2929                    if (this.searchstr.length <= 1) {
2930                        this.autocomplete_list = false;
2931                        this.autocomplete_list = [];
2932                        if (this.ac) this.ac.abort();
2933                        return;
2934                    }
2935
2936                    if (this.ac) this.ac.abort();
2937                    this.ac = new AbortController();
2938
2939                    $('#oid, #country, #rid, #cid').val('').prop('disabled', false);
2940
2941                    try {
2942                        const res = await fetch(
2943                            'https://www.reisebuero-devera.de/ttxmlwsservice/search?ressource=package&q=' + encodeURIComponent(this.searchstr),
2944                            {
2945                                signal: this.ac.signal,
2946                                headers: { 'Accept': 'application/json' },
2947                                cache: 'no-store'
2948                            }
2949                        );
2950
2951                        if (!res.ok) {
2952                            this.autocomplete_list = false;
2953                            this.searchregions = [];
2954                            return;
2955                        }
2956
2957                        let data = [];
2958                        try {
2959                            data = await res.json();
2960                        } catch (e) {
2961                            return;
2962                        }
2963
2964                        if (this.ac.signal.aborted) return;
2965
2966                        this.searchregions = data;
2967                        this.autocomplete_list = true;
2968                        formChanged = true;
2969
2970                    } catch (err) {
2971                        if (err.name === 'AbortError') return;
2972                        if (/NetworkError|Failed to fetch/i.test(err.message || '')) return;
2973                    }
2974                },
2975
2976                markString: function(str, query) {
2977                    const n = str.toUpperCase();
2978                    const q = query.toUpperCase();
2979                    const x = n.indexOf(q);
2980                    if (!q || x === -1) {
2981                        return str; // bail early
2982                    }
2983                    const l = q.length;
2984                    return str.substr(0, x) + '<span class="tw-text-blue-600">' + str.substr(x, l) + '</span>' + str.substr(x + l);
2985                },
2986                resetMarkedParams: function() {
2987                    $('#outflighttime').val('');
2988                    $('#inflighttime').val('');
2989                    $('#transfer').val('');
2990                    $('#directflight').val('');
2991                    $('#railandfly').val('');
2992                    $('#priceperperson').val('');
2993                    $('#mealtype').val('');
2994                    $('#sports').val('');
2995                    $('#recommend').val('');
2996                    $('#rating').val('');
2997                    $('#roomtypes').val('');
2998                    this.selectedroomtypes = [];
2999                    this.selectedfacilities = [];
3000                    this.selectedtouroperators = [];
3001                    this.oceanview = false;
3002                    $('label > svg').addClass('hidden');
3003                    this.shouldResetMarkedParams = false;
3004                },
3005            }
3006        })
3007    </script>
vendor: 1 bytes, line 3007
3007
3008<script>
3009    
3010    $(function() {
3011        try {
3012            if (sessionStorage.getItem('mailingId') != null) {
3013                $('.mailingbutton').attr('href', 'https://www.reisebuero-devera.de/mailing?h=' + sessionStorage.getItem('mailingId'))
3014                $('.mailingbutton').removeClass('tw-hidden').addClass('tw-flex');
3015            }
3016        } catch (error) {}
3017
3018        $('[data-toggle="tooltip"]').tooltip();
3019
3020        $('.eurokurse').click(function() {
3021            var betrag = $('#eurbetrag').val();
3022            if (betrag != '') {
3023                axios.post('https://www.reisebuero-devera.de/api/eurokurs', {'currency': 'CHF', 'betrag': betrag}).then(function (response) {
3024                    $('#chfbetrag').val(response.data + ' CHF');
3025                });
3026            }
3027        })
3028
3029            });
3030
3031        Vue.config.devtools = false;
3032    Vue.config.silent = true;
3033    
3034    
3035    Vue.component('alert', {
3036        props: {
3037            type: {
3038                type: String,
3039                default: '',
3040                required: true
3041            },
3042            dismissable: {
3043                type: String,
3044                default: '',
3045                required: false
3046            },
3047            autoclose: {
3048                type: String,
3049                default: '',
3050                required: false
3051            },
3052            placement: {
3053                type: String,
3054                default: '',
3055                required: false
3056            }
3057        },
3058        data: function() {
3059            return {
3060                visible: true
3061            };
3062        },
3063        computed: {
3064            compDuration: function () {
3065                if (this.autoclose == '') {
3066                    return 8000;
3067                }
3068                return Number(this.autoclose);
3069            },
3070            compDismissable: function () {
3071                if (this.dismissable == '') {
3072                    return true;
3073                }
3074                return false
3075            }
3076        },
3077        mounted: function () {
3078            this.$nextTick(function () {
3079                if (this._timeout) clearTimeout(this._timeout)
3080                if (this.compDuration > 0) {
3081                    var that = this;
3082                    this._timeout = setTimeout(function() {
3083                        that.visible = false;
3084                    }, this.compDuration)
3085                }
3086            })
3087        },
3088        template: '#alert-template'
3089    })
3090
3091    
3092    Vue.component('datepicker', {
3093        props: ['name', 'defaultDate', 'minDate', 'depPicker', 'depPickerAddDays'],
3094        mounted: function () {
3095            let vm = this;
3096            this.picker = new Pikaday({
3097                field: this.$refs.node,
3098                format: 'DD.MM.YYYY',
3099                minDate: moment(this.minDate).toDate(),
3100                defaultDate: moment(this.defaultDate).toDate(),
3101                setDefaultDate: moment(this.defaultDate).toDate(),
3102                yearRange: [2000,2020],
3103                numberOfMonths: 1,
3104                firstDay: 1,
3105                onSelect: function () {
3106                    if (vm.depPicker) {
3107                        vm.$parent.$refs[vm.depPicker].picker.setMinDate(this.getMoment().add(1, 'days').toDate());
3108                        vm.$parent.$refs[vm.depPicker].picker.setDate(this.getMoment().add(vm.depPickerAddDays, 'days').toDate(), true);
3109                    }
3110                },
3111                i18n: {
3112                    previousMonth : 'Vorheriger Monat',
3113                    nextMonth     : 'N&auml;chster Monat',
3114                    months        : ['Januar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
3115                    weekdays      : ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
3116                    weekdaysShort : ['So','Mo','Di','Mi','Do','Fr','Sa']
3117                }
3118            })
3119        },
3120        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>'
3121    });
3122
3123    var vueapp = new Vue({
3124        el: '#vueapp',
3125        data: {
3126            navCollapsed: true,
3127            followup: false,
3128            showCookieConsent: false,
3129            cookies: [],
3130            cookieConsent: {}
3131        },
3132        mounted: function () {
3133                            this.$nextTick(function () {
3134                if (top != window){
3135                } else {
3136                                            this.showCookieConsent = true;
3137                                    }
3138            });
3139                    },
3140        methods: {
3141            saveCookieConsent: function(selection) {
3142                if (selection === 'all') {this.cookies = ['p', 's', 'm']}
3143
3144                this.cookies.indexOf('p') !== -1 ? this.cookieConsent.p = true : this.cookieConsent.p = false;
3145                this.cookies.indexOf('s') !== -1 ? this.cookieConsent.s = true : this.cookieConsent.s = false;
3146                this.cookies.indexOf('m') !== -1 ? this.cookieConsent.m = true : this.cookieConsent.m = false;
3147
3148                axios.post('/api/_cookieconsent', JSON.stringify(this.cookieConsent)).then(function(response) {
3149                    this.showCookieConsent = false;
3150                    if (this.cookies.indexOf('s') !== -1)
3151                        location.reload();
3152                }.bind(this));
3153            }
3154        }
3155    });
3156</script>
3156
3157
3158
3159<!-- ||monitor|| -->
3160</body>
3161</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.