www.tui.com
Open in
urlscan Pro
2a02:2e0:41b:1030:f::15
Public Scan
Submitted URL: http://www.tui.com/
Effective URL: https://www.tui.com/
Submission: On April 20 via manual from IN — Scanned from DE
Effective URL: https://www.tui.com/
Submission: On April 20 via manual from IN — 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="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="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="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="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="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" 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="1639" 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="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" 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" 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="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" 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" 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="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" 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="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="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="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="2543" 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="1340" 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" 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" 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" 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="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() -->
<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" 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)">Zypern</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">23.04.2022 - 23.05.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 10:00 - 18:00 Uhr</span>)</p>
</div>
</div>
</div>
<div class="cs-dd__bottom / cs-mbl-hd__bttm / u-clear / row">
<div class="col-sm-6 col-md-7 col-lg-6">
<a class="cs-dd__opt / u-dis-ib u-l-base-c / js-hint-trigger js-hint-trigger-btm / cc-cs-detailed-info ng-binding" ng-click="trackClick($event, 'further options was clicked.', {});" role="button"><i class="icon icon--info-badge / u-p-r05" aria-hidden="true"></i>Weitere Optionen </a>
</div>
<hr class="cs-dd__bottom-hr / visible-xs">
<div class="col-xs-12 col-sm-6 col-md-5 col-lg-6"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="u-m-b0 / form-group col-md-4 clearfix" ng-hide="hideSubmit">
<div class="cs__btn-right / u-no-overflow u-m-b2 / cc-cs-cta" ng-class="{'cs__btn-right--up': searchBox.state.searchScope == 'HOTEL'}"><nsd-component-search-submit-button
result-count="resultCount !== undefined ? resultCount : IbeApi.state.data.resultCount" is-fetching-data="IbeApi.state.fetchingData" has-request-failed="IbeApi.state.requestFailed" has-used-search="usedSearch"
class="ng-isolate-scope"><button nsd-form-submit-form="" type="button" class="btn btn-xl btn-block / ng-scope btn-info cc-cs-cta"
ng-class="{ 'btn-info': $ctrl.ibeMode != 'app', 'btn-default': $ctrl.ibeMode == 'app', 'btn-disabled': $ctrl.isFetchingData || $ctrl.hasNoResults, 'u-ho-ve-center': $ctrl.isFetchingData, 'cc-cs-cta': !$ctrl.isFetchingData && (!$ctrl.hasUsedSearch || !$ctrl.hasNoResults) }"><!-- ngIf: $ctrl.isFetchingData && !$ctrl.hasRequestFailed --><!-- --><!-- ngIf: $ctrl.buttonLabelPrefix --><!-- --><span
ng-class="{ 'no-results': $ctrl.hasNoResults }" class="ng-binding"><!-- ngIf: $ctrl.buttonLabelPrefix -->Suchen </span><!-- --><span ng-show="IbeApi.state.stepNr > 1" class="ng-hide"><span translate="compactSearch.button.refresh"
class="ng-scope">aktualisieren</span><i class="icon icon--chevron-right" aria-hidden="true"></i></span></button></nsd-component-search-submit-button></div>
<div class="cs__btn-left / clearfix 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="#092a5e" 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 * * Hilfe & Kontakt * * Newsletter * * Reisebüro * * Meine TUI Anmelden * Neuer Kunde?Jetzt Konto erstellen * Meine TUI * Mein Suchverlauf * Meine Buchungen * Mein Konto * Mein Webcheckin * * * Blog * * Choose your country! * Urlaub buchen Urlaub buchen * Pauschalreisen Pauschalreisen * Frühbucher 2022 * Sommer 2022 * Familienurlaub * Paarurlaub * Winterurlaub * Fernreisen * Last Minute Last Minute * Super Last Minute * Madeira * Fuerteventura * Gran Canaria * Teneriffa * Hotel Hotel * Städtereisen * Familienhotels * Kurzurlaub * Autoreisen * Strandhotels * TUI Partner Hotels * Flug * Kreuzfahrten * Ferienhaus * Mietwagen * TUI Ausflüge * Rundreisen * Last Minute * 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 * Mallorca Urlaub * Griechenland * Algarve * Dubai * 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 Jetzt buchen und bis zu 60% sparen * Coupon Sommer 2022: Jetzt Sparcoupon sichern * Hotel-Coupon Sofortrabatt auf Hotelbuchungen sichern * Flug buchen Flug buchen * Flug buchen * 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 0511-5678600 tgl. Mo bis So von 8 - 20 Uhr * 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 Summer Deals Bis zu 38 % sparen ✓ TUI PROTECT gratis inkl. ✓ Flex Tarif zubuchbar Alle Summer Deals Inkl. Spar- Coupon Mallorca ♥ Liebe Last Minute oder Sommerurlaub + gratis TUI PROTECT inkl. + Flex Tarif zubuchbar Mallorca buchen Spar- Coupon sichern Fly Türkei Jetzt günstige Flüge in die türkische Ägäis sichern! Jetzt buchen Dalaman ab 59,99 € 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 * Privattransfer * Ausflüge * Camper * Rundreisen 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 * Asien * Balearen * Bali & Indonesien * Bulgarien * Deutschland * Dominikanische Republik * Dubai * Dubai & Arabische Halbinsel * Frankreich * Fuerteventura * Gran Canaria * Griechenland * Griechische Inseln * Ibiza & Formentera * Indischer Ozean * Israel * Italien * Jamaika * Jordanien * Kanarische Inseln * Kap Verde - weitere Inseln * Kapverdische Inseln * Karibik * Kroatien * Kuba * Lanzarote * Madeira * Mallorca / Menorca * Malta * Marokko * Mauritius & Reunion * Mexiko * Mittelamerika * Mitteleuropa * Naher Osten * Österreich * Portugal * Sardinien * Schweiz * Seychellen * Sizilien * Slowenien * Spanien (Festland) * Sri Lanka * Südafrika * Südamerika * Teneriffa * Thailand * Tirol * Türkei * Türkische Ägäis * Türkische Riviera * Tunesien * USA/Kanada * Vereinigte Arabische Emirate * Zypern 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? 23.04.2022 - 23.05.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 10:00 - 18: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 Schwimmbad 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 -------------------------------------------------------------------------------- FLEX TARIF & TUI PROTECT Eine Umbuchungs- oder Storno-Option ist mit dem Flex Tarif zubuchbar. Sorgenfrei vor und während der Reise: Bei allen Reisen bis 31.10.22 ist TUI PROTECT kostenlos inklusive. CORONA INFORMATIONEN Aktuelles zu Einreisebestimmungen, Corona-Tests uvm. erhalten Sie auf den Corona-Infoseiten. URLAUB BUCHEN MIT TUI – ENTDECKE DIE SCHÖNSTEN REISEN WELTWEIT AKTUELL BELIEBTE HOTELS: -------------------------------------------------------------------------------- Ganz besonders. TUI. Hotels mit Privatpool Hotels entdecken Griech. Inseln inkl. Spar-Coupon & TUI PROTECT Angebote entdecken -------------------------------------------------------------------------------- Sonne, wir kommen! Strandhotels zum Schnäppchenpreis Angebote entdecken LAST MINUTE IN DIE SONNE ✓ inkl. TUI PROTECT ✓ z.B. Kanaren, Ägypten, Mallorca inkl. Spar- coupon Deals entdecken SOMMER IN DER TÜRKEI Vielfalt an Riviera und Ägäis Jetzt buchen TIPPS FÜR DEINEN URLAUB AUS DEM TUI REISEBLOG Trendziele 2022 Hier wollen wir unbedingt hin! 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 TUI PROTECT Serviceversprechen & Flex Tarif Im Reisepreis inkludiert ist TUI PROTECT, unser Serviceversprechen für Reisen bis zum 31.10.2022. Mit dem Flex Tarif ist außerdem eine flexible Umbuchungs- und Storno-Option zubuchbar. UNSERE TUI HOTELMARKEN Previous Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € 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 Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € Angebote ab 0 € 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 Ihr Reisebüro Jetzt eines in Ihrer Nähe finden Reise- büro finden AUF TUI.COM IHREN TRAUMURLAUB BUCHEN Unterschiedliche Menschen haben im Urlaub verschiedene Erwartungen. Als Marktführer weiß das die TUI wie kaum ein anderer und bietet Ihnen daher auch eine Fülle von Möglichkeiten, Ihren persönlichen Urlaub zu finden. Sie suchen Ruhe, Entspannung und Erholung? Sie möchten ein Land und seine Leute, andere Kulturen und neue Wege entdecken? Die TUI hat all dies im Programm. Ganz gleich, ob Badeurlaub oder Rundreise: Die Qualität der TUI ist immer an Ihrer Seite. Willkommen in der World of TUI, Ihrem Reiseveranstalter! SPARANGEBOTE UND FLEXIBILITÄT Wer sagt denn, dass gute Qualität unbezahlbar ist? Nutzen Sie unsere vielseitigen Sparangebote und geben Sie sich dabei nur mit dem Besten zufrieden. Ob Frühbucher oder Lastminute, Familien oder Alleinreisende, Pauschalreisen oder Städtereisen, ob über Ihr Reisebüro oder direkt - TUI macht Ihnen immer ein sonniges Angebot für Ihren Urlaub. Jedes Jahr vertrauen Millionen von Gästen der hervorragenden TUI Qualität. TUI bietet Ihnen die volle Kombinationsfreiheit für Ihre Reise - wir sind so flexibel, wie Sie es sind. Bei TUI findet jeder Typ Urlaub nach seinem Geschmack. ERSTKLASSIGE HOTELS FÜR IHRE REISEN Auf TUI.com finden Sie Ferienhotels, die auf ganzer Linie überzeugen: Zuvorkommender Service, beste Qualität, und Exklusivität, hohe Gästezufriedenheit und ökologisch sinnvolles Handeln gehören zu unseren hohen Ansprüchen. Hier können Sie sich wohlfühlen und einfach genießen. All unsere Erfahrung steckt in unserem renommierten Hotelmarken, die ganz auf Ihre Bedürfnisse abgestimmt sind. So können wir optimalen Urlaub bieten. Und Sie finden, was Sie suchen: eine hohe individuelle Urlaubs- und Reisequalität. Zum Seitenanfang 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 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 Verpassen Sie keine Deals oder Neuigkeiten mehr! Ich möchte Push Benachrichtigungen mit passenden Angeboten von der TUI Deutschland GmbH bekommen. Benachrichtigungen können jederzeit im Browser deaktiviert werden.Informationen zur Datenverarbeitung Später OK