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