www.tui.com
Open in
urlscan Pro
2a02:2e0:41b:2030:f::15
Public Scan
Submitted URL: http://tui.com/
Effective URL: https://www.tui.com/
Submission: On August 28 via api from SG — Scanned from DE
Effective URL: https://www.tui.com/
Submission: On August 28 via api from SG — Scanned from DE
Form analysis 3 forms found in the DOM
<form><input class=" form-control" type="text" id="searchInput" placeholder="Website durchsuchen" autocomplete="off" value=""><i class="tui-icon--search"></i></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="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">Beliebig </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--west" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-WEST" class="t-checkbox ng-isolate-scope" check-list="checkedGroups"
ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="WEST"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding" for="airport-group-WEST"
ng-click="toggleAirportGroup(airportGroup, $event)" title="Deutschland West">Deutschland West</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_DTM" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="DTM"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_DTM" ng-click="toggleAirport(airportCode, $event)"
title="Dortmund (DTM)">Dortmund<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)}">DTM</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_DUS" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="DUS"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_DUS" ng-click="toggleAirport(airportCode, $event)"
title="Düsseldorf (DUS)">Düsseldorf<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)}">DUS</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_FRA" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="FRA"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_FRA" ng-click="toggleAirport(airportCode, $event)"
title="Frankfurt/Main (FRA)">Frankfurt/Main<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)}">FRA</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_HHN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="HHN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_HHN" ng-click="toggleAirport(airportCode, $event)"
title="Frankfurt Hahn (HHN)">Frankfurt Hahn<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)}">HHN</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_KSF" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="KSF"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_KSF" ng-click="toggleAirport(airportCode, $event)"
title="Kassel-Calden (KSF)">Kassel-Calden<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)}">KSF</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_CGN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="CGN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_CGN" ng-click="toggleAirport(airportCode, $event)"
title="Köln/Bonn (CGN)">Köln/Bonn<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)}">CGN</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_FMO" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="FMO"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_FMO" ng-click="toggleAirport(airportCode, $event)"
title="Münster-Osnabrück (FMO)">Münster-Osnabrück<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)}">FMO</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_NRN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="NRN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_NRN" ng-click="toggleAirport(airportCode, $event)"
title="Weeze/Niederrhein (NRN)">Weeze/Niederrhein<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)}">NRN</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_PAD" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="PAD"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_PAD" ng-click="toggleAirport(airportCode, $event)"
title="Paderborn/Lippstadt (PAD)">Paderborn/Lippstadt<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)}">PAD</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_SCN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="SCN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_SCN" ng-click="toggleAirport(airportCode, $event)"
title="Saarbrücken (SCN)">Saarbrücken<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)}">SCN</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--north" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-NORTH" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="NORTH"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-NORTH" ng-click="toggleAirportGroup(airportGroup, $event)" title="Deutschland Nord">Deutschland Nord</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_BRE" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="BRE"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BRE" ng-click="toggleAirport(airportCode, $event)"
title="Bremen (BRE)">Bremen<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)}">BRE</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_HAM" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="HAM"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_HAM" ng-click="toggleAirport(airportCode, $event)"
title="Hamburg (HAM)">Hamburg<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)}">HAM</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_HAJ" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="HAJ"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_HAJ" ng-click="toggleAirport(airportCode, $event)"
title="Hannover (HAJ)">Hannover<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)}">HAJ</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_RLG" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="RLG"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_RLG" ng-click="toggleAirport(airportCode, $event)"
title="Rostock-Laage (RLG)">Rostock-Laage<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)}">RLG</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_LBC" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="LBC"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_LBC" ng-click="toggleAirport(airportCode, $event)"
title="Lübeck (LBC)">Lübeck<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)}">LBC</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--east" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-EAST" class="t-checkbox ng-isolate-scope" check-list="checkedGroups"
ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="EAST"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding" for="airport-group-EAST"
ng-click="toggleAirportGroup(airportGroup, $event)" title="Deutschland Ost">Deutschland Ost</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_BER" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="BER"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BER" ng-click="toggleAirport(airportCode, $event)"
title="Berlin-Brandenburg (BER)">Berlin-Brandenburg<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)}">BER</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_DRS" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="DRS"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_DRS" ng-click="toggleAirport(airportCode, $event)"
title="Dresden (DRS)">Dresden<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)}">DRS</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_ERF" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="ERF"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_ERF" ng-click="toggleAirport(airportCode, $event)"
title="Erfurt (ERF)">Erfurt<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)}">ERF</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_LEJ" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="LEJ"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_LEJ" ng-click="toggleAirport(airportCode, $event)"
title="Leipzig/Halle (LEJ)">Leipzig/Halle<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)}">LEJ</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_FMM" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="FMM"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_FMM" ng-click="toggleAirport(airportCode, $event)"
title="Memmingen (FMM)">Memmingen<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)}">FMM</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_NUE" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="NUE"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_NUE" ng-click="toggleAirport(airportCode, $event)"
title="Nürnberg (NUE)">Nürnberg<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)}">NUE</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--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_GRZ" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="GRZ"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_GRZ" ng-click="toggleAirport(airportCode, $event)"
title="Graz (GRZ)">Graz<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)}">GRZ</span></label></li><!-- end 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_KLU" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="KLU"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_KLU" ng-click="toggleAirport(airportCode, $event)"
title="Klagenfurt (KLU)">Klagenfurt<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)}">KLU</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_LNZ" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="LNZ"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_LNZ" ng-click="toggleAirport(airportCode, $event)"
title="Linz (LNZ)">Linz<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)}">LNZ</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 -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_VIE" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="VIE"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_VIE" ng-click="toggleAirport(airportCode, $event)"
title="Wien-Schwechat (VIE)">Wien-Schwechat<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)}">VIE</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--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_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 cs-dd__dep-code--grey"
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_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 cs-dd__dep-code--grey"
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_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 cs-dd__dep-code--grey"
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_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 cs-dd__dep-code--grey"
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--benelux" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-BENELUX" class="t-checkbox ng-isolate-scope"
check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="BENELUX"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
for="airport-group-BENELUX" ng-click="toggleAirportGroup(airportGroup, $event)" title="Benelux">Benelux</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_AMS" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="AMS"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_AMS" ng-click="toggleAirport(airportCode, $event)"
title="Amsterdam Schiphol (AMS)">Amsterdam Schiphol<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)}">AMS</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_BRU" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="BRU"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BRU" ng-click="toggleAirport(airportCode, $event)"
title="Brüssel-Zaventem (BRU)">Brüssel-Zaventem<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)}">BRU</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
<li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_LUX" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
ng-click="toggleAirport(airportCode, $event)" value="LUX"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_LUX" ng-click="toggleAirport(airportCode, $event)"
title="Luxemburg (LUX)">Luxemburg<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)}">LUX</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 --></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">31.08.2022 - 30.09.2022, 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: duration in durationOptions track by $index -->
<option value="default" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">Beliebig </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="exact" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">Exakt wie angegeben </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="-1" data-divider="true" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">--- </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="7-" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope" selected="selected">1 Woche </option>
<!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="14-" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">2 Wochen </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="21-" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">3 Wochen </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="28-" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">4 Wochen </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="-1" data-divider="true" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">--- </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="1-4" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">1-4 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="5-8" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">5-8 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="9-12" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">9-12 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="13-15" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">13-15 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="-1" data-divider="true" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">--- </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="1" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">1 Nacht </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="2" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">2 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="3" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">3 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="4" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">4 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="5" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">5 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="6" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">6 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="7" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">7 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="8" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">8 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="9" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">9 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="10" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">10 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="11" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">11 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="12" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">12 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="13" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">13 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="14" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">14 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="15" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">15 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="16" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">16 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="17" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">17 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="18" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">18 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="19" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">19 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="20" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">20 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="21" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">21 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="22" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">22 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="23" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">23 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="24" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">24 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="25" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">25 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="26" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">26 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="27" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">27 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
<option value="28" data-divider="false" ng-repeat="duration in durationOptions track by $index" class="ng-binding ng-scope">28 Nächte </option><!-- end ngRepeat: duration in durationOptions track by $index -->
</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>0511-5678600</span></span><br>(<span>Mo - So 8:00 - 20: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 ng-hide" ng-hide="!IbeApi.state.data.type || IbeApi.state.stepName != 'homesearch' || homesearchSettings.simpleHomeSearch == '1'"><button
ng-init="filtersNone = ('compactSearch.filterHeadings.addFilter' | translate); filtersOne = ('compactSearch.filterHeadings.filterAdded' | translate); filtersMore = ('compactSearch.filterHeadings.filtersAdded' | translate);" type="button"
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-hide="homesearchSettings.hideDetailLink" 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>
</div>
</div> <!-- ngIf: IbeApi.state.stepName == 'homesearch' && IbeApi.state.data.type && homesearchSettings.simpleHomeSearch != '1' && !homesearchSettings.hideDetailLink && !homeSearchViewState.detailSearchOpen && (filters.state | filterCount) -->
</section>
</form>POST /newsletter-anmeldung/?nlce=1_108603_compactFooter&tx_newsletter_newsletter_newsletter_form%5Bcontroller%5D=Newsletter&cHash=13e00b810965fb7e722d9c93aebf119d
<form class="nwslttr nwslttr--cmpct-footer / u-bg-tb u-w-c / row / js-nl-footer" id="nl-compact-footer"
action="/newsletter-anmeldung/?nlce=1_108603_compactFooter&tx_newsletter_newsletter_newsletter_form%5Bcontroller%5D=Newsletter&cHash=13e00b810965fb7e722d9c93aebf119d" 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="compactFooter"><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:13:"compactFooter";s:7:"@vendor";s:6:"Neusta";}1bd12c56f9d0e959da0a2b466109941251e69aa5"><input
type="hidden" name="tx_newsletter_newsletter_newsletter_form[__trustedProperties]" value="a:1:{s:5:"email";i:1;}edad9c32ba8b2ca716c08d2d634cbe7ef3130f8b"></div>
<div class="u-dis-f u-m-r1">
<p class="u-f-24 / col-xs-12 text-uppercase"> TUI Newsletter </p><svg role="img" xmlns="http://www.w3.org/2000/svg" width="40" height="38px" viewBox="0 0 60 49.901" aria-labelledby="iconTitle">
<title id="iconTitle">Newsletter-Symbol</title>
<g transform="matrix(-.29703 0 0 .29703 66.238 -11.287)" fill="none" fill-rule="evenodd" stroke="#1b115c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round">
<path d="M25 178h180V42H25z" fill="#fff"></path>
<path d="M25 178l79.3-88.111c5.91-6.566 15.491-6.566 21.4 0L205 178z" fill="#fff"></path>
<path d="M205 42l-79.3 88.111c-5.91 6.566-15.491 6.566-21.4 0L25 42z" fill="#fff"></path>
<circle cx="183" cy="166" r="36" fill="#70cbf4"></circle>
<path d="M182.5 147v25zm0 39v-1z"></path>
</g>
</svg>
</div>
<p class="col-xs-12"> Jetzt anmelden und tolle Schnäppchen sichern! </p>
<div class="col-xs-12 col-sm-7">
<div class="u-pos-rel / form-group"><input data-validation-type="email" placeholder="E-Mail-Adresse" class="form-control form-control--nwslttr / b3" id="nl-compact-footer-email" type="text"
name="tx_newsletter_newsletter_newsletter_form[email]"><label for="nl-compact-footer-email" class="sr-only"> E-Mail-Adresse </label><i class="nwslttr__icn / icon icon--mail / b4 u-db-c u-pos-abs u-pe-n" aria-hidden="true"></i></div>
</div>
<div class="col-xs-12 col-sm-5"><input class="btn btn-default btn-block / text-uppercase" type="submit" value="Anmelden"></div>
<p class="nwslttr__data-lnk / col-xs-12"><a class="u-l-light-c u-txt-ul / text-nowrap" target="_blank" rel="noopener" href="/datenschutz-hinweis/"> Informationen zur Datenverarbeitung <i class="icon icon--chevron-right" aria-hidden="true"></i></a>
</p>
</form>Text Content
Welcome to
the World of TUI
Choose your country
TUI Schweiz
TUI Österreich
TUI Nederland
TUI France
TUI Polska
TUI Spain
TUI UK
TUI Danmark
TUI België
TUI Norge
TUI Sverige
TUI Suomi
MENÜ
* 0511-5678600
* TUI Info Corona TUI Info Corona
*
* Hilfe & Kontakt Hilfe & Kontakt
*
* Newsletter Newsletter
*
* Reisebüro Reisebüro
*
* Meine TUI
Anmelden
* Neuer Kunde?Jetzt Konto erstellen
* Meine TUI
* Mein Suchverlauf
* Meine Buchungen
* Mein Konto
* Mein Webcheckin
*
*
Merkzettel Merkzettel
* Blog Blog
*
*
Choose your country!
* Urlaub buchen
Urlaub buchen
* Pauschalreisen
Pauschalreisen
* Frühbucher 2022/2023
* Sommer 2022
* Familienurlaub
* Paarurlaub
* Winterurlaub
* Fernreisen
* Last Minute
Last Minute
* Super Last Minute
* Mallorca
* Türkei
* Deutschland
* Fuerteventura
* Gran Canaria
* Hotel
Hotel
* Städtereisen
* Familienhotels
* Kurzurlaub
* Autoreisen
* Strandhotels
* TUI Partner Hotels
* Flug
* Kreuzfahrten
* Ferienhaus
* Mietwagen
* TUI Ausflüge
* Rundreisen
* Zusatzleistungen
* Last Minute Urlaub
* TUI Hotelmarken
TUI Hotelmarken
* TUI BLUE
HOTELS DESIGNED FOR YOU.
* ROBINSON
Cluburlaub auf höchstem Niveau
* TUI MAGIC LIFE
All Inclusive Cluburlaub direkt am Meer
* TUI KIDS CLUB
Die Garantie für einen perfekten Familienurlaub
* TUI SUNEO
Günstiger All-Inclusive Hotelurlaub
* RIU
Hotels in den schönsten Urlaubszielen 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
Familienurlaub inmitten der Natur
* Inspiration
Inspiration
* TOP Destinationen
TOP Destinationen
* Kanaren
* Balearen
* Türkei
* Griechenland
* Algarve
* Dubai
* Kroatien
* Reisearten
Reisearten
* Cluburlaub
* Kurzurlaub
* Fernreisen
* Honeymoon
* Singleurlaub
* Paarurlaub
* Familienurlaub
* Work+Vacation
* All Inclusive
* Aktivitäten
Aktivitäten
* Golfen
* Wandern
* Tauchen
* Wellness
* Skiurlaub
* Reisekalender
Reisekalender
* Beste Reisezeit
* TUI Blog
* Eventkalender
* TUI Reise-Apps
* TUI TRAVEL Magazin
* TUI DEALS
TUI DEALS
* TUI DEALS
Hotels bis zu 60 % günstiger & Flüge zu Schnäppchenpreisen
* Coupon
Jetzt Sparcoupon sichern
* Hotel-Coupon
Sofortrabatt auf Hotelbuchungen sichern
* Aktionscode
Bis zu 300 € Sofortrabatt
* Flüge buchen
Flüge buchen
* Flüge buchen
* Flugangebote
* TOP Destinationen
TOP Destinationen
* Flüge Mallorca
* Flüge Griechenland
* Flüge Teneriffa
* Flüge Madeira
* Flüge Gran Canaria
* Service
Service
* Fliegen & Corona
* Gepäckinfos
* Sitzplatzreservierung
* TUI fly Web Check-In
* Aktuelle Flugverspätungen
0511-5678600
tgl. Mo bis So von 8 - 20 Uhr
* Blog Blog
*
* TUI Deutschland
* TUI Schweiz
* TUI Österreich
* TUI Nederland
* TUI France
* TUI Polska
* TUI Spain
* TUI UK
* TUI Danmark
* TUI België
* TUI Norge
* TUI Sverige
* TUI Suomi
Previous
Frühbucher Aktion
Hier schmelzen die Preise: Bis zu 300 € auf Winterurlaub mit Code EARLY300
sparen, nur bis 30.08., z.B. für Kanaren, Ägypten, Fernreisen
Zum Aktionscode
Code: EARLY300
Super Last Minute
Jetzt Super-Urlaubs-Schnäppchen für Reisen bis Oktober sichern inkl. gratis TUI
PROTECT und buchbarem Flex Tarif
Zu den Angeboten
Inkl. Spar Coupon
Nix wie weg!
Spontan den Sommer verlängern und sparen, z.B. Mallorca, Griechenland oder
Portugal.
Jetzt buchen
- 40 % auf viele Flüge
TUI - Live Happy
Lust auf Abenteuer, Lifestyle, Citytrips, Ausflüge, Wellness oder Strandurlaub?
Urlaub mit TUI ist so individuell wie Du - lass Dich jetzt inspirieren.
Vielfalt entdecken
Next
* Go to slide 1
* Go to slide 2
* Go to slide 3
* Go to slide 4
* PauschalreisePauschalreise
* Hotel
*
* DEALS
* Flug
* Ferienhaus
* Mietwagen
* Kreuzfahrten
* Rundreisen
* Ausflüge
* Camper
* Privattransfer
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
* 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? Beliebig Bitte auswählen.
Deutschland West
* DortmundDTM
* DüsseldorfDUS
* Frankfurt/MainFRA
* Frankfurt HahnHHN
* Kassel-CaldenKSF
* Köln/BonnCGN
* Münster-OsnabrückFMO
* Weeze/NiederrheinNRN
* Paderborn/LippstadtPAD
* SaarbrückenSCN
Deutschland Nord
* BremenBRE
* HamburgHAM
* HannoverHAJ
* Rostock-LaageRLG
* LübeckLBC
Deutschland Ost
* Berlin-BrandenburgBER
* DresdenDRS
* ErfurtERF
* Leipzig/HalleLEJ
Deutschland Süd
* FriedrichshafenFDH
* Karlsruhe/Baden-BadenFKB
* MemmingenFMM
* MünchenMUC
* NürnbergNUE
* StuttgartSTR
Österreich
* GrazGRZ
* InnsbruckINN
* KlagenfurtKLU
* LinzLNZ
* Salzburg - W.A.MozartSZG
* Wien-SchwechatVIE
Schweiz
* BaselBSL
* Bern-BelpBRN
* GenfGVA
* ZürichZRH
Benelux
* Amsterdam SchipholAMS
* Brüssel-ZaventemBRU
* LuxemburgLUX
Frankreich
* StraßburgSXB
--------------------------------------------------------------------------------
ok
Flug hinzufügen
Reisezeitraum
Wann & wie lange? 31.08.2022 - 30.09.2022, 1 Woche
Früheste Hinreise
Späteste Rückreise
Ihre Reisedauer Beliebig Exakt wie angegeben --- 1 Woche 2 Wochen 3 Wochen 4
Wochen --- 1-4 Nächte 5-8 Nächte 9-12 Nächte 13-15 Nächte --- 1 Nacht 2 Nächte 3
Nächte 4 Nächte 5 Nächte 6 Nächte 7 Nächte 8 Nächte 9 Nächte 10 Nächte 11 Nächte
12 Nächte 13 Nächte 14 Nächte 15 Nächte 16 Nächte 17 Nächte 18 Nächte 19 Nächte
20 Nächte 21 Nächte 22 Nächte 23 Nächte 24 Nächte 25 Nächte 26 Nächte 27 Nächte
28 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 – 0511-5678600
(Mo - So 8:00 - 20:00 Uhr)
Weitere Optionen
--------------------------------------------------------------------------------
ok
Suchen aktualisieren
Filter hinzufügen
Filter hinzufügen
Preisdarstellung
Preis pro Person
Gesamtpreis
Gesamtpreis
beliebig
0 * 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
Familienurlaub 0
Singlereise 0
Urlaub mit Hund 0
Strandurlaub 0
Städtereisen 0
Sporthotel 0
Wanderurlaub 0
Fahrradurlaub 0
Golfurlaub 0
Luxusurlaub 0
Cluburlaub 0
Zimmertyp
Einzelzimmer
Doppelzimmer
Familienzimmer
Bungalow
Appartement
Studio
Mobile Home
Suite
Junior Suite
Dreibettzimmer
--------------------------------------------------------------------------------
mit Meerblick
Lage
Direkt am Strand 0
Sandstrand 0
Strand < 500m 0
Zentral 0
Ruhig 0
Meerseite 0
Altstadt 0
Außerhalb 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
Wintersport
Ski / Wintersport 0
Pistenhotel 0
Skibus in der Gegend 0
Ski-Kindergarten 0
Ski Langlauf 0
Ski Alpin 0
Snowboard 0
Loipenhotel 0
TUI Schneegarantie 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
TUI KIDS CLUB
ROBINSON
TUI MAGIC LIFE
TUI BLUE
TUI BLUE FOR ALL
TUI BLUE FOR TWO
TUI BLUE FOR FAMILIES
TUI BLUE Sensatori
RIU
Grupotel
Iberotel
Atlantica
Dorfhotel
TUI SUNEO
Fluggesellschaften
TUIfly (X3)
Eurowings (EW)
Ryanair (FR)
Laudamotion (OE)
Condor (DE)
SunExpress (XQ)
EasyJet Europe (EJU)
Corendon Airlines (CAI)
Air Malta (KM)
Luxair (LG)
Tunisair (TU)
TUI Auszeichnung
TUI Top 100 Hotel 0
TUI Quality Hotel 0
Veranstalter
TUI
X-TUI
Airtours
LTUR
--------------------------------------------------------------------------------
Ihre TUI Vorteile
keine Zahlungsgebühren
Reisebetreuung zu jeder Zeit
sichere Zahlungsmöglichkeiten
--------------------------------------------------------------------------------
Aktuelle Reiseinformationen
Infos zu Deinen Flügen mit TUI fly oder einer der TUI Partner-Airlines findest
Du hier
Informationen für Fluggäste: Unsere Checkliste Bestens vorbereitet in den
Urlaub!
URLAUB BUCHEN MIT TUI – ENTDECKE DIE SCHÖNSTEN REISEN WELTWEIT
Winter-Aktion: Code EARLY300
Jetzt bis 300 € Sofortrabatt* sichern
Zum Aktionscode
1Tag
23Stunden
58Minuten
05Sekunden
AKTUELL BELIEBTE HOTELS:
--------------------------------------------------------------------------------
Last Minute Türkei
Großer Urlaub zum kleinen Preis
Deals entdecken
Ganz besonders. TUI.
Hotels mit Privatpool
Hotels entdecken
--------------------------------------------------------------------------------
UNSER TIPP: LAST MINUTE URLAUB AUF DEN GRIECHISCHEN INSELN
Rhodos
Die Sonneninsel Griechenlands
Last Minute buchen
Kos
Die Insel für Strand- und Naturliebhaber
Last Minute buchen
Traumhotels weltweit
z.B. Deutschland, Mallorca oder Dubai
Inkl. Spar- Coupon
Hotels entdecken
RIU BAOBAB
Der ideale Ort für einen unvergesslichen Urlaub
ab 03.11. Flug & Hotel mit TUIFLY
Jetzt buchen
TUI Fernreisen
Bis zu 25 %* Frühbucherrabatt
Alle Deals entdecken
TIPPS FÜR DEINEN URLAUB AUS DEM TUI REISEBLOG
Frühbucher-Fernreisen
Top 10 Hotels in Traumlage
Zum Blog
Last Minute Sonne!
Unsere Tipps für Deinen Urlaub 2022
Zum Blog
Mehr Inspiration für Deinen Urlaub findest Du im TUI Reiseblog.
--------------------------------------------------------------------------------
*Alle Bedingungen zu unseren Rabattaktionen
Einlösebedingungen Aktionscode EARLY300
Ab 2499 € Reisepreis pro Buchung gewährt TUI Ihnen bei Einlösung des Aktionscode
300 € Rabatt pro Buchung.
Ab 1899 € Reisepreis pro Buchung gewährt TUI Ihnen bei Einlösung des Aktionscode
250 € Rabatt pro Buchung.
Ab 1399 € Reisepreis pro Buchung gewährt TUI Ihnen bei Einlösung des Aktionscode
150 € Rabatt pro Buchung.
Ab 749 € Reisepreis pro Buchung gewährt TUI Ihnen bei Einlösung des Aktionscode
75 € Rabatt pro Buchung.
Ab 399 € Reisepreis pro Buchung gewährt TUI Ihnen bei Einlösung des Aktionscode
50 € Rabatt pro Buchung.
Der Aktionscode ist auch für bereits reduzierte Angebote einlösbar. Folgende
Bedingungen gelten: Gültig nur für neugebuchte Pauschalreisen oder Hotel only
Buchungen in die am Aktionscode teilnehmenden Hotels; Aktionszeitraum bis
30.08.2022; Reisezeitraum 01.11.2022 bis 31.03.2023 (letzter Anreisetermin
28.03.2023 - letzter Rückreisetermin - 31.03.2023), mind. 3 Nächte, gültig nur
für die Veranstalter TUI und airtours, online sowie im Reisebüro einlösbar.
Veranstaltermarken wie X-TUI und L'tur sind vom Aktionscode ausgeschlossen.
Begrenztes Kontingent.
Allgemeine Informationen zu den TUI Aktionscodes und deren Einlösebedingungen
finden Sie hier.
* Fernreisen Frühbucher Aktion: Der Frühbucherrabatt gilt in ausgewählten
Unterkünften auf die Übernachtungsleistung im Reisezeitraum 01.11.2022 bis
30.04.2023 bei Buchung bis 30.09.2022.
TUI PROTECT Serviceversprechen & Flex Tarif
Im Reisepreis inkludiert ist TUI PROTECT, unser Serviceversprechen für
Reisen bis zum 30.04.2023. Mit dem Flex Tarif ist außerdem eine flexible
Umbuchungs- und Storno-Option zubuchbar.
UNSERE TUI HOTELMARKEN
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
DIE VOLLE TUI VIELFALT FÜR DEINEN URLAUB
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
* Go to slide 8
Nachhaltigkeit
TUI Nachhaltigkeitspolitik
Jetzt mehr erfahren
TUI Care Foundation
Gemeinsam können wir mehr erreichen
Helfen Sie uns, Gutes zu tun
Dein Reisebüro
Jetzt eines in Deiner Nähe finden
Reise- büro finden
AUF TUI.COM DEINEN TRAUMURLAUB BUCHEN
Unterschiedliche Menschen haben im Urlaub verschiedene Erwartungen. Als
Marktführer weiß das die TUI wie kaum ein anderer und bietet Dir daher auch eine
Fülle von Möglichkeiten, Deinen persönlichen Urlaub zu finden. Du suchst Ruhe,
Entspannung und Erholung? Du möchtest ein Land und seine Leute, andere Kulturen
und neue Wege entdecken? Die TUI hat all dies im Programm. Ganz gleich, ob
Badeurlaub oder Rundreise: Die Qualität der TUI ist immer an Deiner Seite.
Willkommen in der World of TUI, Deinem Reiseveranstalter!
SPARANGEBOTE UND FLEXIBILITÄT
Wer sagt denn, dass gute Qualität unbezahlbar ist? Nutze unsere vielseitigen
Sparangebote und gib Dich dabei nur mit dem Besten zufrieden. Ob Frühbucher oder
Lastminute, Familien oder Alleinreisende, Pauschalreisen oder Städtereisen, ob
über Dein Reisebüro oder direkt - TUI macht Dir immer ein sonniges Angebot für
Deinen Urlaub. Jedes Jahr vertrauen Millionen Gäste der hervorragenden TUI
Qualität. TUI bietet die volle Kombinationsfreiheit für Deine Reise - wir sind
so flexibel, wie Du. Bei TUI findet jeder Urlaub nach seinem Geschmack.
ERSTKLASSIGE HOTELS FÜR DEINE REISEN
Auf TUI.com findest Du 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 kannst Du Dich wohlfühlen und einfach genießen. All unsere
Erfahrung steckt in unseren renommierten Hotelmarken, die ganz auf Deine
Bedürfnisse zugeschnitten sind. So können wir optimalen Urlaub bieten. Und Du
findest, was Du suchst: eine hohe individuelle Urlaubs- und Reisequalität.
Zum Seitenanfang
Schließen
EARLY300
Bis zu 300€ extra SPAREN!*
Dein Frühbucher-Aktionscode für den Winter
Dein Aktionscode:
EARLY300Code kopieren
EARLY300
Code kopiert
Schnell buchen, Code endet in
1Tag
23Stunden
58Minuten
05Sekunden
*gültig für TUI, airtours, 300 € Rabatt ab 2.499 €, 250 € Rabatt ab 1.899 €, 150
€ Rabatt ab 1.399 €, 75 € Rabatt ab 749 € Reisepreis, mind. 3 Nächte, Reisen vom
01.11.22 bis 31.03.23Einlösebedingungen
TUI.com Service Center 0511-5678600 0511-5678600
Unsere Bezahlarten
Informationen zu den Zahlungsmöglichkeiten
--------------------------------------------------------------------------------
Besuchen Sie uns auch hier:
*
*
*
*
--------------------------------------------------------------------------------
SSL-Verschlüsselung
Wir übertragen alle Daten mit der sicheren SSL-Verschlüsselung.
--------------------------------------------------------------------------------
Online-Sicherheit
Die verschlüsselte Übertragung erfolgt Thawte-Zertifiziert.
--------------------------------------------------------------------------------
TUI Newsletter
Newsletter-Symbol
Jetzt anmelden und tolle Schnäppchen sichern!
E-Mail-Adresse
Informationen zur Datenverarbeitung
DIE TUI.COM APP
Die TUI.com App vereint die beliebten Funktionen der Meine TUI App mit der
zusätzlichen Suchen & Buchen Funktion.
--------------------------------------------------------------------------------
* TUI Flug
* TUI Shop
* TUI Group
* Presse
* Jobs
* Nutzungsbedingungen
* Datenschutz-Hinweis
* Cookie-Hinweis
* Impressum
* AGB
* Hilfe & Kontakt
* Reiseschutz
* TUI Hotel Partner Programm
* © TUI Deutschland GmbH
Sie wollten gerade Ihre Traumreise buchen.
Buchung fortsetzen
Sie werden in Sekunden weitergeleitet.
Sie werden in Sekunden weitergeleitet.
Cookies auf TUI.com
Für ein optimales Webangebot erheben wir mit Hilfe von Cookies
Nutzungsinformationen, die wir auch mit unseren Partnern teilen. Die Cookies
sind entweder für die Seitenfunktion notwendig, oder dienen Analyse- und
Marketingzwecken.
Mit einem Klick auf Zustimmen akzeptieren Sie den Einsatz der nicht
funktionsnotwendigen Cookies. Möchten Sie das nicht, klicken Sie auf Ablehnen
oder Sie nehmen hier detaillierte Einstellungen vor.
Jederzeit weitere Informationen zur Cookienutzung und die Möglichkeit zur
Änderung Ihrer Einstellungen finden Sie in unserem Cookie-Hinweis. Bitte
beachten Sie auch unseren Datenschutz-Hinweis und unser Impressum.
Opt-In
Opt-Out
Submit
Zustimmen
Ablehnen