www.tui.at Open in urlscan Pro
2a02:2e0:41b:2030:f::18  Public Scan

Submitted URL: https://abc.wwija.com/click.php?key=h4vi5uwdsl3j1ieidr24&cid=16363221763243455007219767430476175&cost=0.0007&zone=1041...
Effective URL: https://www.tui.at/
Submission: On August 16 via manual from AT — Scanned from NL

Form analysis 2 forms found in the DOM

<form><input class=" form-control" type="text" id="searchInput" placeholder="Website durchsuchen" autocomplete="off" value=""><span class="icon" style="mask-image: url(&quot;https://static.tui.com/assets/v2/icons/tui-light/search.svg&quot;);"></span>
</form>

Name: simpleSearchPOST

<form class="cs__form ng-pristine ng-valid ng-valid-required" ng-class="{'cs__form--f-open': homeSearchViewState.detailSearchOpen &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1021|6341" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Albanien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1016|6373" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Amalfiküste</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1036|6349" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Andorra</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6365" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Armenien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6359" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Aserbaidschan</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1008|6375" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Bahrain</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1025|6355" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Belize</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1618|1007" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Dominikanische Republik</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="6330|1101" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Dubai</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1638|1118" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Fuerteventura</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1000|6379" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Gambia</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6353" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Georgien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1639|1123" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Gran Canaria</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1025|6343" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Guatemala</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1640|1155" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Jamaika</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1641|1158" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Jordanien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6361" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kasachstan</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6357" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kirgisistan</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1021|6371" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Kosovo</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1642|1186" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Lanzarote</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1335|1192" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Madeira</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1015|1196" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Malediven</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1337|1198" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Malta</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1021|6369" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Moldawien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1029|6383" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Montafon</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1021|6367" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Nord-Mazedonien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1002|6381" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Philippinen</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1043|1259" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Republik Zypern (Süden)</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1459|6351" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Samoa</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="2543|1271" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sardinien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1008|6387" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Saudi-Arabien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1000|6377" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Senegal</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1340|1278" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Seychellen</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="2545|1283" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sizilien</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1341|1284" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Sri Lanka</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1643|1296" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Teneriffa</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="1039|6347" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Tunesien - Inland</a><!-- ngIf: dest.subtitle --></li>
                <!-- end ngRepeat: dest in getDestinations() -->
                <li class="cs-dd__des-li ng-scope clickable" ng-repeat="dest in getDestinations()"
                  ng-class="{optgroup: !dest.value, selected: $index == selectedIndex, clickable: dest.value || dest.name == ('compactSearch.searchBoxes.destination.any' | translate), current: (dest.value &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; 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 &amp;&amp; dest.value == searchBoxState.destination.value) || (!searchBoxState.destination.value &amp;&amp; dest.name == ('compactSearch.searchBoxes.destination.any' | translate))}"
                  data-val="6330" ng-mouseenter="$parent.selectedIndex = $index">
                  <a class="cs-dd__des-a / u-dis-b u-pos-rel u-l-txt / cc-cs-destination-element ng-binding" ng-click="selectDestination(dest)" ng-bind-html="(dest.htmlName || dest.name)">Vereinigte Arabische Emirate</a><!-- ngIf: dest.subtitle -->
                </li><!-- end ngRepeat: dest in getDestinations() -->
              </ul><!-- end ngIf: destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest --><!-- ngIf: !(destinationName === 'Beliebig' || destinationName.length < 3 || overrideAutosuggest) -->
            </div>
          </div>
          <div class="cs-dd / col-sm-6 ng-scope" ng-show="searchBox.state.searchScope != 'HOTEL'" nsd-component-search-box-popover="" partial="departure" validate-on-close="departureAirport" nsd-scroll-to-parent-container=".js-component-search-box">
            <div class="js-popover">
              <div class="cs-mbl-hd">
                <p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Abflughafen <button type="button" data-dismiss="popover"
                    class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
                <section class="cs__input cs__input--top cs__input--dep / u-c-pointer / js-popover-trigger / cc-cs-departure" nsd-validation-container="departureAirport"><label
                    class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2 ng-binding" id="compact-departure-label">Von
                    wo?&nbsp;<!-- --><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">7 Abflugorte </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--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 u-db-c" 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 u-db-c" 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 u-db-c" 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 u-db-c" 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 u-db-c"
                            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 u-db-c"
                            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--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_AGB" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="AGB"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_AGB" ng-click="toggleAirport(airportCode, $event)"
                          title="Augsburg (AGB)">Augsburg<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)}">AGB</span></label></li><!-- end 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 u-db-c" 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--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_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_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_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_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_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_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_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_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 -->
                    </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--swiss" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-SWISS" class="t-checkbox ng-isolate-scope"
                      check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="SWISS"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
                      for="airport-group-SWISS" ng-click="toggleAirportGroup(airportGroup, $event)" title="Schweiz">Schweiz</label>
                    <ul class="cs-dd__dep-list / u-m-b0 / list-unstyled"><!-- ngRepeat: airportCode in airportGroup.airports -->
                      <li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_BRN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="BRN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BRN" ng-click="toggleAirport(airportCode, $event)"
                          title="Bern-Belp (BRN)">Bern-Belp<span class="cs-dd__dep-code / b1 bold / text-uppercase ng-binding 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_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_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--hungary" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-HUNGARY" class="t-checkbox ng-isolate-scope"
                      check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="HUNGARY"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
                      for="airport-group-HUNGARY" ng-click="toggleAirportGroup(airportGroup, $event)" title="Ungarn">Ungarn</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_BUD" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="BUD"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_BUD" ng-click="toggleAirport(airportCode, $event)"
                          title="Budapest Ferihegy (BUD)">Budapest Ferihegy<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)}">BUD</span></label></li><!-- end ngRepeat: airportCode in airportGroup.airports -->
                      <li ng-repeat="airportCode in airportGroup.airports" class="ng-scope"><input type="checkbox" id="airports_DEB" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="DEB"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_DEB" ng-click="toggleAirport(airportCode, $event)"
                          title="Debrecen (DEB)">Debrecen<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)}">DEB</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--slovenia" ng-repeat="airportGroup in IbeApi.state.referenceData.airportGroups"><input type="checkbox" id="airport-group-SLOVENIA" class="t-checkbox ng-isolate-scope"
                      check-list="checkedGroups" ng-value="airportGroup.code" ng-click="toggleAirportGroup(airportGroup, $event)" value="SLOVENIA"><label class="t-checkbox-lbl / filter__label / bold u-ellipsis / cc-cs-departure-list ng-binding"
                      for="airport-group-SLOVENIA" ng-click="toggleAirportGroup(airportGroup, $event)" title="Slowenien">Slowenien</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_LJU" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="LJU"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_LJU" ng-click="toggleAirport(airportCode, $event)"
                          title="Ljubljana (LJU)">Ljubljana<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)}">LJU</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 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_EIN" class="t-checkbox ng-isolate-scope" check-list="popover.state.departureAirports" ng-value="airportCode"
                          ng-click="toggleAirport(airportCode, $event)" value="EIN"><label class="t-checkbox-lbl / filter__label / u-ellipsis / cc-cs-departure-detailed-list ng-binding" for="airports_EIN" ng-click="toggleAirport(airportCode, $event)"
                          title="Eindhoven (EIN)">Eindhoven<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)}">EIN</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>
                <hr class="cs-dd__hr">
                <div class="cs-dd__bottom / cs-mbl-hd__bttm / row">
                  <div class="col-xs-12 col-sm-8 col-md-9">
                    <!-- ngIf: popover.state.departureAirports.length --><a class="cs-dd__r / u-l-base-c u-dis-b u-c-pointer ng-scope" ng-if="popover.state.departureAirports.length" ng-click="clearAirportSelection();"><i class="u-p-r1 / icon icon--close" aria-hidden="true"></i><span class="ng-binding">Auswahl aufheben</span></a><!-- end ngIf: popover.state.departureAirports.length -->
                  </div>
                  <div class="col-xs-12 col-sm-4 col-md-3"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
                </div>
              </section>
            </div>
          </div>
          <div class="cs-dd / col-sm-6 ng-hide" ng-show="searchBox.state.searchScope == 'HOTEL' &amp;&amp; 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 &amp; wie
                      lange?</span>&nbsp;<!-- --><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">21.08.2024 - 19.09.2024, 1 Woche </span><span class="btn-divider / b3 / btn"><i class="btn-input__icon / icon icon--calendar-month" aria-hidden="true"></i></span></button></section><span
                  class="cs-dd__close / u-pos-abs hidden-xs" data-dismiss="popover" role="button"><i class="icon icon--close / u-db-c u-p-l05" aria-hidden="true"></i></span>
              </div>
              <section class="cs-dd__con / u-pos-abs u-bg-be30 / cc-cs-dropdown-duration" nsd-validation-container="travelRangePopover">
                <div class="row">
                  <div class="col-xs-6" nsd-component-search-box-field="" partial="startDate">
                    <div class="cs__input" nsd-date-picker-bootstrap="popover.state.startDate" nsd-date-picker-min-date="popover.state.minStartDate" nsd-date-picker-max-date="IbeApi.state.referenceData.maxFlightReturnDate"><label
                        class="cs__label / u-m-b0 u-ellipsis u-c-pointer u-dis-b u-v-top b2 ng-binding" for="popoverStartDate">Früheste Hinreise </label>
                      <div class="u-pos-rel"><input type="text" name="startDate" class="cs-dd__input / u-pos-rel b3 u-c-pointer / form-control--cs / form-control / js-datepicker" id="popoverStartDate" autocomplete="off"
                          nsd-validation-field="startDate" nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
                          nsd-validation-search-scope="searchBox.state.searchScope" nsd-validation-field-dependencies="'popoverDuration'" nsd-validation-required="" ng-click="popoverService.trackClick($event, 'start date')" ng-readonly="readonly">
                        <div class="u-pos-abs u-pos-bo-ri-0 / btn-input / btn"><i class="btn-input__icon / icon icon--calendar-month / b3" aria-hidden="true"></i></div>
                      </div>
                    </div>
                  </div>
                  <div class="col-xs-6" nsd-component-search-box-field="" partial="endDate">
                    <div class="cs__input cs__input--end" nsd-date-picker-bootstrap="popover.state.endDate" nsd-date-picker-min-date="popover.state.minEndDate" nsd-date-picker-max-date="IbeApi.state.referenceData.maxFlightReturnDate"><label
                        class="cs__label / u-m-b0 u-ellipsis u-c-pointer u-dis-b u-v-top b2 ng-binding" for="popoverEndDate">Späteste Rückreise </label>
                      <div class="u-pos-rel"><input type="text" name="endDate" class="cs-dd__input / u-pos-rel b3 u-c-pointer / form-control--cs / form-control / js-datepicker" id="popoverEndDate" autocomplete="off" nsd-validation-field="endDate"
                          nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
                          nsd-validation-search-scope="searchBox.state.searchScope" nsd-validation-field-dependencies="'popoverDuration'" nsd-validation-required="" ng-click="popoverService.trackClick($event, 'end date')" ng-readonly="readonly">
                        <div class="u-pos-abs u-pos-bo-ri-0 / btn-input / btn"><i class="btn-input__icon / icon icon--calendar-month / b3" aria-hidden="true"></i></div>
                      </div>
                    </div>
                  </div>
                  <div class="col-xs-12" nsd-component-search-box-field="" partial="duration">
                    <div class="fl-ng2-slct fl-ng2-slct--cs / u-pos-rel / form-group"><label class="fl-ng2-slct__lbl fl-ng2-slct__lbl--cs / u-pos-abs ng-binding" for="popoverDuration">Ihre Reisedauer </label><select nsd-validation-required=""
                        name="duration" class="fl-ng2-slct__slct fl-ng2-slct__slct--cs / u-c-pointer ng-pristine ng-untouched ng-valid ng-not-empty" id="popoverDuration" ng-model="popover.state.duration" nsd-validation-field="duration"
                        nsd-validation-type="searchFormDates" nsd-validation-duration="popover.state.duration" nsd-validation-start-date="popover.state.startDate" nsd-validation-end-date="popover.state.endDate"
                        nsd-validation-search-scope="searchBox.state.searchScope" ng-click="popoverService.trackClick($event, 'durations')"><!-- ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
                        <optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="default" class="ng-binding ng-scope">Beliebig</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="exact" class="ng-binding ng-scope">Exakt wie angegeben</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                        </optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
                        <optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Wochen - exakt" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="7-" class="ng-binding ng-scope" selected="selected">1 Woche</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="14-" class="ng-binding ng-scope">2 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="21-" class="ng-binding ng-scope">3 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="28-" class="ng-binding ng-scope">4 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="35-" class="ng-binding ng-scope">5 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="42-" class="ng-binding ng-scope">6 Wochen</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                        </optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
                        <optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Nächte - flexibel" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="1-4" class="ng-binding ng-scope">1-4 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="5-8" class="ng-binding ng-scope">5-8 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="9-12" class="ng-binding ng-scope">9-12 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="13-15" class="ng-binding ng-scope">13-15 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                        </optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
                        <optgroup ng-repeat="optGroup in durationOptions | orderBy: 'order'" label="Anzahl Nächte - exakt" class="ng-scope"><!-- ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="1" class="ng-binding ng-scope">1 Nacht</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="2" class="ng-binding ng-scope">2 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="3" class="ng-binding ng-scope">3 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="4" class="ng-binding ng-scope">4 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="5" class="ng-binding ng-scope">5 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="6" class="ng-binding ng-scope">6 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="7" class="ng-binding ng-scope">7 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="8" class="ng-binding ng-scope">8 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="9" class="ng-binding ng-scope">9 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="10" class="ng-binding ng-scope">10 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="11" class="ng-binding ng-scope">11 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="12" class="ng-binding ng-scope">12 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="13" class="ng-binding ng-scope">13 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="14" class="ng-binding ng-scope">14 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="15" class="ng-binding ng-scope">15 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="16" class="ng-binding ng-scope">16 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="17" class="ng-binding ng-scope">17 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="18" class="ng-binding ng-scope">18 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="19" class="ng-binding ng-scope">19 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="20" class="ng-binding ng-scope">20 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="21" class="ng-binding ng-scope">21 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="22" class="ng-binding ng-scope">22 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="23" class="ng-binding ng-scope">23 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="24" class="ng-binding ng-scope">24 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="25" class="ng-binding ng-scope">25 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="26" class="ng-binding ng-scope">26 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="27" class="ng-binding ng-scope">27 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="28" class="ng-binding ng-scope">28 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="29" class="ng-binding ng-scope">29 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="30" class="ng-binding ng-scope">30 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="31" class="ng-binding ng-scope">31 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="32" class="ng-binding ng-scope">32 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="33" class="ng-binding ng-scope">33 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="34" class="ng-binding ng-scope">34 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="35" class="ng-binding ng-scope">35 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="36" class="ng-binding ng-scope">36 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="37" class="ng-binding ng-scope">37 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="38" class="ng-binding ng-scope">38 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="39" class="ng-binding ng-scope">39 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="40" class="ng-binding ng-scope">40 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="41" class="ng-binding ng-scope">41 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                          <option ng-repeat="option in optGroup.options track by option.value" value="42" class="ng-binding ng-scope">42 Nächte</option><!-- end ngRepeat: option in optGroup.options track by option.value -->
                        </optgroup><!-- end ngRepeat: optGroup in durationOptions | orderBy: 'order' -->
                      </select></div>
                  </div>
                  <div class="error-message / col-xs-12" nsd-validation-error-target="popoverStartDate,popoverEndDate,popoverDuration" style="display: none;"></div>
                </div>
                <hr class="cs-dd__hr cs-dd__hr--m">
                <div class="cs-dd__bottom / cs-mbl-hd__bttm / row">
                  <div class="col-xs-12 col-sm-6 col-sm-offset-6"><button type="button" class="btn btn-default btn-block text-uppercase / js-popover-resume / cc-btn-ok ng-binding">ok </button></div>
                </div>
              </section>
            </div>
          </div>
          <div class="cs-dd / col-sm-6 ng-scope" nsd-component-search-box-popover="" partial="travellers" nsd-scroll-to-parent-container=".js-component-search-box" nsd-validation-container="travellers">
            <div class="js-popover">
              <div class="cs-mbl-hd">
                <p class="cs-mbl-hd__ln / bold u-m-0 u-bg-db u-w-c / text-center ng-binding">Reisende <button type="button" data-dismiss="popover"
                    class="cs-mbl-hd__close / b4 u-p-r1 / btn btn-input / pull-right"><i class="icon icon--close / u-w-c u-dis-b" aria-hidden="true"></i></button></p>
                <div class="cs__input cs__input--top / u-c-pointer / js-popover-trigger / cc-cs-travellers"><label class="cs__label cs__label--top / u-m-b0 u-c-pointer u-dis-b u-v-top b2" id="compact-travellers-label"><span class="ng-binding">Wer
                      reist mit?</span>&nbsp;<!-- --><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 &amp;&amp; $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 &amp;&amp; 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>0800 400
                            202</span></span><br>(<span>Mo-So &amp; feiertags: 09-23 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 &amp;&amp; (!$ctrl.hasUsedSearch || !$ctrl.hasNoResults) }"><!-- ngIf: $ctrl.isFetchingData && !$ctrl.hasRequestFailed --><!-- --><!-- ngIf: $ctrl.buttonLabelPrefix --><!-- --><span
                ng-class="{ 'no-results': $ctrl.hasNoResults }" class="ng-binding"><!-- ngIf: $ctrl.buttonLabelPrefix -->Suchen </span><!-- --><span ng-show="IbeApi.state.stepNr > 1" class="ng-hide"><span translate="compactSearch.button.refresh"
                  class="ng-scope">aktualisieren</span><i class="icon icon--chevron-right" aria-hidden="true"></i></span></button></nsd-component-search-submit-button></div>
        <div class="cs__btn-left / clearfix"><button
            ng-init="filtersNone = ('compactSearch.filterHeadings.addFilter' | translate); filtersOne = ('compactSearch.filterHeadings.filterAdded' | translate); filtersMore = ('compactSearch.filterHeadings.filtersAdded' | translate);" type="button"
            ng-hide="IbeApi.state.stepName != 'homesearch' || homesearchSettings.simpleHomeSearch == '1'" class="btn-input btn-input--f btn-text-color btn-with-divider / b3 u-pos-rel / btn btn-block collapsed"
            ng-class="{collapsed: !homeSearchViewState.detailSearchOpen, 'cs__f-on': homeSearchViewState.detailSearchOpen}" ng-click="gotoDetailSearch(); scrollToComponentContainer();"><ng-pluralize count="(searchBox.state | filterCount)"
              when="{'0': 'Filter hinzufügen', 'one': '{} Filter hinzugefügt', 'other': '{} Filter hinzugefügt'}">Filter hinzufügen</ng-pluralize><span
              class="btn-divider / b3 / btn"><i class="btn-input__icon btn-input__icon--f / icon icon--chevron-up" aria-hidden="true"></i></span></button>
          <div class="text-center ng-hide" ng-hide="IbeApi.state.stepName === 'homesearch' &amp;&amp; homesearchSettings.simpleHomeSearch != '1'">
            <a class="cs__x / u-dis-ib u-l-light-c u-c-pointer" id="xaDiscardChanges" ng-click="hideSearchBox()" role="button"><i class="u-p-r1 / icon icon--close" aria-hidden="true"></i><span translate="compactSearch.discardChanges" class="ng-scope">Abbrechen</span></a>
          </div>
        </div>
      </div>
    </div> <!-- ngIf: homesearchSettings.simpleHomeSearch != '1' && !homesearchSettings.hideDetailLink && !homeSearchViewState.detailSearchOpen && (searchBox.state | filterCount) -->
  </section>
</form>

Text Content

Welcome to
the World of TUI

Choose your country

TUI Deutschland
TUI Schweiz
TUI Nederland
TUI France
TUI Polska
TUI UK
TUI Danmark
TUI België
TUI Norge
TUI Sverige
TUI Finnland
 * 0800 400 202
 * 
 * Newsletter Newsletter
 * 
 * Web Check-in Web Check-in
 * 
 * Flex Tarif Flex Tarif
 * 
 * Reisebüro Reisebüro
 * 
 * myTUI
   Einloggen oder Registrieren
   Anmelden
   Neuer Kunde?Konto erstellen
    * myTUI
    * Mein Merkzettel
    * Meine Buchungen
    * Mein Web Check-in

 * 
 * 
   Merkzettel Merkzettel
 * 
 * Blog Blog
 * 
 * Karriere Karriere
 * 

MENÜ
Choose your country!

 * Urlaub buchen
   Urlaub buchen
    * Reiseziele
      Reiseziele
      * Griechenland
      * Türkei
      * Spanien
      * Ägypten
      * Italien
   
    * Reisethemen
      Reisethemen
      * Super Last Minute
      * Frühbucher Reisen
      * Urlaub mit Eigenanreise
      * Städtereisen
      * Beste Reisezeit für...
   
    * Pauschalreisen
      Pauschalreisen
      * Fernreisen
    * Hotel
    * Flug
      Flug
      * Flüge ab Innsbruck
      * Flüge ab Linz
      * Flüge ab Salzburg
      * Flüge ab Wien
      * Flüge ab Graz
      * Flüge ab München
   
    * Ferienwohnung
    * Mietwagen
    * Rundreisen
    * Kreuzfahrten
    * TUI Ausflüge
    * Gruppenreisen
    * Zusatzleistungen

 * Last Minute
   Last Minute
    * Last Minute Griechenland
    * Last Minute Türkei
    * Last Minute Spanien
   
    * Last Minute Ägypten
    * Last Minute Italien
    * Last Minute Kroatien
   
    * Last Minute Zypern
    * Last Minute Österreich
    * Last Minute Thailand
   
    * Last Minute Dubai
    * Super Last Minute
    * Alle Last Minute Angebote

 * Urlaubsideen
   Urlaubsideen
    * TUI Reisekalender
      TUI Reisekalender
      * August
      * September
      * Oktober
      * November
      * Alle Reisemonate
   
    * Angebote für
      Angebote für
      * Familienurlaub
      * Paarurlaub
      * Singleurlaub
      * Honeymoon
      * Nachhaltiger Urlaub
   
    * Reisearten
      Reisearten
      * Strandurlaub
      * Aquapark & Rutschen
      * All Inclusive Urlaub
      * Golfreisen
      * Tauchurlaub
   
    * TUI Blog
    * Online Kataloge
    * Reisebürofinder
    * Reisegutscheine
    * TUI Reise-Finder

 * TUI Hotelmarken
   TUI Hotelmarken
    * TUI BLUE
      
      HOTELS DESIGNED FOR YOU
   
    * TUI MAGIC LIFE
      
      All Inclusive Cluburlaub direkt am Meer
   
    * TUI KIDS CLUB
      
      Die Garantie für einen perfekten Familienurlaub
   
    * ROBINSON
      
      Cluburlaub auf höchstem Niveau
   
    * RIU
      
      Hotels in den schönsten Urlaubszielen weltweit
   
    * TUI SUNEO
      
      Günstiger All-Inclusive Hotelurlaub
   
    * Grupotel
      
      Hotelspezialist auf den Balearen
   
    * Grecotel
      
      Griechenland von seiner schönsten Seite
   
    * Atlantica
      
      Einzigartige Urlaubserlebnisse in Griechenland & Zypern
   
    * TIME TO SMILE
      
      TUI Appartement-Urlaub zum Wohlfühlen
   
    * Iberotel
      
      Höchster Komfort von Nord bis Süd
   
    * Royalton
      
      All Inclusive Luxus-Resorts in der Karibik

 * TUI DEALS
   TUI DEALS
    * TUI Kinderfestpreis
      
      Kinder übernachten kostenlos!
   
    * Aktionscode
      
      Regelmäßig kräftig sparen!
   
    * Coupon
      
      Jetzt Sparcoupon sichern
   
    * Hotel-Coupon
      
      Sofortrabatt auf Hotelbuchungen
   
    * TUI Deals
      
      Täglich aktuelle TOP Angebote
   
    * Schnäppchen Urlaub
      
      Günstiger Urlaub - volle TUI Qualität!

 * Service & Kontakt



0800 400 202

Mo bis So & feiertags: 09:00 bis 23:00 Uhr

 * 
 * Blog
 * 
 * Karriere

 * TUI Österreich
    * TUI Deutschland
    * TUI Schweiz
    * TUI Nederland
    * TUI France
    * TUI Polska
    * TUI UK
    * TUI Danmark
    * TUI België
    * TUI Norge
    * TUI Sverige
    * TUI Finnland

Previous

Super Last Minute SALE

Spontan in die Sonne? Last Minute buchen und kräftig sparen!

Angebote entdecken

Bis zu 45% sparen!

Im Winter in die Sonne!

Jetzt Urlaub buchen und Frühbucherpreise sichern.

Zu den Deals

Kinder übernachten kostenlos!

In über 350 Hotels in Italien, Kroatien, Österreich aber auch Griechenland,
Türkei uvm.

Alle Deals entdecken
Next
 * Go to slide 1
 * Go to slide 2
 * Go to slide 3


 * PauschalreisePauschalreise
 * Hotel
   
 *   
   * %DEALS
     
   * Flug
     
   * Ferienwohnung
     
   * Mietwagen
     
   * Rundreise
     
   * Kreuzfahrt
     
   * Ausflüge
     
   * Gruppenreise
     
   * Camper
     
   * Privattransfer
     
   

Reiseziel

Wo soll es hin gehen?
Bitte auswählen.
   
 * Beliebig
   
 * Top-Reiseziele
   
 * beliebteste Reiseziele
   
 * Mallorca
   
 * Kreta
   
 * Side & Alanya
   
 * Fuerteventura
   
 * Gran Canaria
   
 * Rhodos
   
 * Teneriffa
   
 * Hurghada & Safaga
   
 * Antalya & Belek
   
 * Kos
   
 * Alle Reiseziele von A-Z
   
 * Ägypten
   
 * Afrika
   
 * Albanien
   
 * Amalfiküste
   
 * Andorra
   
 * Armenien
   
 * Aserbaidschan
   
 * Asien
   
 * Bahrain
   
 * Balearen
   
 * Bali & Indonesien
   
 * Belize
   
 * Bulgarien
   
 * Deutschland
   
 * Dominikanische Republik
   
 * Dubai
   
 * Dubai & Arabische Halbinsel
   
 * Frankreich
   
 * Fuerteventura
   
 * Gambia
   
 * Georgien
   
 * Gran Canaria
   
 * Griechenland
   
 * Griechische Inseln
   
 * Guatemala
   
 * Ibiza & Formentera
   
 * Indischer Ozean
   
 * Israel
   
 * Italien
   
 * Jamaika
   
 * Jordanien
   
 * Kanarische Inseln
   
 * Kap Verde - weitere Inseln
   
 * Kapverdische Inseln
   
 * Karibik
   
 * Kasachstan
   
 * Kirgisistan
   
 * Kosovo
   
 * Kroatien
   
 * Kuba
   
 * Lanzarote
   
 * Madeira
   
 * Malediven
   
 * Mallorca / Menorca
   
 * Malta
   
 * Marokko
   
 * Mauritius & Reunion
   
 * Mexiko
   
 * Mittelamerika
   
 * Mitteleuropa
   
 * Moldawien
   
 * Montafon
   
 * Naher Osten
   
 * Nord-Mazedonien
   
 * Österreich
   
 * Philippinen
   
 * Portugal
   
 * Republik Zypern (Süden)
   
 * Samoa
   
 * Sardinien
   
 * Saudi-Arabien
   
 * Schweiz
   
 * Senegal
   
 * Seychellen
   
 * Sizilien
   
 * Slowenien
   
 * Spanien (Festland)
   
 * Sri Lanka
   
 * Südafrika
   
 * Südamerika
   
 * Teneriffa
   
 * Thailand
   
 * Tirol
   
 * Türkei
   
 * Türkische Ägäis
   
 * Türkische Riviera
   
 * Tunesien
   
 * Tunesien - Inland
   
 * USA/Kanada
   
 * Vereinigte Arabische Emirate
   

Abflughafen

Von wo? 7 Abflugorte Bitte auswählen.
Österreich
   
 * GrazGRZ
   
 * InnsbruckINN
   
 * KlagenfurtKLU
   
 * LinzLNZ
   
 * Salzburg - W.A.MozartSZG
   
 * Wien-SchwechatVIE
   

Deutschland Süd
   
 * AugsburgAGB
   
 * FriedrichshafenFDH
   
 * Karlsruhe/Baden-BadenFKB
   
 * MemmingenFMM
   
 * MünchenMUC
   
 * NürnbergNUE
   
 * StuttgartSTR
   

Deutschland West
   
 * Köln/BonnCGN
   
 * DortmundDTM
   
 * DüsseldorfDUS
   
 * Münster-OsnabrückFMO
   
 * Frankfurt/MainFRA
   
 * Weeze/NiederrheinNRN
   
 * Paderborn/LippstadtPAD
   
 * SaarbrückenSCN
   

Deutschland Nord
   
 * BremenBRE
   
 * HannoverHAJ
   
 * HamburgHAM
   
 * Rostock-LaageRLG
   

Deutschland Ost
   
 * Berlin-BrandenburgBER
   
 * DresdenDRS
   
 * ErfurtERF
   
 * Leipzig/HalleLEJ
   

Schweiz
   
 * Bern-BelpBRN
   
 * BaselBSL
   
 * GenfGVA
   
 * ZürichZRH
   

Ungarn
   
 * Budapest FerihegyBUD
   
 * DebrecenDEB
   

Slowenien
   
 * LjubljanaLJU
   

Frankreich
   
 * StraßburgSXB
   

Benelux
   
 * Amsterdam SchipholAMS
   
 * EindhovenEIN
   
 * LuxemburgLUX
   

--------------------------------------------------------------------------------

Auswahl aufheben
ok
Flug hinzufügen

Reisezeitraum

Wann & wie lange? 21.08.2024 - 19.09.2024, 1 Woche
Früheste Hinreise

Späteste Rückreise

Ihre Reisedauer BeliebigExakt wie angegeben1 Woche2 Wochen3 Wochen4 Wochen5
Wochen6 Wochen1-4 Nächte5-8 Nächte9-12 Nächte13-15 Nächte1 Nacht2 Nächte3
Nächte4 Nächte5 Nächte6 Nächte7 Nächte8 Nächte9 Nächte10 Nächte11 Nächte12
Nächte13 Nächte14 Nächte15 Nächte16 Nächte17 Nächte18 Nächte19 Nächte20 Nächte21
Nächte22 Nächte23 Nächte24 Nächte25 Nächte26 Nächte27 Nächte28 Nächte29 Nächte30
Nächte31 Nächte32 Nächte33 Nächte34 Nächte35 Nächte36 Nächte37 Nächte38 Nächte39
Nächte40 Nächte41 Nächte42 Nächte


--------------------------------------------------------------------------------

ok

Reisende

Wer reist mit? 2 Erwachsene

Zimmer 1

löschen

Erwachsene1 Erwachsener2 Erwachsene3 Erwachsene4 Erwachsene
KinderKeine Kinder1 Kind2 Kinder3 Kinder4 Kinder

Bitte geben Sie das Alter Ihrer Kinder bei Reiseantritt an.
Zimmer hinzufügen

--------------------------------------------------------------------------------

 * Darf's ein bisschen mehr sein?
   
 * Sie reisen mit mehr als 4 Kindern pro Zimmer?
 * Sie reisen mit mehr als 4 Erwachsenen pro Zimmer?
   
 * Sie reisen mit mehr als 9 Personen?
   
   

Dann freuen wir uns auf Ihren Anruf im
Service Center – 0800 400 202
(Mo-So & feiertags: 09-23 Uhr)

Weitere Optionen

--------------------------------------------------------------------------------

ok
Suchen aktualisieren
Filter hinzufügen
Abbrechen

Filter hinzufügen

Preisdarstellung
Preis pro Person
Gesamtpreis
Gesamtpreis
beliebig
0 * 0 *
Angebote
Frühbucherrabatt
TUI-Hotelkategorie
ab 0 Sonnen

Gästebewertungen
Gesamtbewertungmind. 0 (von 6)
0 6 0
Weiterempfehlungmind. 0% (von 100%)
0 100 0
Transfer
Inklusive Transfer
Zwischenstopps
Beliebig
Direktflug
max. 1 Stopp
max. 2 Stopps
Ort

Verpflegung
All inclusive
Vollpension
Halbpension
Frühstück
ohne Verpflegung

--------------------------------------------------------------------------------

Besondere Küche
Vegetarische Kost 0
Regionale Kost 0
Glutenfreie Kost 0
Lactosefreie Kost 0
Vegane Kost 0
Bio 0
Gourmet 0
Vollwertkost 0
Diätküche 0
Reisethemen
Zeit zu zweit 0
Familienurlaub 0
Singlereise 0
Nachhaltige Hotels 0
Strandurlaub 0
Urlaub mit Hund 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
e-Ladesäule 0
Wintersport
Ski / Wintersport 0
Pistenhotel 0
Skibus in der Gegend 0
Ski-Kindergarten 0
Ski Langlauf 0
Ski Alpin 0
Snowboard 0
Loipenhotel 0
Familie
Kinderbetreuung 0
Kinderclub / Miniclub 0
Kinderpool 0
Babysitterservice 0
Babybett 0
Kinderspielplatz 0
Wasserrutsche 0
Kindermenü 0
Sport
Animation 0
Fitnessstudio 0
Golf 0
Nordic Walking 0
Radsport 0
Reiten 0
Schnorcheln 0
Segeln 0
Surfen 0
Tauchen 0
Tennis 0
Wandern 0
Yoga 0
Wellness
Wellness & Spa 0
Sauna 0
Massagen 0
Hamam 0
Whirlpool 0
Hotelmarke
ROBINSON
TUI MAGIC LIFE
TUI BLUE
TUI KIDS CLUB
TIME TO SMILE
TUI SUNEO
RIU
Grupotel
Atlantica
Fluggesellschaften
Austrian Airlines (OS)
Eurowings (EW)
Ryanair (FR)
Eurowings Germany (EWG)
Condor (DE)
EasyJet Europe (EJU)
Smart Wings (QS)
European Air Charter (BUC)
Tailwind Airlines (TWI)
Tunisair (TU)
SunExpress (XQ)
Thai Airways (TG)
Avanti Air (ATV)
People (PEV)
Astra Airlines (A2)
Vueling (VY)
Emirates (EK)
TUIfly (X3)
Nouvelair (BJ)
Eva Air (BR)
Corendon Airlines (CAI)
Hahnair (H1)
Mavi Gök Airlines (4M)
Island Express (USA) (2S)
Aegean Airlines (A3)
Air Cairo (SM)
Freebird Airlines (FH)
Wizz Air Malta (W4)
Wizz Air Hungary (W6)
Discover Airlines (4Y)
Hello Jets (H3)
BeOnd (B4)
VISTARA (UK)
Scoot (TR)
Scoot (TGW)
Qatar Airways (QR)
Qatar Airways (QTR)
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

--------------------------------------------------------------------------------


URLAUB BUCHEN MIT TUI – ENTDECKE DIE SCHÖNSTEN REISEN WELTWEIT

60 € Coupon Aktion für die beliebtesten Reiseziele!

Für Traumurlaub bis 23.12.2024


Mehr erfahren

--------------------------------------------------------------------------------


LAST MINUTE SPARTIPPS:

Türkei

z.B. Antalya, Dalaman

Deals entdecken

Griechische Inseln

Sommer auf Kreta, Rhodos, Kos & Co

Deals entdecken
Previous

Eigenanreise Hit Österreich

Ideal für Bade- & Aktivurlaub

Deals entdecken

Portugal

z.B. Algarve, Madeira

Deals entdecken

Ägypten

z.B. Hurghada, Marsa Alam

Deals entdecken

Mallorca

z.B. Playa de Palma, Alcudia

Deals entdecken

Italien

z.B. Kalabrien, Toskana, Obere Adria

Deals entdecken

Eigenanreise Hit Österreich

Ideal für Bade- & Aktivurlaub

Deals entdecken

Portugal

z.B. Algarve, Madeira

Deals entdecken

Ägypten

z.B. Hurghada, Marsa Alam

Deals entdecken

Mallorca

z.B. Playa de Palma, Alcudia

Deals entdecken

Italien

z.B. Kalabrien, Toskana, Obere Adria

Deals entdecken

Eigenanreise Hit Österreich

Ideal für Bade- & Aktivurlaub

Deals entdecken

Portugal

z.B. Algarve, Madeira

Deals entdecken

Ägypten

z.B. Hurghada, Marsa Alam

Deals entdecken
Next
 * Go to slide 1
 * Go to slide 2
 * Go to slide 3
 * Go to slide 4
 * Go to slide 5



Super Last Minute Gewinnspiel

Gewinne einen TUI Reisegutschein im Wert von 3.000 €


Jetzt mitmachen


DESHALB TUI - JETZT VORTEILE NUTZEN:



--------------------------------------------------------------------------------

Paarurlaub mit TUI

Romantische Auszeit z.B. in einem Adults-only Hotel

Jetzt entdecken

Urlaub in den Herbstferien

Sonne tanken im Herbst

Jetzt entdecken

Kreuzfahrten

Entdecke über 30 Reedereien

Kreuzfahrt buchen


Unsere Reise in die richtige Richtung

Verantwortungsvoller Urlaub mit TUI


Mehr Infos


✉ TUI NEWSLETTER: ERHALTE EXKLUSIVE ANGEBOTE UND BLEIBE INFORMIERT ÜBER
AKTIONEN!


UNSERE HOTELMARKEN

Previous

Next
 * Go to slide 1
 * Go to slide 2
 * Go to slide 3
 * Go to slide 4
 * Go to slide 5
 * Go to slide 6
 * Go to slide 7




MEHR FÜR DEINEN URLAUB: DIE VOLLE TUI VIELFALT

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 €

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




DAS SAGEN UNSERE KUNDEN ÜBER UNS:



--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


DIE TOP-REISEZIELE DER TUI

Griechenland

Kreta

Rhodos

Spanien

Mallorca

Kanaren

Türkei

Italien

Kroatien

Ägypten

Malediven

Dubai


LAST-MINUTE REISEN UND MEHR AUF TUI.AT!

Möchtest Du günstige Reisen buchen? Bei uns findest Du genau die Reise die Du
suchst. Sichere Dir gleich die besten Last-Minute Reisen und buche Deinen
Traumurlaub zum Schnäppchenpreis. Herrliche Ferienwohnungen und perfekte Hotels
in jeder Preisklasse. Egal ob Last-Minute Reisen oder Pauschalurlaub: Wir
beraten Dich gerne, wenn Du Deinen Urlaub planst oder einen Mietwagen vor Ort
benötigst. Schaue Dir auch unser großes Flug Angebot an. TUI.at - Urlaub von der
schönsten Seite.


AUF TUI.AT DEINEN TRAUMURLAUB BUCHEN

Unterschiedliche Menschen haben im Urlaub verschiedene Erwartungen. Als
Marktführer weiß das die TUI wie kaum ein anderer und bietet Dir daher auch eine
Fülle von Möglichkeiten, Deinen persönlichen Urlaub zu finden. Du suchst Ruhe,
Entspannung und Erholung? Du möchtest ein Land und seine Leute, andere Kulturen
und neue Wege entdecken? Die TUI hat all dies im Programm. Ganz gleich, ob
Strandurlaub oder Rundreise: Die Qualität der TUI ist immer an Deiner Seite.
Willkommen in der World of TUI, Deinem Reiseveranstalter!


SPARANGEBOTE UND FLEXIBILITÄT

Wer sagt denn, dass gute Qualität unbezahlbar ist? Nutze unsere vielseitigen
Sparangebote und gib Dich dabei nur mit dem Besten zufrieden. Ob Frühbucher oder
Lastminute, Familien oder Alleinreisende, Pauschalreisen oder Städtereisen, ob
über Dein Reisebüro oder direkt - TUI macht Dir immer ein sonniges Angebot für
Deinen Urlaub. Jedes Jahr vertrauen Millionen von Gästen der hervorragenden TUI
Qualität. TUI bietet Dir die volle Kombinationsfreiheit für Deine Reise - wir
sind so flexibel, wie Du es bist. Bei TUI findet jeder Typ Urlaub nach seinem
Geschmack.


ERSTKLASSIGE HOTELS FÜR DEINE REISEN

Auf TUI.at findest Du Ferienhotels, die auf ganzer Linie überzeugen:
Zuvorkommender Service, beste Qualität, und Exklusivität, hohe
Gästezufriedenheit und ökologisch sinnvolles Handeln gehören zu unseren hohen
Ansprüchen. Hier kannst Du dich wohlfühlen und einfach genießen. All unsere
Erfahrung steckt in unserem renommierten Hotelmarken, die ganz auf Deine
Bedürfnisse abgestimmt sind. So können wir optimalen Urlaub bieten. Und Du
findest, was Du suchst: eine hohe individuelle Urlaubs- und Reisequalität.

Zum Seitenanfang



Sie wollten gerade Ihre Traumreise buchen.

Buchung fortsetzen

Sie werden in Sekunden weitergeleitet.





Sie werden in Sekunden weitergeleitet.



Ihre Entscheidung – Ihr Nutzungserlebnis bei TUI.at

Wir nutzen Cookies und andere Technologien, die für Services und Funktionen auf
unserer Website notwendig sind.

Darüber hinaus und soweit Sie einwilligen und „Zustimmen“ auswählen, können auch
unsere Partner als Drittanbieter Cookies auf Ihrem Gerät setzen und andere
Technologien verwenden, um personenbezogene Daten [z.B. IP-Adresse] von Ihnen zu
erheben und Ihnen auf oder neben unserer Webseite personalisierte Inhalte
vorschlagen sowie Messungen und Analysen durchführen. Dabei kann auch ein
Datentransfer in Drittstaaten [z.B. USA] möglich sein, wo vom
EU-Datenschutzniveau abgewichen werden kann und Zugriffe von dortigen Behörden
nicht ausgeschlossen werden können.

Sie können mehr Informationen unter "Einstellungen" finden und entscheiden,
welche Cookie-Kategorien Sie ablehnen oder akzeptieren möchten. Sie können zudem
jederzeit Ihre Entscheidung über "Cookie-Einstellungen" [in der Fußzeile der
Webseite] durch Ausschalten der Kategorien widerrufen. Soweit Sie „Ablehnen“
wählen und Ihre Zustimmung verweigern, können keine individuellen Angebote
unterbreitet werden, nur notwendige Cookies sind aktiv.

Für weitere Informationen schauen Sie bitte in unsere Cookie-Hinweise,
Datenschutz-Hinweise und Impressum.

Opt-In
Opt-Out
Submit
Zustimmen
Ablehnen
Einstellungen