www.tui.ch
Open in
urlscan Pro
2a02:2e0:41b:1030:f::17
Public Scan
Submitted URL: https://tui.ch/
Effective URL: https://www.tui.ch/de/
Submission: On October 03 via api from CH — Scanned from CH
Effective URL: https://www.tui.ch/de/
Submission: On October 03 via api from CH — Scanned from CH
Form analysis 3 forms found in the DOM
<form><input class=" form-control" type="text" id="searchInput" placeholder="Website durchsuchen" autocomplete="off" value=""><span class="icon" style="mask-image: url("https://static.tui.com/assets/v2/icons/tui-light/search.svg");"></span>
</form>Name: simpleSearch — POST
<form class="cs__form ng-pristine ng-valid ng-valid-required" ng-class="{'cs__form--f-open': homeSearchViewState.detailSearchOpen && IbeApi.state.data.type, 'cs__form--nt': !IbeFilterSchema.searchScope.allowedValues.length}"
novalidate="novalidate" ng-submit="submitIbeSearch()" method="post" name="simpleSearch"><!-- ngIf: !IbeFilterSchema.searchScope.allowedValues.length -->
<section nsd-component-search-box="" class="col-xs-12 / js-component-search-box"><!-- ngIf: IbeApi.state.stepName != 'homesearch' -->
<div class="clearfix" nsd-validation-controller="searchForm" nsd-validaton-error-display="div">
<div class="col-md-8">
<div class="row">
<div class="cs-dd cs-dd--des / col-sm-6 / js-cs-des ng-isolate-scope" search-box-destination-combined="" search-box="searchBox" nsd-scroll-to-parent-container=".js-component-search-box">
<div class="cs-mbl-hd">
<p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Reiseziel <button type="button" ng-show="isOpen" ng-click="close()"
class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right ng-hide"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
<section class="cs__input cs__input--top cs__input--des / js-cs-des-input / cc-cs-destination" id="destination-lookup-container" nsd-validation-container="destination"><label
class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2 ng-binding" for="destination-lookup" id="destination-lookup-label">Wo soll es hin gehen?
<i nsd-validation-container-icon="" class="icon icon--important-badge-fill / u-dis-n u-pos-abs u-m-l05 u-c-pointer" aria-hidden="true" style="display: none;"></i></label>
<div class="input-group"><input type="text" autocomplete="off" class="form-control--cs cs__valid-label / b3 / form-control / cc-cs-input-destination ng-pristine ng-untouched ng-valid ng-empty" id="destination-lookup"
name="destination" nsd-validation-field="destination" nsd-validation-type="destinationRequired" nsd-validation-required="" placeholder="Land, Region, Ort, Hotel" ng-model="destinationName" ng-model-options="{debounce: 200}"
ng-click="open()" ng-change="changeInput()"><span class="cs__invalid-label / u-dis-n u-c-pointer ng-binding" ng-click="open()">Bitte auswählen. </span><span class="input-group-btn"><button type="button"
ng-show="destinationName.length" ng-click="resetDestination()" class="btn-input / btn ng-hide" id="destination-reset"
title="Eingabe entfernen"><i class="btn-input__icon / icon icon--keycode-del-fill / b3" aria-hidden="true"></i></button><button type="button" ng-show="!isOpen" ng-click="focus()" class="u-p-l15 / btn-input / btn"
id="destination-dropdown-open"><i class="btn-input__icon / icon icon--location-fill / b3" aria-hidden="true"></i></button><button type="button" ng-show="isOpen" ng-click="close()"
class="cs-dd__des-close / u-p-l15 / btn btn-input / hidden-xs ng-hide" id="destination-dropdown-close"><i class="icon icon--close / u-db-c b3 u-dis-b" aria-hidden="true"></i></button></span></div>
</section>
</div>
<div class="cs-dd__con cs-dd__con--des / u-pos-abs u-bg-be30 / js-cs-des-con / cc-cs-dropdown-destination ng-hide" ng-show="isOpen" id="destination-dropdown-list-container">
<!-- ngIf: destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest -->
<ul ng-if="destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest" class="list-unstyled ng-scope" id="destination-dropdown-list"><!-- ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope optgroup selected clickable current" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Beliebig</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope optgroup" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Top-Reiseziele</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">beliebteste Reiseziele</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1197" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mallorca</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1177" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kreta</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1281" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Side & Alanya</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1118" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Fuerteventura</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1123" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Gran Canaria</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1260" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Rhodos</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1296" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Teneriffa</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1132" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Hurghada & Safaga</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1051" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Antalya & Belek</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1327|1175" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kos</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope optgroup" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Alle Reiseziele von A-Z</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1001" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Ägypten</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1000" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Afrika</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1021|6341" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Albanien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1016|6373" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Amalfiküste</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1036|6349" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Andorra</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6365" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Armenien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6359" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Aserbaidschan</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Asien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1008|6375" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Bahrain</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1003" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Balearen</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1328" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Bali & Indonesien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1025|6355" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Belize</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1005" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Bulgarien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1006" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Deutschland</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1618|1007" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Dominikanische Republik</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="6330|1101" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Dubai</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1008" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Dubai & Arabische Halbinsel</a><!-- ngIf: dest.subtitle -->
</li><!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1011" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Frankreich</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1638|1118" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Fuerteventura</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1000|6379" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Gambia</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6353" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Georgien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1639|1123" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Gran Canaria</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1329" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Griechenland</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1014" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Griechische Inseln</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1025|6343" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Guatemala</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1331" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Ibiza & Formentera</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1015" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Indischer Ozean</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1332" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Israel</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1016" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Italien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1640|1155" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Jamaika</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1641|1158" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Jordanien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1018" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kanarische Inseln</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="6345" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kap Verde - weitere Inseln</a><!-- ngIf: dest.subtitle -->
</li><!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1333" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kapverdische Inseln</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1618" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Karibik</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6361" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kasachstan</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6357" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kirgisistan</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1021|6371" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kosovo</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1022" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kroatien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1023" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kuba</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1642|1186" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Lanzarote</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1335|1192" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Madeira</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1015|1196" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Malediven</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1336" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mallorca / Menorca</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1337|1198" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Malta</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1646" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Marokko</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1338" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mauritius & Reunion</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1024" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mexiko</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1025" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mittelamerika</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1026" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Mitteleuropa</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1021|6369" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Moldawien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1029|6383" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Montafon</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1027" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Naher Osten</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1021|6367" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Nord-Mazedonien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1029" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Österreich</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1002|6381" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Philippinen</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1032" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Portugal</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1043|1259" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Republik Zypern (Süden)</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1459|6351" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Samoa</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="2543|1271" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sardinien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1008|6387" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Saudi-Arabien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1034" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Schweiz</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1000|6377" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Senegal</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1340|1278" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Seychellen</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="2545|1283" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sizilien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="2761" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Slowenien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1036" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Spanien (Festland)</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1341|1284" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sri Lanka</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1571" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Südafrika</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1037" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Südamerika</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1643|1296" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Teneriffa</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1038" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Thailand</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="2759" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Tirol</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1040" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Türkei</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="6385" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Türkische Ägäis</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="6329" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Türkische Riviera</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1645" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Tunesien</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1039|6347" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Tunesien - Inland</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="1342" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">USA/Kanada</a><!-- ngIf: dest.subtitle --></li>
<!-- end ngRepeat: dest in getDestinations() -->
<li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value && dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value && dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
data-val="6330" ng-mouseenter="$parent.selectedIndex = $index">
<a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Vereinigte Arabische Emirate</a><!-- ngIf: dest.subtitle -->
</li><!-- end ngRepeat: dest in getDestinations() -->
</ul><!-- end ngIf: destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest --><!-- ngIf: !(destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest) -->
</div>
</div>
<div class="cs-dd / col-sm-6 ng-scope" ng-show="searchBox.state.searchScope != 'HOTEL'" nsd-component-search-box-popover="" partial="departure" validate-on-close="departureAirport" nsd-scroll-to-parent-container=".js-component-search-box">
<div class="js-popover">
<div class="cs-mbl-hd">
<p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Abflughafen <button type="button" data-dismiss="popover"
class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
<section class="cs__input cs__input--top cs__input--dep / u-c-pointer / js-popover-trigger / cc-cs-departure" nsd-validation-container="departureAirport"><label
class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2 ng-binding" id="compact-departure-label">Von
wo? <!-- --><i nsd-validation-container-icon="" class="icon icon--important-badge-fill / u-dis-n u-c-pointer" aria-hidden="true" style="display: none;"></i></label><button type="button" nsd-validation-field="departureAirport"
nsd-validation-type="departureAirportRequired" nsd-validation-departure-airports="searchBox.state.departureAirports" nsd-validation-search-scope="searchBox.state.searchScope" nsd-validation-required=""
class="cs-dd__trigger / u-ellipsis u-pos-rel / btn-input btn-text-color btn-with-divider / btn btn-lg btn-block" id="compact-departure"><span class="cs__valid-label ng-binding">Schweiz </span><span
class="cs__invalid-label / u-dis-n ng-binding">Bitte auswählen. </span><span class="btn-divider / b3 / btn"><i class="btn-input__icon / icon icon--aircraft-up" aria-hidden="true"></i></span></button></section><span
class="cs-dd__close / u-pos-abs / hidden-xs" data-dismiss="popover" role="button"><i class="icon icon--close / u-db-c" aria-hidden="true"></i></span>
</div>
<section class="cs-dd__con cs-dd__con--dep / u-pos-abs u-bg-be30 / cc-cs-dropdown-depature">
<div class="cs-dd__dep-cols"><!-- ngRepeat: airportGroup in IbeApi.state.referenceData.airportGroups -->
<div class="cs-dd__dep-group cs-dd__dep-group--swiss" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-SWISS" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="SWISS"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-SWISS" ng-click="toggleAirportGroup(airportGroup, $event)" title="Schweiz">Schweiz</label>
<ul class="cs-dd__dep-list / u-m-b0 / list-unstyled"><!-- ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_BRN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="BRN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BRN" ng-click="toggleAirport(airportCode, $event)"
title="Bern-Belp (BRN)">Bern-Belp<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding u-db-c" ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">BRN</span></label>
</li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_BSL" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="BSL"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BSL" ng-click="toggleAirport(airportCode, $event)"
title="Basel (BSL)">Basel<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding u-db-c" ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">BSL</span></label></li>
<!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_GVA" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="GVA"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_GVA" ng-click="toggleAirport(airportCode, $event)"
title="Genf (GVA)">Genf<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding u-db-c" ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">GVA</span></label></li>
<!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_SIR" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="SIR"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_SIR" ng-click="toggleAirport(airportCode, $event)"
title="Sion (SIR)">Sion<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding u-db-c" ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">SIR</span></label></li>
<!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_ZRH" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="ZRH"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_ZRH" ng-click="toggleAirport(airportCode, $event)"
title="Zürich (ZRH)">Zürich<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding u-db-c" ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">ZRH</span></label></li>
<!-- end ngRepeat: airportCode in airportGroup.airports -->
</ul>
</div><!-- end ngRepeat: airportGroup in IbeApi.state.referenceData.airportGroups -->
<div class="cs-dd__dep-group cs-dd__dep-group--austria" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-AUSTRIA" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="AUSTRIA"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-AUSTRIA" ng-click="toggleAirportGroup(airportGroup, $event)" title="Österreich">Österreich</label>
<ul class="cs-dd__dep-list / u-m-b0 / list-unstyled"><!-- ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_INN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="INN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_INN" ng-click="toggleAirport(airportCode, $event)"
title="Innsbruck (INN)">Innsbruck<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">INN</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_SZG" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="SZG"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_SZG" ng-click="toggleAirport(airportCode, $event)"
title="Salzburg - W.A.Mozart (SZG)">Salzburg - W.A.Mozart<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">SZG</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
</ul>
</div><!-- end ngRepeat: airportGroup in IbeApi.state.referenceData.airportGroups -->
<div class="cs-dd__dep-group cs-dd__dep-group--south" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-SOUTH" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="SOUTH"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-SOUTH" ng-click="toggleAirportGroup(airportGroup, $event)" title="Deutschland Süd">Deutschland Süd</label>
<ul class="cs-dd__dep-list / u-m-b0 / list-unstyled"><!-- ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_FDH" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="FDH"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_FDH" ng-click="toggleAirport(airportCode, $event)"
title="Friedrichshafen (FDH)">Friedrichshafen<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">FDH</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_FKB" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="FKB"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_FKB" ng-click="toggleAirport(airportCode, $event)"
title="Karlsruhe/Baden-Baden (FKB)">Karlsruhe/Baden-Baden<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">FKB</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_MUC" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="MUC"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_MUC" ng-click="toggleAirport(airportCode, $event)"
title="München (MUC)">München<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">MUC</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_STR" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="STR"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_STR" ng-click="toggleAirport(airportCode, $event)"
title="Stuttgart (STR)">Stuttgart<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">STR</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
</ul>
</div><!-- end ngRepeat: airportGroup in IbeApi.state.referenceData.airportGroups -->
<div class="cs-dd__dep-group cs-dd__dep-group--france" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-FRANCE" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="FRANCE"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-FRANCE" ng-click="toggleAirportGroup(airportGroup, $event)" title="Frankreich">Frankreich</label>
<ul class="cs-dd__dep-list / u-m-b0 / list-unstyled"><!-- ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_SXB" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="SXB"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_SXB" ng-click="toggleAirport(airportCode, $event)"
title="Straßburg (SXB)">Straßburg<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding cs-dd__dep-code--grey"
ng-class="{'u-db-c': isChecked(airportCode), 'cs-dd__dep-code--grey': !isChecked(airportCode)}">SXB</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
</ul>
</div><!-- end ngRepeat: airportGroup in IbeApi.state.referenceData.airportGroups -->
</div>
<hr class="cs-dd__hr">
<div class="cs-dd__bottom / cs-mbl-hd__bttm / row">
<div class="col-xs-12 col-sm-8 col-md-9">
<!-- ngIf: popover.state.departureAirports.length --><a class="cs-dd__r / u-l-base-c u-dis-b u-c-pointer ng-scope" ng-if="popover.state.departureAirports.length" ng-click="clearAirportSelection();"><i class="u-p-r1 / icon icon--close" aria-hidden="true"></i><span class="ng-binding">Auswahl aufheben</span></a><!-- end ngIf: popover.state.departureAirports.length -->
</div>
<div class="col-xs-12 col-sm-4 col-md-3"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
</div>
</section>
</div>
</div>
<div class="cs-dd / col-sm-6 ng-hide" ng-show="searchBox.state.searchScope == 'HOTEL' && IbeFilterSchema.searchScope.allowedValues | includes: 'PACKAGE'" nsd-scroll-to-parent-container=".js-component-search-box">
<a class="cs__flight-btn / u-w-100 b3 / btn btn-dashed" ng-click="searchBox.state.searchScope = 'PACKAGE'; filters.addFilterToUserDefinedFilterMemory('searchScope');"><span class="ng-binding"><i class="u-m-r05 / icon icon--plus-fill" aria-hidden="true"></i>Flug hinzufügen </span><i class="icon icon--aircraft-up" aria-hidden="true"></i></a>
</div>
<div class="cs-dd / col-sm-6 ng-scope" nsd-component-search-box-popover="" validate-on-close="travelRange" partial="duration" nsd-scroll-to-parent-container=".js-component-search-box"
nsd-alternative-validation-container="travelRangePopover">
<div class="js-popover">
<div class="cs-mbl-hd">
<p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Reisezeitraum <button type="button" data-dismiss="popover"
class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
<section class="cs__input cs__input--top / u-c-pointer / js-popover-trigger / cc-cs-duration" nsd-validation-container="travelRange"><label class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2"
id="compact-duration-label"><span translate="compactSearch.searchBoxes.duration.howLongWhere" class="ng-scope">Wann & wie
lange?</span> <!-- --><i ng-hide="searchBox.popoverOpen == 'duration'" nsd-validation-container-icon="" class="icon icon--important-badge-fill / u-dis-n u-c-pointer" aria-hidden="true" style="display: none;"></i></label><button
type="button" class="cs-dd__trigger / u-ellipsis u-pos-rel / btn-input btn-text-color btn-with-divider / btn btn-lg btn-block" id="compact-duration" nsd-validation-type="searchFormDates" nsd-validation-field="travelRange"
nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate" nsd-validation-search-scope="searchBox.state.searchScope"><span
class="cs__validation-label ng-binding">06.10.2024 - 04.01.2025, 1 Woche </span><span class="btn-divider / b3 / btn"><i class="btn-input__icon / icon icon--calendar-month" aria-hidden="true"></i></span></button></section><span
class="cs-dd__close / u-pos-abs hidden-xs" data-dismiss="popover" role="button"><i class="icon icon--close / u-db-c u-p-l05" aria-hidden="true"></i></span>
</div>
<section class="cs-dd__con / u-pos-abs u-bg-be30 / cc-cs-dropdown-duration" nsd-validation-container="travelRangePopover">
<div class="row">
<div class="col-xs-6" nsd-component-search-box-field="" partial="startDate">
<div class="cs__input" nsd-date-picker-bootstrap="popover.state.startDate" nsd-date-picker-min-date="popover.state.minStartDate" nsd-date-picker-max-date="IbeApi.state.referenceData.maxFlightReturnDate"><label
class="cs__label / u-m-b0 u-ellipsis u-c-pointer u-dis-b u-v-top b2 ng-binding" for="popoverStartDate">Früheste Hinreise </label>
<div class="u-pos-rel"><input type="text" name="startDate" class="cs-dd__input / u-pos-rel b3 u-c-pointer / form-control--cs / form-control / js-datepicker" id="popoverStartDate" autocomplete="off"
nsd-validation-field="startDate" nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
nsd-validation-search-scope="searchBox.state.searchScope" nsd-validation-field-dependencies="'popoverDuration'" nsd-validation-required="" ng-click="popoverService.trackClick($event, 'start date')" ng-readonly="readonly">
<div class="u-pos-abs u-pos-bo-ri-0 / btn-input / btn"><i class="btn-input__icon / icon icon--calendar-month / b3" aria-hidden="true"></i></div>
</div>
</div>
</div>
<div class="col-xs-6" nsd-component-search-box-field="" partial="endDate">
<div class="cs__input cs__input--end" nsd-date-picker-bootstrap="popover.state.endDate" nsd-date-picker-min-date="popover.state.minEndDate" nsd-date-picker-max-date="IbeApi.state.referenceData.maxFlightReturnDate"><label
class="cs__label / u-m-b0 u-ellipsis u-c-pointer u-dis-b u-v-top b2 ng-binding" for="popoverEndDate">Späteste Rückreise </label>
<div class="u-pos-rel"><input type="text" name="endDate" class="cs-dd__input / u-pos-rel b3 u-c-pointer / form-control--cs / form-control / js-datepicker" id="popoverEndDate" autocomplete="off" nsd-validation-field="endDate"
nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
nsd-validation-search-scope="searchBox.state.searchScope" nsd-validation-field-dependencies="'popoverDuration'" nsd-validation-required="" ng-click="popoverService.trackClick($event, 'end date')" ng-readonly="readonly">
<div class="u-pos-abs u-pos-bo-ri-0 / btn-input / btn"><i class="btn-input__icon / icon icon--calendar-month / b3" aria-hidden="true"></i></div>
</div>
</div>
</div>
<div class="col-xs-12" nsd-component-search-box-field="" partial="duration">
<div class="fl-ng2-slct fl-ng2-slct--cs / u-pos-rel / form-group"><label class="fl-ng2-slct__lbl fl-ng2-slct__lbl--cs / u-pos-abs ng-binding" for="popoverDuration">Ihre Reisedauer </label><select nsd-validation-required=""
name="duration" class="fl-ng2-slct__slct fl-ng2-slct__slct--cs / u-c-pointer ng-pristine ng-untouched ng-valid ng-not-empty" id="popoverDuration" ng-model="popover.state.duration" nsd-validation-field="duration"
nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
nsd-validation-search-scope="searchBox.state.searchScope" ng-click="popoverService.trackClick($event, 'durations')"><!-- ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
<optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="default" class="ng-binding ng-scope">Beliebig</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="exact" class="ng-binding ng-scope">Exakt wie angegeben</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
</optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
<optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Wochen - exakt" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="7-" class="ng-binding ng-scope" selected="selected">1 Woche</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="14-" class="ng-binding ng-scope">2 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="21-" class="ng-binding ng-scope">3 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="28-" class="ng-binding ng-scope">4 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="35-" class="ng-binding ng-scope">5 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="42-" class="ng-binding ng-scope">6 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
</optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
<optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Nächte - flexibel" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="1-4" class="ng-binding ng-scope">1-4 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="5-8" class="ng-binding ng-scope">5-8 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="9-12" class="ng-binding ng-scope">9-12 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="13-15" class="ng-binding ng-scope">13-15 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
</optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
<optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Nächte - exakt" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="1" class="ng-binding ng-scope">1 Nacht</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="2" class="ng-binding ng-scope">2 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="3" class="ng-binding ng-scope">3 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="4" class="ng-binding ng-scope">4 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="5" class="ng-binding ng-scope">5 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="6" class="ng-binding ng-scope">6 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="7" class="ng-binding ng-scope">7 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="8" class="ng-binding ng-scope">8 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="9" class="ng-binding ng-scope">9 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="10" class="ng-binding ng-scope">10 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="11" class="ng-binding ng-scope">11 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="12" class="ng-binding ng-scope">12 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="13" class="ng-binding ng-scope">13 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="14" class="ng-binding ng-scope">14 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="15" class="ng-binding ng-scope">15 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="16" class="ng-binding ng-scope">16 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="17" class="ng-binding ng-scope">17 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="18" class="ng-binding ng-scope">18 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="19" class="ng-binding ng-scope">19 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="20" class="ng-binding ng-scope">20 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="21" class="ng-binding ng-scope">21 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="22" class="ng-binding ng-scope">22 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="23" class="ng-binding ng-scope">23 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="24" class="ng-binding ng-scope">24 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="25" class="ng-binding ng-scope">25 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="26" class="ng-binding ng-scope">26 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="27" class="ng-binding ng-scope">27 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="28" class="ng-binding ng-scope">28 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="29" class="ng-binding ng-scope">29 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="30" class="ng-binding ng-scope">30 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="31" class="ng-binding ng-scope">31 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="32" class="ng-binding ng-scope">32 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="33" class="ng-binding ng-scope">33 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="34" class="ng-binding ng-scope">34 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="35" class="ng-binding ng-scope">35 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="36" class="ng-binding ng-scope">36 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="37" class="ng-binding ng-scope">37 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="38" class="ng-binding ng-scope">38 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="39" class="ng-binding ng-scope">39 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="40" class="ng-binding ng-scope">40 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="41" class="ng-binding ng-scope">41 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
<option ng-repeat="option in optGroup.options track by option.value" value="42" class="ng-binding ng-scope">42 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
</optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
</select></div>
</div>
<div class="error-message / col-xs-12" nsd-validation-error-target="popoverStartDate,popoverEndDate,popoverDuration" style="display: none;"></div>
</div>
<hr class="cs-dd__hr cs-dd__hr--m">
<div class="cs-dd__bottom / cs-mbl-hd__bttm / row">
<div class="col-xs-12 col-sm-6 col-sm-offset-6"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
</div>
</section>
</div>
</div>
<div class="cs-dd / col-sm-6 ng-scope" nsd-component-search-box-popover="" partial="travellers" nsd-scroll-to-parent-container=".js-component-search-box" nsd-validation-container="travellers">
<div class="js-popover">
<div class="cs-mbl-hd">
<p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Reisende <button type="button" data-dismiss="popover"
class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
<div class="cs__input cs__input--top / u-c-pointer / js-popover-trigger / cc-cs-travellers"><label class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2" id="compact-travellers-label"><span class="ng-binding">Wer
reist mit?</span> <!-- --><i nsd-validation-container-icon="" class="icon icon--important-badge-fill / u-dis-n u-c-pointer" aria-hidden="true" style="display: none;"></i></label><button
class="cs-dd__trigger / u-ellipsis u-pos-rel / btn-input btn-text-color btn-with-divider / btn btn-lg btn-block" type="button" id="compact-travellers" nsd-validation-field="travellers"
nsd-validation-type="travellersRequired"><span class="cs__validation-label ng-binding">2 Erwachsene </span> <span
class="btn-divider / b3 / btn"><i class="btn-input__icon / icon icon--user-family-fill" aria-hidden="true"></i></span></button></div><span class="cs-dd__close / u-pos-abs / hidden-xs" data-dismiss="popover"
role="button"><i class="icon icon--close / u-db-c" aria-hidden="true"></i></span>
</div>
<section class="cs-dd__con / u-pos-abs u-bg-be30 / cc-cs-dropdown-travellers" nsd-hint="">
<div class="cs-dd__trvllr / row ng-pristine ng-valid ng-valid-required" ng-form="travellersForm"><!-- ngRepeat: room in popover.state.travellers | limitTo: popover.state.travellers.length -->
<div class="cs-dd__room / col-xs-12 ng-scope" ng-class="{'u-bg-be60': $index % 2 === 1}" ng-repeat="room in popover.state.travellers | limitTo: popover.state.travellers.length"><nsd-component-search-box-room index="$index"
room="room" removable="$index > 1 || popover.state.travellers.length > 1" on-remove="removeRoom($event, index)" multi-room="featureEnabled.multiRoom" show-validation-messages="showValidationMessages" class="ng-isolate-scope">
<div class="row">
<div class="col-xs-6"><!-- ngIf: $ctrl.multiRoom -->
<p class="bold u-db-c ng-binding ng-scope" ng-if="$ctrl.multiRoom" ng-bind="('compactSearch.searchBoxes.travelers.rooms.room' | translate) + ' ' + ($ctrl.index + 1)">Zimmer 1</p><!-- end ngIf: $ctrl.multiRoom -->
</div>
<div class="col-xs-6 text-right"><!-- ngIf: $ctrl.multiRoom -->
<p class="u-c-pointer u-l-c u-l-vi ng-scope ng-hide" ng-if="$ctrl.multiRoom" ng-click="$ctrl.remove($event)" ng-show="$ctrl.removable"><span
class="ng-binding">löschen</span><i class="icon icon--trash / u-p-l05" aria-hidden="true"></i></p><!-- end ngIf: $ctrl.multiRoom -->
</div>
</div>
<div ng-form="travellersRoom0Form" class="ng-pristine ng-valid ng-valid-required"><nsd-component-search-box-adults adults="$ctrl.room.adults" max-number="4" index="$ctrl.index" class="ng-isolate-scope">
<div class="fl-ng2-slct fl-ng2-slct--cs / u-pos-rel / form-group"><label class="fl-ng2-slct__lbl fl-ng2-slct__lbl--cs / u-pos-abs ng-binding" for="compact-adults0">Erwachsene</label><select ng-model="$ctrl.adults"
class="fl-ng2-slct__slct fl-ng2-slct__slct--cs / u-c-pointer ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required" id="compact-adults0" name="compact-adults0"
ng-options="(adultCount + 1) as $ctrl.adultLabel(adultCount + 1) for adultCount in ($ctrl.maxNumber | range)" ng-click="$ctrl.trackClick($event)" required="">
<option label="1 Erwachsener" value="number:1">1 Erwachsener</option>
<option label="2 Erwachsene" value="number:2" selected="selected">2 Erwachsene</option>
<option label="3 Erwachsene" value="number:3">3 Erwachsene</option>
<option label="4 Erwachsene" value="number:4">4 Erwachsene</option>
</select></div>
</nsd-component-search-box-adults><nsd-component-search-box-children children="$ctrl.room.children" max-number="4" index="$ctrl.index" class="ng-isolate-scope">
<div class="fl-ng2-slct fl-ng2-slct--cs / u-pos-rel / form-group"><label class="fl-ng2-slct__lbl fl-ng2-slct__lbl--cs / u-pos-abs ng-binding" for="compact-children0">Kinder</label><select ng-model="$ctrl.children.length"
class="fl-ng2-slct__slct fl-ng2-slct__slct--cs / u-c-pointer ng-pristine ng-untouched ng-valid ng-not-empty" id="compact-children0"
ng-options="(childCount) as $ctrl.childLabel(childCount) for childCount in ($ctrl.maxNumber + 1 | range)" ng-click="$ctrl.trackClick($event, 'children')">
<option label="Keine Kinder" value="number:0" selected="selected">Keine Kinder</option>
<option label="1 Kind" value="number:1">1 Kind</option>
<option label="2 Kinder" value="number:2">2 Kinder</option>
<option label="3 Kinder" value="number:3">3 Kinder</option>
<option label="4 Kinder" value="number:4">4 Kinder</option>
</select></div> <!-- ngIf: $ctrl.children.length -->
<div class="row"><!-- ngRepeat: child in $ctrl.children track by $index --></div>
</nsd-component-search-box-children>
<div class="clearfix">
<div class="error-message ng-scope ng-hide" ng-show="this[$ctrl.formName].$invalid && $ctrl.showValidationMessages" translate="compactSearch.searchBoxes.travelers.errors.childAgeRequired">Bitte geben Sie das Alter
Ihrer Kinder bei Reiseantritt an.</div>
</div>
</div>
</nsd-component-search-box-room></div><!-- end ngRepeat: room in popover.state.travellers | limitTo: popover.state.travellers.length --><!-- ngIf: featureEnabled.multiRoom && popover.state.travellers.length < maxRooms -->
<div ng-if="featureEnabled.multiRoom && popover.state.travellers.length < maxRooms" class="u-m-b2 u-m-t2 / col-xs-12 ng-scope"><button type="button" class="btn btn-secondary / btn-block ng-binding"
ng-click="addRoom($event)"><i class="icon icon--plus" aria-hidden="true"></i>Zimmer hinzufügen </button></div><!-- end ngIf: featureEnabled.multiRoom && popover.state.travellers.length < maxRooms -->
<div class="col-xs-12">
<hr class="cs-dd__hr cs-dd__hr--m / js-hint-line">
</div>
<div class="cs-dd__hint-c / u-pos-rel u-clear / collapse / js-hint / cc-cs-dropdown-detailed-info">
<div class="cs-dd__hint / u-db-c"><a class="cs-dd__hint-icon / u-db-c u-dis-ib u-pos-abs / js-hint-trigger / cc-btn-close" role="button"><i class="icon icon--close" aria-hidden="true"></i></a>
<ul class="u-m-b2 / list-unstyled">
<li class="u-f-24 bold ng-scope" translate="compactSearch.searchBoxes.travelers.rooms.moreOptions.title">Darf's ein bisschen mehr sein?</li><!-- ngIf: !featureEnabled.multiRoom -->
<li class="ng-binding">Sie reisen mit mehr als 4 Kindern pro Zimmer?</li>
<li class="ng-binding">Sie reisen mit mehr als 4 Erwachsenen pro Zimmer?</li><!-- ngIf: featureEnabled.multiRoom -->
<li ng-if="featureEnabled.multiRoom" class="ng-binding ng-scope">Sie reisen mit mehr als 9 Personen?</li><!-- end ngIf: featureEnabled.multiRoom --><!-- ngIf: !featureEnabled.multiRoom -->
</ul>
<p translate="compactSearch.searchBoxes.travelers.rooms.moreOptions.lookingForwardToCall" class="ng-scope">Dann freuen wir uns auf Ihren Anruf im<br><span class="u-f-24 bold">Service Center – <span>0848 121
221</span></span><br>(<span>Montag-Freitag 09:00 bis 12:00 Uhr sowie 14:00 bis 18:00 Uhr</span>)</p>
</div>
</div>
</div>
<div class="cs-dd__bottom / cs-mbl-hd__bttm / u-clear / row">
<div class="col-sm-6 col-md-7 col-lg-6">
<a class="cs-dd__opt / u-dis-ib u-l-base-c / js-hint-trigger js-hint-trigger-btm / cc-cs-detailed-info ng-binding" ng-click="trackClick($event, 'further options was clicked.', {});" role="button"><i class="icon icon--info-badge / u-p-r05" aria-hidden="true"></i>Weitere Optionen </a>
</div>
<hr class="cs-dd__bottom-hr / visible-xs">
<div class="col-xs-12 col-sm-6 col-md-5 col-lg-6"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="u-m-b0 / form-group col-md-4 clearfix" ng-hide="hideSubmit">
<div class="cs__btn-right / u-no-overflow u-m-b2 / cc-cs-cta" ng-class="{'cs__btn-right--up': searchBox.state.searchScope == 'HOTEL'}"><nsd-component-search-submit-button
result-count="resultCount !== undefined ? resultCount : IbeApi.state.data.resultCount" is-fetching-data="IbeApi.state.fetchingData" has-request-failed="IbeApi.state.requestFailed" has-used-search="usedSearch"
class="ng-isolate-scope"><button nsd-form-submit-form="" type="button" class="btn btn-xl btn-block / ng-scope btn-info cc-cs-cta"
ng-class="{ 'btn-info': $ctrl.ibeMode != 'app', 'btn-default': $ctrl.ibeMode == 'app', 'btn-disabled': $ctrl.isFetchingData || $ctrl.hasNoResults, 'u-ho-ve-center': $ctrl.isFetchingData, 'cc-cs-cta': !$ctrl.isFetchingData && (!$ctrl.hasUsedSearch || !$ctrl.hasNoResults) }"><!-- ngIf: $ctrl.isFetchingData && !$ctrl.hasRequestFailed --><!-- --><!-- ngIf: $ctrl.buttonLabelPrefix --><!-- --><span
ng-class="{ 'no-results': $ctrl.hasNoResults }" class="ng-binding"><!-- ngIf: $ctrl.buttonLabelPrefix -->Suchen </span><!-- --><span ng-show="IbeApi.state.stepNr > 1" class="ng-hide"><span translate="compactSearch.button.refresh"
class="ng-scope">aktualisieren</span><i class="icon icon--chevron-right" aria-hidden="true"></i></span></button></nsd-component-search-submit-button></div>
<div class="cs__btn-left / clearfix"><button
ng-init="filtersNone = ('compactSearch.filterHeadings.addFilter' | translate); filtersOne = ('compactSearch.filterHeadings.filterAdded' | translate); filtersMore = ('compactSearch.filterHeadings.filtersAdded' | translate);" type="button"
ng-hide="IbeApi.state.stepName != 'homesearch' || homesearchSettings.simpleHomeSearch == '1'" class="btn-input btn-input--f btn-text-color btn-with-divider / b3 u-pos-rel / btn btn-block collapsed"
ng-class="{collapsed: !homeSearchViewState.detailSearchOpen, 'cs__f-on': homeSearchViewState.detailSearchOpen}" ng-click="gotoDetailSearch(); scrollToComponentContainer();"><ng-pluralize count="(searchBox.state | filterCount)"
when="{'0': 'Filter hinzufügen', 'one': '{} Filter hinzugefügt', 'other': '{} Filter hinzugefügt'}">Filter hinzufügen</ng-pluralize><span
class="btn-divider / b3 / btn"><i class="btn-input__icon btn-input__icon--f / icon icon--chevron-up" aria-hidden="true"></i></span></button>
<div class="text-center ng-hide" ng-hide="IbeApi.state.stepName === 'homesearch' && homesearchSettings.simpleHomeSearch != '1'">
<a class="cs__x / u-dis-ib u-l-light-c u-c-pointer" id="xaDiscardChanges" ng-click="hideSearchBox()" role="button"><i class="u-p-r1 / icon icon--close" aria-hidden="true"></i><span translate="compactSearch.discardChanges" class="ng-scope">Abbrechen</span></a>
</div>
</div>
</div>
</div> <!-- ngIf: homesearchSettings.simpleHomeSearch != '1' && !homesearchSettings.hideDetailLink && !homeSearchViewState.detailSearchOpen && (searchBox.state | filterCount) -->
</section>
</form>POST /de/service-kontakt/newsletter/?nlce=1_20001703_compact&tx_newsletter_newsletter_newsletter_form%5Bcontroller%5D=Newsletter&cHash=2c9ddb7d71b92ae9779c11391f73f715
<form class="nwslttr / u-bg-be30 u-m-b2 u-db-c / row" id="nl-compact" action="/de/service-kontakt/newsletter/?nlce=1_20001703_compact&tx_newsletter_newsletter_newsletter_form%5Bcontroller%5D=Newsletter&cHash=2c9ddb7d71b92ae9779c11391f73f715"
method="post">
<div><input type="hidden" name="tx_newsletter_newsletter_newsletter_form[__referrer][@extension]" value="Newsletter"><input type="hidden" name="tx_newsletter_newsletter_newsletter_form[__referrer][@vendor]" value="Neusta"><input type="hidden"
name="tx_newsletter_newsletter_newsletter_form[__referrer][@controller]" value="Newsletter"><input type="hidden" name="tx_newsletter_newsletter_newsletter_form[__referrer][@action]" value="compact"><input type="hidden"
name="tx_newsletter_newsletter_newsletter_form[__referrer][arguments]" value="YTowOnt97facd14517a1fa68e6f5a8c146f9930e851a6547"><input type="hidden" name="tx_newsletter_newsletter_newsletter_form[__referrer][@request]"
value="a:4:{s:10:"@extension";s:10:"Newsletter";s:11:"@controller";s:10:"Newsletter";s:7:"@action";s:7:"compact";s:7:"@vendor";s:6:"Neusta";}2361be2258bd6dfb1abd15d6957ed12e74fd1f2e"><input
type="hidden" name="tx_newsletter_newsletter_newsletter_form[__trustedProperties]" value="a:1:{s:5:"email";i:1;}edad9c32ba8b2ca716c08d2d634cbe7ef3130f8b"></div>
<div class="col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-8">
<div class="row">
<p class="nwslttr__hdln / u-f-24 u-lh-12 bold / col-xs-12 text-uppercase"> Mit dem TUI Newsletter exklusive Angebote erhalten und informiert bleiben </p>
<div class="col-xs-12 col-sm-7">
<div class="fl / form-group"><input data-validation-type="email" class="fl__inpt / b3" id="nl-compact-email" type="text" name="tx_newsletter_newsletter_newsletter_form[email]"><label for="nl-compact-email" class="fl__lbl"> E-Mail-Adresse
</label></div>
<p class="nwslttr__lnk-pos / hidden-xs"><a class="u-l-vi" target="_blank" rel="noopener" href="/de/datenschutz/"> Informationen zur Datenverarbeitung <i class="icon icon--chevron-right" aria-hidden="true"></i></a></p>
</div>
<div class="col-xs-12 col-sm-5"><input class="btn btn-default btn-block btn-xl / text-uppercase" type="submit" value="Jetzt anmelden">
<p class="text-center / u-m-t1"> Profitieren und sparen! </p>
<p class="text-center visible-xs-block"><a class="u-l-vi" href="/de/datenschutz/"> Informationen zur Datenverarbeitung <i class="icon icon--chevron-right" aria-hidden="true"></i></a></p>
</div>
</div>
</div>
</form>Text Content
Welcome to
the World of TUI
Choose your country
TUI Deutschland
TUI Österreich
TUI Nederland
TUI France
TUI Polska
TUI Spain
TUI UK
TUI Danmark
TUI België
TUI Norge
TUI Sverige
TUI Suomi
--------------------------------------------------------------------------------
Choose your language
Deutsch
Français
* 0848 121 221
*
* Service & Kontakt Service & Kontakt
*
* Newsletter Newsletter
*
* Reisebüro Reisebüro
*
* myTUI
Einloggen oder Registrieren
Anmelden
Neuer Kunde?Konto erstellen
* myTUI
* Mein Suchverlauf
* Mein Merkzettel
* Meine Buchungen
*
*
Merkzettel Merkzettel
*
* DE
* |
* FR
MENÜ
* Ferien buchen
Ferien buchen
* Ferien
Ferien
* Frühbucher
* Familienferien
* Ferien für Paare
* Singlereisen
* Clubferien
* Last Minute
Last Minute
* Mallorca
* Kanaren
* Türkei
* Ägypten
* Fernreisen
* Super Last Minute
* Hotel
Hotel
* Kurzferien
* Autoreisen
* Strandhotel
* Familienhotel
* Alpenhotel
* Glamping
* Städtereisen
* TUI Ausflüge
* Ferienhaus
* Mietwagen & Camper
* Kreuzfahrt
* Zusatzleistungen
* Last Minute
* Flüge finden
* TUI Hotelmarken
TUI Hotelmarken
* TUI BLUE
HOTELS DESIGNED FOR YOU
* ROBINSON
Clubferien auf höchstem Niveau
* TUI MAGIC LIFE
All Inclusive Clubferien direkt am Meer
* TUI KIDS CLUB
Die Garantie für perfekte Familienferien
* TUI SUNEO
Günstige All-Inclusive Hotelferien
* RIU
Hotels in den schönsten Ferienzielen weltweit
* Grupotel
Ihr Hotelspezialist auf den Balearen
* Atlantica
Einzigartige Urlaubserlebnisse in Griechenland & Zypern
* Iberotel
Höchster Komfort von Nord bis Süd
* Royalton
All Inclusive Luxus-Resorts in der Karibik
* DORFHOTEL
Familienferien inmitten der Natur
* Inspiration
Inspiration
* TOP Destinationen
TOP Destinationen
* Mallorca
* Kanaren
* Ägypten
* Türkei
* Griechenland
* Reisearten
Reisearten
* Clubferien
* Fernreisen
* Luxusferien
* Honeymoon
* Gruppenreisen
* Work+Vacation
* Aktivitäten
Aktivitäten
* Golfen
* Wandern
* Tauchen
* Velofahren
* Wellness
* Reiseideen
Reiseideen
* TUI Blog
* TUI Reisebüro
* Beste Reisezeit
* Reisekalender
* Nachhaltiger reisen
* TUI DEALS
TUI DEALS
* TUI Deals
Alle Deals auf einen Blick
* Aktionscode
Bis zu CHF 300 sparen
* Coupons
Jetzt Sparcoupon sichern
* Top Deals
Schnäppchen Angebote für Hotel & Flug
0848 121 221
Montag bis Freitag 09-13 Uhr & 14-18 Uhr; Samstag 10-14 Uhr
* TUI Schweiz
* TUI Deutschland
* TUI Österreich
* TUI Nederland
* TUI France
* TUI Polska
* TUI Spain
* TUI UK
* TUI Danmark
* TUI België
* TUI Norge
* TUI Sverige
* TUI Suomi
Deutsch
Français
Previous
Usziit im Herbst? Dänn los!
Die besten Plätze für die Herbstferien sichern
Jetzt buchen
Das Abenteuer beginnt hier
Fernreisen mit TUI erleben
Reise finden
Podcast Folge mit Sven Ivanic über Kroatien.
Hören Sie sich jetzt unsere neue Podcast-Folge an
Mehr erfahren
Next
* Go to slide 1
* Go to slide 2
* Go to slide 3
* PauschalferienPauschalferien
* Hotel
*
* Flug
* Städtereisen
* % DEALS
* Ferienhaus
* Kreuzfahrten
* Fahrzeuge
* Ausflüge
Reiseziel
Wo soll es hin gehen?
Bitte auswählen.
* Beliebig
* Top-Reiseziele
* beliebteste Reiseziele
* Mallorca
* Kreta
* Side & Alanya
* Fuerteventura
* Gran Canaria
* Rhodos
* Teneriffa
* Hurghada & Safaga
* Antalya & Belek
* Kos
* Alle Reiseziele von A-Z
* Ägypten
* Afrika
* Albanien
* Amalfiküste
* Andorra
* Armenien
* Aserbaidschan
* Asien
* Bahrain
* Balearen
* Bali & Indonesien
* Belize
* Bulgarien
* Deutschland
* Dominikanische Republik
* Dubai
* Dubai & Arabische Halbinsel
* Frankreich
* Fuerteventura
* Gambia
* Georgien
* Gran Canaria
* Griechenland
* Griechische Inseln
* Guatemala
* Ibiza & Formentera
* Indischer Ozean
* Israel
* Italien
* Jamaika
* Jordanien
* Kanarische Inseln
* Kap Verde - weitere Inseln
* Kapverdische Inseln
* Karibik
* Kasachstan
* Kirgisistan
* Kosovo
* Kroatien
* Kuba
* Lanzarote
* Madeira
* Malediven
* Mallorca / Menorca
* Malta
* Marokko
* Mauritius & Reunion
* Mexiko
* Mittelamerika
* Mitteleuropa
* Moldawien
* Montafon
* Naher Osten
* Nord-Mazedonien
* Österreich
* Philippinen
* Portugal
* Republik Zypern (Süden)
* Samoa
* Sardinien
* Saudi-Arabien
* Schweiz
* Senegal
* Seychellen
* Sizilien
* Slowenien
* Spanien (Festland)
* Sri Lanka
* Südafrika
* Südamerika
* Teneriffa
* Thailand
* Tirol
* Türkei
* Türkische Ägäis
* Türkische Riviera
* Tunesien
* Tunesien - Inland
* USA/Kanada
* Vereinigte Arabische Emirate
Abflughafen
Von wo? Schweiz Bitte auswählen.
Schweiz
* Bern-BelpBRN
* BaselBSL
* GenfGVA
* SionSIR
* ZürichZRH
Österreich
* InnsbruckINN
* Salzburg - W.A.MozartSZG
Deutschland Süd
* FriedrichshafenFDH
* Karlsruhe/Baden-BadenFKB
* MünchenMUC
* StuttgartSTR
Frankreich
* StraßburgSXB
--------------------------------------------------------------------------------
Auswahl aufheben
ok
Flug hinzufügen
Reisezeitraum
Wann & wie lange? 06.10.2024 - 04.01.2025, 1 Woche
Früheste Hinreise
Späteste Rückreise
Ihre Reisedauer BeliebigExakt wie angegeben1 Woche2 Wochen3 Wochen4 Wochen5
Wochen6 Wochen1-4 Nächte5-8 Nächte9-12 Nächte13-15 Nächte1 Nacht2 Nächte3
Nächte4 Nächte5 Nächte6 Nächte7 Nächte8 Nächte9 Nächte10 Nächte11 Nächte12
Nächte13 Nächte14 Nächte15 Nächte16 Nächte17 Nächte18 Nächte19 Nächte20 Nächte21
Nächte22 Nächte23 Nächte24 Nächte25 Nächte26 Nächte27 Nächte28 Nächte29 Nächte30
Nächte31 Nächte32 Nächte33 Nächte34 Nächte35 Nächte36 Nächte37 Nächte38 Nächte39
Nächte40 Nächte41 Nächte42 Nächte
--------------------------------------------------------------------------------
ok
Reisende
Wer reist mit? 2 Erwachsene
Zimmer 1
löschen
Erwachsene1 Erwachsener2 Erwachsene3 Erwachsene4 Erwachsene
KinderKeine Kinder1 Kind2 Kinder3 Kinder4 Kinder
Bitte geben Sie das Alter Ihrer Kinder bei Reiseantritt an.
Zimmer hinzufügen
--------------------------------------------------------------------------------
* Darf's ein bisschen mehr sein?
* Sie reisen mit mehr als 4 Kindern pro Zimmer?
* Sie reisen mit mehr als 4 Erwachsenen pro Zimmer?
* Sie reisen mit mehr als 9 Personen?
Dann freuen wir uns auf Ihren Anruf im
Service Center – 0848 121 221
(Montag-Freitag 09:00 bis 12:00 Uhr sowie 14:00 bis 18:00 Uhr)
Weitere Optionen
--------------------------------------------------------------------------------
ok
Suchen aktualisieren
Filter hinzufügen
Abbrechen
Filter hinzufügen
Preisdarstellung
Preis pro Person
Gesamtpreis
Gesamtpreis
beliebig
0 * 0 *
Angebote
Frühbucherrabatt
TUI-Hotelkategorie
ab 0 Sonnen
Gästebewertungen
Gesamtbewertungmind. 0 (von 6)
0 6 0
Weiterempfehlungmind. 0% (von 100%)
0 100 0
Transfer
Inklusive Transfer
Zwischenstopps
Beliebig
Direktflug
max. 1 Stopp
max. 2 Stopps
Ort
Verpflegung
All inclusive
Vollpension
Halbpension
Frühstück
ohne Verpflegung
--------------------------------------------------------------------------------
Besondere Küche
Vegetarische Kost 0
Regionale Kost 0
Glutenfreie Kost 0
Lactosefreie Kost 0
Vegane Kost 0
Bio 0
Gourmet 0
Vollwertkost 0
Diätküche 0
Reisethemen
Zeit zu zweit 0
Familienferien 0
Singlereise 0
Nachhaltige Hotels 0
Strandferien 0
Ferien mit Hund 0
Städtereisen 0
Sporthotel 0
Wanderferien 0
Veloferien 0
Golfferien 0
Luxusferien 0
Clubferien 0
Zimmertyp
Einzelzimmer
Doppelzimmer
Familienzimmer
Bungalow
Appartement
Studio
Suite
Junior Suite
Dreibettzimmer
--------------------------------------------------------------------------------
mit Meerblick
Lage
Direkt am Strand 0
Sandstrand 0
Strand < 500m 0
Zentral 0
Ruhig 0
Meerseite 0
Altstadt 0
Ausserhalb des Ortes 0
Ausstattung und Service
Pool 0
Privater Pool 0
WLAN 0
Nur für Erwachsene 0
Parkplatz 0
Behindertenfreundlich 0
Restaurant 0
Bar 0
Aufzug 0
Disco 0
e-Ladesäule 0
Wintersport
Ski / Wintersport 0
Pistenhotel 0
Skibus in der Gegend 0
Ski-Kindergarten 0
Ski Langlauf 0
Ski Alpin 0
Snowboard 0
Loipenhotel 0
Familie
Kinderbetreuung 0
Kinderclub / Miniclub 0
Kinderpool 0
Babysitterservice 0
Babybett 0
Kinderspielplatz 0
Wasserrutsche 0
Kindermenü 0
Sport
Animation 0
Fitnessstudio 0
Golf 0
Nordic Walking 0
Radsport 0
Reiten 0
Schnorcheln 0
Segeln 0
Surfen 0
Tauchen 0
Tennis 0
Wandern 0
Yoga 0
Wellness
Wellness & Spa 0
Sauna 0
Massagen 0
Hamam 0
Whirlpool 0
Hotelmarke
ROBINSON
TUI MAGIC LIFE
TUI BLUE
TUI KIDS CLUB
TIME TO SMILE
TUI SUNEO
RIU
Grupotel
Atlantica
Fluggesellschaften
Edelweiss Air (WK)
Swiss International Air Lines (LX)
Chair Airlines (GM)
Helvetic Airways (2L)
TUIfly (X3)
Easyjet (U2)
EasyJet Europe (EJU)
Eurowings (EW)
Eurowings Germany (EWG)
Condor (DE)
Tunisair (TU)
KM Malta Airlines (KM)
Emirates (EK)
Etihad Airways (EY)
Hahnair (H1)
Mavi Gök Airlines (4M)
Island Express (USA) (2S)
Aegean Airlines (A3)
Air Cairo (SM)
Freebird Airlines (FH)
Wizz Air Malta (W4)
Wizz Air Hungary (W6)
Discover Airlines (4Y)
Hello Jets (H3)
BeOnd (B4)
VISTARA (UK)
Scoot (TR)
Scoot (TGW)
Qatar Airways (QR)
Qatar Airways (QTR)
Alba Star (AP)
Corendon Dutch Airlines (CD)
SmartLynx Airlines (6Y)
Volotea (V7)
TUI Auszeichnung
TUI Top 100 Hotel 0
TUI Quality Hotel 0
Veranstalter
TUI Suisse
airtours Suisse
TUI light
--------------------------------------------------------------------------------
Ihre TUI Vorteile
keine Zahlungsgebühren
Reisebetreuung zu jeder Zeit
sichere Zahlungsmöglichkeiten
--------------------------------------------------------------------------------
Dubai. So geht Sommer.
Erleben Sie die Vielfalt.
Jetzt entdecken
Ägypten
Ferien im Tauch- und Schnorchelparadies
Jetzt buchen
Bestseller der Woche
1. Türkische Riviera | 7 Nächte | AI All inclusive TUI MAGIC LIFE Jacaranda
Hotel Kategorien p.P. ab CHF 555
2. Gran Canaria | 7 Nächte | HP Halbpension Hotel Riu Palace Maspalomas Hotel
Kategorien p.P. ab CHF 1335
3. Ägypten | 7 Nächte | AI All inclusive TUI KIDS CLUB JAZ Samaya Hotel
Kategorien p.P. ab CHF 715
4. Indischer Ozean | 7 Nächte | VP Vollpension Kuramathi Maldives Hotel
Kategorien p.P. ab CHF 2504
5. Sansibar | 7 Nächte | AI All inclusive TUI BLUE Bahari Zanzibar Hotel
Kategorien p.P. ab CHF 1896
BELIEBTE DESTINATIONEN IM SOMMER
Previous
Zypern
Die sagenumwobene Insel
Jetzt entdecken
Türkei
z.B. Antalya, Side, Alanya
Jetzt entdecken
Ägypten
Ferien im Tauch– und Schnorchelparadies
Jetzt entdecken
Kanarische Inseln
z.B. Fuerteventura, Gran Canaria oder Teneriffa
Jetzt entdecken
Mallorca
Sonne, Strand und Meer
Jetzt entdecken
Zypern
Die sagenumwobene Insel
Jetzt entdecken
Türkei
z.B. Antalya, Side, Alanya
Jetzt entdecken
Ägypten
Ferien im Tauch– und Schnorchelparadies
Jetzt entdecken
Kanarische Inseln
z.B. Fuerteventura, Gran Canaria oder Teneriffa
Jetzt entdecken
Mallorca
Sonne, Strand und Meer
Jetzt entdecken
Zypern
Die sagenumwobene Insel
Jetzt entdecken
Türkei
z.B. Antalya, Side, Alanya
Jetzt entdecken
Ägypten
Ferien im Tauch– und Schnorchelparadies
Jetzt entdecken
Next
* Go to slide 1
* Go to slide 2
* Go to slide 3
* Go to slide 4
* Go to slide 5
AKTUELLE REISETHEMEN
Previous
Die Welt zu Schiff entdecken
Kreuzfahrten, Expeditionen & Flusskreuzfahrten
Jetzt entdecken
Erlebnisse buchen
Die besten Erlebnisse und Touren auf Ihrer Reise
Jetzt entdecken
Beliebte Ferienhausziele
z.B. Spanien, Frankreich, Italien
Jetzt entdecken
Flüge buchen weltweit
Angebote bekannter Fluggesellschaften finden
Jetzt entdecken
Air Canada
Über 100 Destinationen in Nordamerika
Jetzt buchen
Los Cabos, Mexico
Das Juwel der Baja California Sur
Jetzt entdecken
Die Welt zu Schiff entdecken
Kreuzfahrten, Expeditionen & Flusskreuzfahrten
Jetzt entdecken
Erlebnisse buchen
Die besten Erlebnisse und Touren auf Ihrer Reise
Jetzt entdecken
Beliebte Ferienhausziele
z.B. Spanien, Frankreich, Italien
Jetzt entdecken
Flüge buchen weltweit
Angebote bekannter Fluggesellschaften finden
Jetzt entdecken
Air Canada
Über 100 Destinationen in Nordamerika
Jetzt buchen
Los Cabos, Mexico
Das Juwel der Baja California Sur
Jetzt entdecken
Die Welt zu Schiff entdecken
Kreuzfahrten, Expeditionen & Flusskreuzfahrten
Jetzt entdecken
Erlebnisse buchen
Die besten Erlebnisse und Touren auf Ihrer Reise
Jetzt entdecken
Beliebte Ferienhausziele
z.B. Spanien, Frankreich, Italien
Jetzt entdecken
Next
* Go to slide 1
* Go to slide 2
* Go to slide 3
* Go to slide 4
* Go to slide 5
* Go to slide 6
--------------------------------------------------------------------------------
ENTDECKEN SIE UNSERE HOTELMARKEN HIGHLIGHTS
Previous
Next
* Go to slide 1
* Go to slide 2
* Go to slide 3
* Go to slide 4
* Go to slide 5
* Go to slide 6
* Go to slide 7
Ihr TUI Reisebüro
Lassen Sie sich von unseren Experten in einem von 50 Reisebüros schweizweit
beraten.
Reisebüro finden
REISEINSPIRATION MIT TUI BLOG & PODCAST
TUI Reiseblog
Inspiration finden
Jetzt entdecken
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Nachhaltigkeit
Nachaltiger reisen mit TUI
Mehr erfahren
Mit dem TUI Newsletter exklusive Angebote erhalten und informiert bleiben
E-Mail-Adresse
Informationen zur Datenverarbeitung
Profitieren und sparen!
Informationen zur Datenverarbeitung
Hotels mit Bestnoten
TUI bietet die Hotels mit der höchsten Kundenzufriedenheit.
Echte Experten
Zahlreiche Reise-Experten beraten Sie zu Ihren nächsten Ferien.
Bestpreisgarantie
Badeferien nirgendwo günstiger.
Exklusive Deals
Tägliche neue preisreduzierte Angebote.
Ticketlos reisen
Reisen sie bequem und einfach ticketlos.
Keine Zahlungsgebühren
Bei uns buchen und zahlen Sie sorgenfrei ohne Zahlungsgebühren.
DAS SAGEN UNSERE KUNDEN ÜBER UNS
--------------------------------------------------------------------------------
AUF TUI.CH IHRE TRAUMFERIEN BUCHEN
Unterschiedliche Menschen haben in den Ferien verschiedene Erwartungen. Als
Marktführer weiss das die TUI wie kaum ein anderer und bietet Ihnen daher auch
eine Fülle von Möglichkeiten, Ihre persönlichen Ferien zu finden. Sie suchen
Ruhe, Entspannung und Erholung? Sie möchten ein Land und seine Leute, andere
Kulturen und neue Wege entdecken? Die TUI hat all dies im Programm. Ganz gleich,
ob Badeferien oder Rundreise: Die Qualität der TUI ist immer an Ihrer Seite.
Willkommen in der World of TUI, Ihrem Reiseveranstalter!
SPARANGEBOTE UND FLEXIBILITÄT
Wer sagt denn, dass gute Qualität unbezahlbar ist? Nutzen Sie unsere
vielseitigen Sparangebote und geben Sie sich dabei nur mit dem Besten zufrieden.
Ob Frühbucher oder Lastminute, Familien oder Alleinreisende, Badeferien oder
Städtereisen, ob über Ihr Reisebüro oder direkt - TUI macht Ihnen immer ein
sonniges Angebot für Ihre Ferien. Jedes Jahr vertrauen Millionen von Gästen der
hervorragenden TUI Qualität. TUI bietet Ihnen die volle Kombinationsfreiheit für
Ihre Reise - wir sind so flexibel, wie Sie es sind. Bei TUI findet jeder Typ
Ferien nach seinem Geschmack.
ERSTKLASSIGE HOTELS FÜR IHRE REISEN
Auf TUI.ch finden Sie Ferienhotels, die auf ganzer Linie überzeugen:
Zuvorkommender Service, beste Qualität, und Exklusivität, hohe
Gästezufriedenheit und ökologisch sinnvolles Handeln gehören zu unseren hohen
Ansprüchen. Hier können Sie sich wohlfühlen und einfach geniessen. All unsere
Erfahrung steckt in unserem renommierten Hotelmarken, die ganz auf Ihre
Bedürfnisse abgestimmt sind. So können wir optimale Ferien bieten. Und Sie
finden, was Sie suchen: eine hohe individuelle Ferien- und Reisequalität.
TUI Care Foundation
Helfen Sie uns, Gutes zu tun. Gemeinsam erreichen wir mehr.
Mehr erfahren
Zum Seitenanfang
Sie wollten gerade Ihre Traumreise buchen.
Buchung fortsetzen
Sie werden in Sekunden weitergeleitet.
Sie werden in Sekunden weitergeleitet.
Um sich anzumelden, müssen Sie Benachrichtigungen für diese Seite zulassen.
Benachrichtigungen verwalten
Für Benachrichtigungen anmelden.
Ihre Entscheidung – Ihr Nutzungserlebnis bei TUI.ch
Wir nutzen Cookies und andere Technologien, die für Services und Funktionen auf
unserer Website notwendig sind.
Darüber hinaus und soweit Sie einwilligen und „Zustimmen“ auswählen, können wir
sowie unsere bis zu fünf Partner als Drittanbieter Cookies auf Ihrem Gerät
setzen, andere Technologien verwenden und personenbezogene Daten [z. B.
IP-Adresse] von Ihnen erheben und verarbeiten, um Ihnen auf oder neben unserer
Webseite personalisierte Inhalte vorzuschlagen sowie Messungen und Analysen
durchzuführen. Dabei kann auch ein Datentransfer in Drittstaaten [z.B. USA]
möglich sein, wo vom Schweizer- und EU-Datenschutzniveau abgewichen werden kann
und Zugriffe von dortigen Behörden nicht ausgeschlossen werden können.
Weitere Information zu den Cookies finden Sie im Cookie-Hinweis. Zusätzliche
Informationen zur auf Cookies basierenden Verarbeitung Ihrer Daten finden Sie im
Datenschutz. Sie können zudem jederzeit Ihre Entscheidung über
"Cookie-Einstellungen" [in der Fußzeile der Webseite] durch Ausschalten der
Kategorien widerrufen. Ein solcher Widerruf wirkt sich nicht auf die
Rechtmäßigkeit der bis zum Widerruf erfolgten Verarbeitung aus. Soweit Sie
„Ablehnen“ wählen und Ihre Zustimmung verweigern, können keine individuellen
Angebote unterbreitet werden, nur notwendige Cookies sind aktiv.
Impressum
Opt-In
Opt-Out
Submit
Zustimmen
Ablehnen