Flüge nach London

Wer eine London Reise plant, hat beim Flug die große Auswahl: Lufthansa, Air Berlin, Germanwings, easyjet, Ryanair oder British Airways fliegen nach London. Von fast allen deutschen Flughäfen gibt es Nonstop Flüge, die meisten ab Frankfurt, München, Hamburg, Düsseldorf, Köln / Bonn, Stuttgart und Berlin.

Günstige Flug Preise bekommen Sie beim Preisvergleich im Internet. Online Buchen ist fast immer billiger als im Reisebüro, welches ein höheres Serviceentgelt für das Flugticket berechnet.

Es werden gleich mehrere Flughäfen angesteuert, die zum Teil weit außerhalb von London liegen. Mit dem Zug oder Bus kommen Sie jedoch immer ins Zentrum, wobei die Fahrzeiten und Preise sehr unterschiedlich sind – es ist teilweise teurer als ein Billigflug nach London…

Der London Heathrow Airport (LHR) ist der größte Flughafen Europas. Er liegt 32 km westlich der City, die der Heathrow Express in 15 Minuten erreicht (nonstop zum Bahnhof Paddington). Die U-Bahn Linie Piccadilly braucht 50 Minuten (deutlich billiger). Nach Heathrow können Sie z.B. Lufthansa Linienflüge buchen.

London Gatwick (LGW) ist der zweitgrößte Flughafen in Großbritannien. Er liegt 45 km südlich von London. Nach Gatwick können Sie z.B. British Airways Linienflüge buchen. Der Zug Gatwick Express bringt Sie am schnellsten ins Zentrum (30 Minuten nonstop bis zur Victoria Station).

Fluege - London

Der Flughafen London Stansted (STN) liegt 55 km nordöstlich von London in der Grafschaft Essex. Der drittgrößte Flughafen der Region wird z.B. von Air Berlin angeflogen. Der Zug Stansted Express braucht 45 Minuten bis zum Bahnhof Liverpool Street. Günstiger geht es per Bus (easyBus oder National Express).

Der Flughafen London City Airport (LCY) befindet sich in den Docklands, nur 9 km östlich des Stadtzentrums. Ideal für Geschäftsreisen, da die City of London (Finanzzentrum) nahe liegt. Der Flughafen ist mit Taxi, Bus und U-Bahn / DLR erreichbar.

Der Flughafen London Luton (LTN) liegt 50 km nordwestlich von London in der Stadt Luton. Nur Billigflieger steuern ihn an. Die An- und Abreise dauert länger als bei den anderen Flughäfen.

Wer Flug und Hotel gebucht hat, kann sich auf die Sehenswürdigkeiten freuen: z.B. Big Ben, Westminster Abbey, Harrod’s, Madame Tussaud’s, Buckingham Palast, Tower Bridge, Oxford Street, National Gallery am Trafalgar Square, British Museum, Tate Britain und Tate Gallery of Modern Art.

Fluege-London

Beliebter Urlaub in London

Städtereisen nach London

Günstige Städtereisen London können Sie zum Top-Preis bei TravelScout24 buchen. Wählen Sie Ihr Wunschhotel und passenden Flug in die britische Hauptstadt."> Städtereise London günstig online buchen</p><a class="btn btn-primary btn-block text-left" href="https://www.travelscout24.de/staedtereisen/london/" title="Städtereisen nach London" data-mh="same-destination-btn"><span class="glyphicons glyphicons-chevron-right" style="float: right;"></span>Städtereisen nach London</a></div></div></div><div class="col-xs-24 col-md-12 col-lg-8 text-center col-md-push-0 col-lg-push-4"><div class="same-destination-item"><div class="same-destination-item-inner"><span class="h3 text-center" style="display: inline-block" data-mh="same-destination-headline">Hotels London </span><p data-mh="same-destination-excerpt">Verbringen Sie ein Wochenende in einem der Top Hotels in der Metropole London und entdecken Sie diese lebendige Stadt. Für Ihren London-Trip finden Sie bei TravelScout24 das passende London Hotel zu einem günstigen Preis.</p><a class="btn btn-primary btn-block text-left" href="https://www.travelscout24.de/hotels/london/" title="Hotels London " data-mh="same-destination-btn"><span class="glyphicons glyphicons-chevron-right" style="float: right;"></span>Hotels London </a></div></div></div> </div> <script> jQuery(document).ready(function () { jQuery('.section-same-destination .btn').each(function () { var btn_height = jQuery(this).outerHeight(); jQuery(this).parent('.same-destination-item').css('margin-bottom', btn_height); }); }); </script> </div> </div> </article> </div> <!-- post --> </div> <div class="tt"> <footer id="footer" > <aside class="badges"> <div class="container-fluid"> <div class="row"> <div class="col-xs-24 col-sm-6 col-md-6"> <a href="//www.travelscout24.de/preisgarantie/"><img src="//www.travelscout24.de/wp-content/uploads/sites/14/TravelScout24-Tiefpreisgarantie.png" alt="Preisgarantie von TravelScout24" width="180" height="180" class="size-full wp-image-9746" /></a> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <img src="//www.travelscout24.de/wp-content/uploads/sites/14/mitgliedschaft-drv.png" width="317" height="120" alt="Mitglied im DRV" class="size-full wp-image-9748" /> </div> <div class="col-xs-24 col-sm-6 col-md-6"> <a href="//www.travelscout24.de/de/faq-hotelbewertungen.asp"><img src="//www.travelscout24.de/wp-content/uploads/sites/14/echte-hotelbewertungen.png" alt="Garantiert echte Hotelbewertungen" width="180" height="120" class="size-full wp-image-9747" /></a> </div> <div class="col-xs-24 col-md-6 hidden-sm switch-content"> <div id="service-label"><a href="//www.travelscout24.de/test-bewertungen.html" title="TravelScout24 Testsiege"><img src="//www.travelscout24.de/wp-content/uploads/sites/14/ntv-testsieger-reiseportale-2018.png" width="76"height="150" class="size-full"></a></div> <div id="quality-label" style="display:none;"><a href="//www.travelscout24.de/test-bewertungen.html" title="TravelScout24 Testsiege" style="max-height:150px;"><img src="//www.travelscout24.de/wp-content/uploads/sites/14/ntv-deutscher-servicepreis-2017-150x150.jpg" class="size-full"></a> </div> </p></div> </p></div> </p></div> </aside> <div class="container-fluid"> <div class="row"> <div class="col-xs-24 col-md-12 col-lg-6"> <span class="h4">Service & Hilfe</span> <ul id="menu-service-hilfe" class="footer-nav"><li id="menu-item-10387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10387"><a href="https://www.travelscout24.de/kontakt/">Kontakt</a></li> <li id="menu-item-10388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10388"><a href="https://www.travelscout24.de/rueckrufservice/">Rückrufservice</a></li> <li id="menu-item-10376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10376"><a href="https://www.travelscout24.de/serviceversprechen/">Serviceversprechen</a></li> <li id="menu-item-9113" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9113"><a title="Kundenservice" href="http://www.travelscout24.de/de/kundenservice.asp">Kundenservice</a></li> <li id="menu-item-9114" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9114"><a title="Fragen & Antworten" href="https://www.travelscout24.de/de/faq.asp">Fragen & Antworten</a></li> <li id="menu-item-11562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11562"><a href="https://www.travelscout24.de/newsletter/">Newsletter-Anmeldung</a></li> <li id="menu-item-17550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17550"><a href="https://www.travelscout24.de/abmeldung-newsletter/">Newsletter-Abmeldung</a></li> <li id="menu-item-10528" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10528"><a href="https://www.travelscout24.de/preisgarantie/">Tiefpreisgarantie</a></li> </ul> </div> <div class="col-xs-24 col-md-12 col-lg-6"> <span class="h4">Informationen</span> <ul id="menu-informationen" class="footer-nav"><li id="menu-item-9134" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9134"><a title="Visa- und Impfbestimmungen" target="_blank" rel="nofollow" href="http://www.auswaertiges-amt.de/DE/Laenderinformationen/LaenderReiseinformationen_node.html">Visa- & Impfbestimmungen</a></li> <li id="menu-item-10392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10392"><a href="https://www.travelscout24.de/veranstalter-agb/">AGB der Reiseveranstalter</a></li> <li id="menu-item-10400" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10400"><a href="https://www.travelscout24.de/test-bewertungen.html">TravelScout24 im Test</a></li> <li id="menu-item-9133" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9133"><a title="Magazin für Urlaub & Reisen" href="https://www.travelscout24.de/news/">News</a></li> <li id="menu-item-20560" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20560"><a href="https://www.travelscout24.de/de/glossar.asp">Glossar</a></li> <li id="menu-item-19568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19568"><a href="https://www.travelscout24.de/gewinnspiele/">Gewinnspiele</a></li> <li id="menu-item-10398" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10398"><a href="https://www.travelscout24.de/de/sitemap.asp">Sitemap</a></li> </ul> </div> <div class="col-xs-24 col-md-16 col-lg-6"> <span class="h4">Über TravelScout24</span> <ul id="menu-ueber-travelscout24" class="footer-nav"><li id="menu-item-9145" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9145"><a title="Über uns" rel="nofollow" href="https://www.travelscout24.de/ueber-uns/">Über uns</a></li> <li id="menu-item-9146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9146"><a title="Impressum" rel="nofollow" href="https://www.travelscout24.de/impressum/">Impressum</a></li> <li id="menu-item-9152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9152"><a title="Datenschutzbestimmungen von TravelScout24" rel="nofollow" href="https://www.travelscout24.de/datenschutz/">Datenschutz</a></li> <li id="menu-item-10404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10404"><a href="https://www.travelscout24.de/agb/">Unsere AGB</a></li> <li id="menu-item-9158" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9158"><a title="Projekte und Hilfsorganistionen, die von TravelScout24 unterstützt werden" rel="nofollow" href="https://www.travelscout24.de/wir-unterstuetzen/">Wir unterstützen</a></li> <li id="menu-item-18173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18173"><a href="https://www.travelscout24.de/presse/">Pressebereich</a></li> <li id="menu-item-10405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10405"><a href="https://www.travelscout24.de/partnerprogramm/">Partnerprogramm</a></li> </ul> </div> <div class="col-xs-24 col-md-8 col-lg-6"> <p><span class="h4">Folge uns</span></p> <p><a href="https://www.facebook.com/TravelScout24.de/" target="_blank" rel="nofollow noopener"><i class="social social-facebook"> </i></a><a href="https://www.instagram.com/travelscout24.de/" target="_blank" rel="nofollow noopener"><i class="social social-instagram"> </i></a></p> </div> </div> </div><div class="container-fluid"> <div id="sharer" class=""> <a class="btn btn-xs btn-info visible-xs" href="tel:08001004116" title="Kostenlose Reise-Hotline"><span class="glyphicons glyphicons-earphone"></span></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.travelscout24.de/fluege/london/" target="_blank" rel="nofollow noopener" class="btn btn-xs btn-fb" title="Auf Facebook teilen!"><span class="social social-facebook"></span></a> <a id="btn-totop" class="btn btn-xs btn-primary" href="#header" title="Zurück zum Anfang"><span class="glyphicons glyphicons-arrow-up"></span></a> </div> <p class="text-center copy">© Copyright 2018 by Travelscout24.de</p> <ul id="menu-scout24-partner-1" class="partner-nav list-inline text-center small hidden-xl hidden-lg"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8531"><a target="_blank" rel="nofollow" href="http://www.scout24.de/">Scout24</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8532"><a target="_blank" rel="nofollow" href="http://www.autoscout24.de/">AutoScout24</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8533"><a target="_blank" rel="nofollow" href="http://www.financescout24.de/">FinanceScout24</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8534"><a target="_blank" rel="nofollow" href="http://www.friendscout24.de/">FriendScout24</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8535"><a target="_blank" rel="nofollow" href="http://www.immobilienscout24.de/">ImmobilienScout24</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8536"><a target="_blank" rel="nofollow" href="http://www.jobscout24.de/">JobScout24</a></li> </ul></div> </footer> <span id="visible-xs" class="visible-xs-inline"></span><span id="visible-sm" class="visible-sm-inline"></span><span id="visible-md" class="visible-md-inline"></span><span id="visible-lg" class="visible-lg-inline"></span><span id="visible-xl" class="visible-xl-inline"></span> </div> <span id="bruteprotect_uptime_check_string" style="display:none;">7ads6x98y</span><script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/51e93.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#F5F5F5", "text": "#404040" }, "button": { "background": "#D3D3D3", "text": "#ffffff" } }, "theme": "classic", "content": { "message": "Wir verwenden Cookies, um Ihnen personalisierte Inhalte anzeigen zu können, zur Webanalyse und für Marketingzwecke. Indem Sie unsere Seite nutzen, stimmen Sie der Verwendung von Cookies zu. Mehr über Cookies und Ihre Möglichkeiten, sie zu verwalten, erfahren Sie in unserer ", "dismiss": "OK", "href": "/datenschutz/", "link": "Datenschutzerklärung" } })}); </script><div id="abflughafenModal" class="modal fade in airports" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn btn-sm btn-round btn-info btn-search btn-close-modal pull-right" data-dismiss="modal"><span class="glyphicons glyphicons-remove"></span></button> <span class="modal-title h4">Wählen Sie einen oder mehrere Abflughäfen</span> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-24"> <h5>Abflughäfen in Deutschland</h5> <div class="row geographics"> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="west"><input type="checkbox" id="west" class="checkbox css-checkbox">Deutschland West</label> <div class="west"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="east"><input type="checkbox" id="east" class="checkbox css-checkbox">Deutschland Ost</label> <div class="east"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="north"><input type="checkbox" id="north" class="checkbox css-checkbox">Deutschland Nord</label> <div class="north"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="south"><input type="checkbox" id="south" class="checkbox css-checkbox">Deutschland Süd</label> <div class="south"></div> </div> </div> </div> <div class="col-xs-24"> <h5>Mögliche Abflughäfen in Europa</h5> <div class="row geographics"> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="nl"><input type="checkbox" id="nl" class="checkbox css-checkbox">Niederlande</label> <div class="nl"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="at"><input type="checkbox" id="at" class="checkbox css-checkbox">Österreich</label> <div class="at"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="ch"><input type="checkbox" id="ch" class="checkbox css-checkbox">Schweiz</label> <div class="ch"></div> </div> <div class="col-xs-24 col-sm-12 col-md-6"> <label for="be"><input type="checkbox" id="be" class="checkbox css-checkbox">Belgien</label> <div class="be"></div> <div class="eu"></div> </div> </div> </div> </div> </div> <div class="modal-footer"> <div class="text-right close-modal"> <button data-dismiss="modal" class="btn btn-round btn-info btn-ok">übernehmen</button> </div> </div> </div> </div> </div> <!-- Modal Date--> <div id="datumModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content" id="dateSubModal"> <div class="modal-header"> <button type="button" class="btn btn-sm btn-ok btn-info btn-search btn-close-modal pull-right" data-dismiss="modal"><span class="glyphicons glyphicons-remove"></span></button> <span class="modal-title h4">Wie lange und in welchen Zeitraum möchten Sie verreisen?</span> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-24 col-md-12 extra-radio"> <div class="col-md-24 col-lg-10 text-left"> <label>Wie lange?</label> </div> <div class="col-md-24 col-lg-14 text-left"> <div class="col-xs-10 no-paddings"> <input type="radio" id="anreise1" name="danreise" value="1" class="custom_radio" checked/> <label for="anreise1" class="normal"><span></span>flexibel</label> </div> <div class="col-xs-14"> <input type="radio" id="anreise2" name="danreise" value="0" class="custom_radio" /> <label for="anreise2" class="normal"><span></span>genau am</label> </div> </div> </div> <div class="col-sm-24 col-md-12"> <div class="col-xs-24 text-left reisedauer"> <label for="dauer">Reisedauer</label> <select name="dauer" class="form-control tt-input input-ts24 " id="dauer" size="1" tabindex="1"> <option value="exact">wie angegebene Daten</option> <option value="7" selected="selected">1 Woche</option> <option value="14">2 Wochen</option> <option value="21">3 Wochen</option> <option value="-2">---</option> <option value="5,8">5 - 8 Tage</option> <option value="9,12">9 - 12 Tage</option> <option value="13,15">13 - 15 Tage</option> <option value="16,22">16 - 22 Tage</option> <option value="-2">---</option> <option value="1">1 Tag</option> <option value="2">2 Tage</option> <option value="3">3 Tage</option> <option value="4">4 Tage</option> <option value="5">5 Tage</option> <option value="6">6 Tage</option> <option value="7">7 Tage</option> <option value="8">8 Tage</option> <option value="9">9 Tage</option> <option value="10">10 Tage</option> <option value="11">11 Tage</option> <option value="12">12 Tage</option> <option value="13">13 Tage</option> <option value="14">14 Tage</option> <option value="15">15 Tage</option> <option value="16">16 Tage</option> <option value="17">17 Tage</option> <option value="18">18 Tage</option> <option value="19">19 Tage</option> <option value="20">20 Tage</option> <option value="21">21 Tage</option> <option value="23,100"> >22 Tage</option> <option value="-1">beliebig</option> </select> <select name="dauer" class="form-control tt-input input-ts24" id="dauer_nachte" size="1" style="display: none;"> <option value="exact">wie angegebene Daten</option> <option value="7">1 Woche</option> <option value="14">2 Wochen</option> <option value="21">3 Wochen</option> <option value="-2">---</option> <option value="5,8">5 - 8 Nächte</option> <option value="9,12">9 - 12 Nächte</option> <option value="13,15">13 - 15 Nächte</option> <option value="16,22">16 - 22 Nächte</option> <option value="-2">---</option> <option value="1">1 Nacht</option> <option value="2">2 Nächte</option> <option value="3" selected="">3 Nächte</option> <option value="4">4 Nächte</option> <option value="5">5 Nächte</option> <option value="6">6 Nächte</option> <option value="7">7 Nächte</option> <option value="8">8 Nächte</option> <option value="9">9 Nächte</option> <option value="10">10 Nächte</option> <option value="11">11 Nächte</option> <option value="12">12 Nächte</option> <option value="13">13 Nächte</option> <option value="14">14 Nächte</option> <option value="15">15 Nächte</option> <option value="16">16 Nächte</option> <option value="17">17 Nächte</option> <option value="18">18 Nächte</option> <option value="19">19 Nächte</option> <option value="20">20 Nächte</option> <option value="21">21 Nächte</option> <option value="23,100"> >22 Nächte</option> <option value="-1">beliebig</option> </select> <select name="dauer" class="form-control tt-input input-ts24" id="dauer_cruise" size="1" style="display: none;"> <option value="0">beliebig</option> <option value="1">kürzer als 5 Tage</option> <option value="2">6 - 7 Tage</option> <option value="3">8 - 9 Tage</option> <option value="4">10 - 12 Tage</option> <option value="5">13 - 15 Tage</option> <option value="6">länger als 15 Tage</option> </select> </div> </div> </div> <div class="row"> <div class="col-xs-24 col-md-12 left-calendar"> <div class="col-xs-24 date-handlers"> <span class="anreise">Früheste Hinreise:</span> <span class="anreise-value"></span> </div> <div class="col-xs-24"> <div class="startCalendar active"></div> </div> </div> <div class="datum-hours datum-hours-mobile hidden-xl"> <div class="col-xs-24 col-sm-18 visible-xs visible-sm"> <select class="form-control tt-input input-ts24" id="hoursDepartureMobile"> <option value="0:00" >0:00</option> <option value="0:30">0:30</option> <option value="1:00" >1:00</option> <option value="1:30">1:30</option> <option value="2:00" >2:00</option> <option value="2:30">2:30</option> <option value="3:00" >3:00</option> <option value="3:30">3:30</option> <option value="4:00" >4:00</option> <option value="4:30">4:30</option> <option value="5:00" >5:00</option> <option value="5:30">5:30</option> <option value="6:00" >6:00</option> <option value="6:30">6:30</option> <option value="7:00" >7:00</option> <option value="7:30">7:30</option> <option value="8:00" >8:00</option> <option value="8:30">8:30</option> <option value="9:00" >9:00</option> <option value="9:30">9:30</option> <option value="10:00" selected="selected">10:00</option> <option value="10:30">10:30</option> <option value="11:00" >11:00</option> <option value="11:30">11:30</option> <option value="12:00" >12:00</option> <option value="12:30">12:30</option> <option value="13:00" >13:00</option> <option value="13:30">13:30</option> <option value="14:00" >14:00</option> <option value="14:30">14:30</option> <option value="15:00" >15:00</option> <option value="15:30">15:30</option> <option value="16:00" >16:00</option> <option value="16:30">16:30</option> <option value="17:00" >17:00</option> <option value="17:30">17:30</option> <option value="18:00" >18:00</option> <option value="18:30">18:30</option> <option value="19:00" >19:00</option> <option value="19:30">19:30</option> <option value="20:00" >20:00</option> <option value="20:30">20:30</option> <option value="21:00" >21:00</option> <option value="21:30">21:30</option> <option value="22:00" >22:00</option> <option value="22:30">22:30</option> <option value="23:00" >23:00</option> <option value="23:30">23:30</option> </select> </div> </div> <div class="col-xs-24 col-md-12 right-calendar"> <div class="col-xs-24 date-handlers"> <span class="abreise">Späteste Rückreise:</span> <span class="abreise-value"></span> </div> <div class="col-xs-24"> <div class="endCalendar"></div> </div> </div> </div> <div class="row datum-hours"> <div class="col-xs-24 col-sm-18 col-md-12 hidden-xs hidden-sm"> <div class="col-xs-24"> <select class="form-control tt-input input-ts24" id="hoursDeparture"> <option value="0:00" >0:00</option> <option value="0:30">0:30</option> <option value="1:00" >1:00</option> <option value="1:30">1:30</option> <option value="2:00" >2:00</option> <option value="2:30">2:30</option> <option value="3:00" >3:00</option> <option value="3:30">3:30</option> <option value="4:00" >4:00</option> <option value="4:30">4:30</option> <option value="5:00" >5:00</option> <option value="5:30">5:30</option> <option value="6:00" >6:00</option> <option value="6:30">6:30</option> <option value="7:00" >7:00</option> <option value="7:30">7:30</option> <option value="8:00" >8:00</option> <option value="8:30">8:30</option> <option value="9:00" >9:00</option> <option value="9:30">9:30</option> <option value="10:00" selected="selected">10:00</option> <option value="10:30">10:30</option> <option value="11:00" >11:00</option> <option value="11:30">11:30</option> <option value="12:00" >12:00</option> <option value="12:30">12:30</option> <option value="13:00" >13:00</option> <option value="13:30">13:30</option> <option value="14:00" >14:00</option> <option value="14:30">14:30</option> <option value="15:00" >15:00</option> <option value="15:30">15:30</option> <option value="16:00" >16:00</option> <option value="16:30">16:30</option> <option value="17:00" >17:00</option> <option value="17:30">17:30</option> <option value="18:00" >18:00</option> <option value="18:30">18:30</option> <option value="19:00" >19:00</option> <option value="19:30">19:30</option> <option value="20:00" >20:00</option> <option value="20:30">20:30</option> <option value="21:00" >21:00</option> <option value="21:30">21:30</option> <option value="22:00" >22:00</option> <option value="22:30">22:30</option> <option value="23:00" >23:00</option> <option value="23:30">23:30</option> </select> </div> </div> <div class="col-xs-24 col-sm-18 col-md-12"> <div class="col-xs-24"> <select class="form-control tt-input input-ts24" id="hoursReturn"> <option value="0:00" >0:00</option> <option value="0:30">0:30</option> <option value="1:00" >1:00</option> <option value="1:30">1:30</option> <option value="2:00" >2:00</option> <option value="2:30">2:30</option> <option value="3:00" >3:00</option> <option value="3:30">3:30</option> <option value="4:00" >4:00</option> <option value="4:30">4:30</option> <option value="5:00" >5:00</option> <option value="5:30">5:30</option> <option value="6:00" >6:00</option> <option value="6:30">6:30</option> <option value="7:00" >7:00</option> <option value="7:30">7:30</option> <option value="8:00" >8:00</option> <option value="8:30">8:30</option> <option value="9:00" >9:00</option> <option value="9:30">9:30</option> <option value="10:00" selected="selected">10:00</option> <option value="10:30">10:30</option> <option value="11:00" >11:00</option> <option value="11:30">11:30</option> <option value="12:00" >12:00</option> <option value="12:30">12:30</option> <option value="13:00" >13:00</option> <option value="13:30">13:30</option> <option value="14:00" >14:00</option> <option value="14:30">14:30</option> <option value="15:00" >15:00</option> <option value="15:30">15:30</option> <option value="16:00" >16:00</option> <option value="16:30">16:30</option> <option value="17:00" >17:00</option> <option value="17:30">17:30</option> <option value="18:00" >18:00</option> <option value="18:30">18:30</option> <option value="19:00" >19:00</option> <option value="19:30">19:30</option> <option value="20:00" >20:00</option> <option value="20:30">20:30</option> <option value="21:00" >21:00</option> <option value="21:30">21:30</option> <option value="22:00" >22:00</option> <option value="22:30">22:30</option> <option value="23:00" >23:00</option> <option value="23:30">23:30</option> </select> </div> </div> </div> </div> <div class="modal-footer"> <div class="col-xs-24 col-sm-12 col-md-12 text-left ferientermine"> <select id="ferientermine" name="ferientermine" class="form-control tt-input input-ts24"> <option value="-1">Schulferien auswählen</option> <option value="BW">Baden-Württemberg</option> <option value="BY">Bayern</option> <option value="BE">Berlin</option> <option value="BB">Brandenburg</option> <option value="HB">Bremen</option> <option value="HH">Hamburg</option> <option value="HE">Hessen</option> <option value="MV">Mecklenburg-Vorpommern</option> <option value="NI">Niedersachsen</option> <option value="NW">Nordrhein-Westfalen</option> <option value="RP">Rheinland-Pfalz</option> <option value="SL">Saarland</option> <option value="SN">Sachsen</option> <option value="ST">Sachsen-Anhalt</option> <option value="SH">Schleswig-Holstein</option> <option value="TH">Thüringen</option> </select> </div> <div class="col-xs-24 col-sm-12 text-right close-modal"> <button data-dismiss="modal" class="btn btn-info btn-ok">übernehmen</button> </div> </div> </div> </div> </div><div id="su-footer-links" style="text-align: center;"></div> <script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/2b8a6.js"></script> <script type='text/javascript'> /* <![CDATA[ */ var ts24_searchmask_script = {"ajaxurl":"https:\/\/www.travelscout24.de\/wp-admin\/admin-ajax.php","ts24pluginurl":"https:\/\/www.travelscout24.de\/wp-content\/plugins\/ts24-searchmasks","is_admin":"","ts24Country":""}; /* ]]> */ </script> <script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/9650b.js"></script> <script type='text/javascript'> /* <![CDATA[ */ var rlArgs = {"script":"swipebox","selector":"lightbox","customEvents":"","activeGalleries":"1","animation":"1","hideCloseButtonOnMobile":"0","removeBarsOnMobile":"0","hideBars":"1","hideBarsDelay":"5000","videoMaxWidth":"1080","useSVG":"1","loopAtEnd":"0","woocommerce_gallery":"0","ajaxurl":"https:\/\/www.travelscout24.de\/wp-admin\/admin-ajax.php","nonce":"b71c7299bc"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/c023c.js"></script> <script type='text/javascript'> /* <![CDATA[ */ var wpApiSettings = {"root":"https:\/\/www.travelscout24.de\/wp-json\/","nonce":"fad9bb9e1d","versionString":"wp\/v2\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/8d0fb.js"></script> <script> // dropdown Submenues Lvl > 2 (function ($) { $(document).ready(function () { $('ul.dropdown-menu [data-toggle=submenu], ul.dropdown-menu [data-toggle=topmenu]').on('click', function (event) { event.preventDefault(); event.stopPropagation(); $(this).parent().siblings().removeClass('open'); $(this).parent().toggleClass('open'); }); }); })(jQuery); </script> <script> // which bootstrap size? function checkSize(sizeToCheck) { var checkSize = null; if (sizeToCheck !== undefined) { if (jQuery('#visible-' + sizeToCheck).css('display') === 'inline') { checkSize = true; } else { checkSize = false; } } else { if (jQuery('#visible-xs').css('display') === 'inline') { checkSize = 'xs'; } else if (jQuery('#visible-sm').css('display') === 'inline') { checkSize = 'sm'; } else if (jQuery('#visible-md').css('display') === 'inline') { checkSize = 'md'; } else if (jQuery('#visible-lg').css('display') === 'inline') { checkSize = 'lg'; } else if (jQuery('#visible-xl').css('display') === 'inline') { checkSize = 'xl'; } else { checkSize = false; } } return checkSize; } //smooth anchors jQuery(function () { jQuery('.tt a[href*="#"]:not(.carousel-control)').click(function () { if (!jQuery(this).data('toggle') && location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { var target = jQuery(this.hash); target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']'); if (target.length) { jQuery('html, body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); //nav-scrolltocontent switch tab and scroll to content-section jQuery(document).ready(function ($) { $('.nav-scrolltocontent a').click(function (e) { e.preventDefault(); $(this).tab('show'); }); $('a.scroll').on('click', function (e) { var href = $(this).attr('href'); $('html, body').animate({ scrollTop: $(href).offset().top }, 'slow'); e.preventDefault(); }); }); //iOS fix for iframes var iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform); jQuery(document).ready(function () { //Smooth Anchors --> jQuery('.tt a[href^="#"]:not(.carousel-control)').click(function (event) { event.preventDefault(); if (typeof jQuery(this.hash) !== 'undefined' && typeof jQuery(this.hash).offset() !== 'undefined') jQuery('html,body').animate({scrollTop: jQuery(this.hash).offset().top}, 500); }); //flip --> jQuery('.section-offer-flip').click(function () { jQuery(this).toggleClass('section-offer-flip-active').siblings().removeClass('section-offer-flip-active'); }); //clickable table-rows jQuery('.tr-link').click(function () { var data_href = jQuery(this).data('href'); data_href = decorateLink ? decorateLink(data_href) : data_href; window.location = data_href; }); if (iOS && jQuery('iframe.resizable').length) { jQuery('iframe.resizable').wrap('<div class="ios"></div>'); } // removes cursor on readonly fields - annoying on apple devices jQuery(document).on('focus', 'input[readonly]', function () { this.blur(); }); }); //totop button visible when scrolling jQuery(document).ready(function () { if (jQuery('#sharer').is(':visible')) { jQuery('#sharer').hide(); var winHeight = (jQuery(window).height() / 3); jQuery(function () { jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > winHeight) { jQuery('#sharer').fadeIn(); } else { jQuery('#sharer').fadeOut(); } }); }); } }); </script> <script> //count from X to Y (function ($) { $.fn.countTo = function (options) { // merge the default plugin settings with the custom options options = $.extend({}, $.fn.countTo.defaults, options || {}); // how many times to update the value, and how much to increment the value on each update var loops = Math.ceil(options.speed / options.refreshInterval), increment = (options.to - options.from) / loops; return $(this).each(function () { var _this = this, loopCount = 0, value = options.from, interval = setInterval(updateTimer, options.refreshInterval); function updateTimer() { value += increment; loopCount++; $(_this).html(value.toFixed(options.decimals)); if (typeof (options.onUpdate) === 'function') { options.onUpdate.call(_this, value); } if (loopCount >= loops) { clearInterval(interval); value = options.to; if (typeof (options.onComplete) === 'function') { options.onComplete.call(_this, value); } } } }); }; $.fn.countTo.defaults = { from: 0, // the number the element should start at to: 100, // the number the element should end at speed: 4000, // how long it should take to count between the target numbers refreshInterval: 50, // how often the element should be updated decimals: 0, // the number of decimal places to show onUpdate: null, // callback method for every time the element is updated, onComplete: null // callback method for when the element finishes updating }; })(jQuery); </script> <script> //navbar justified jQuery(window).on('load resize', function () { var windowwidth = jQuery(window).innerWidth(); if (windowwidth <= 959) { jQuery('.navbar-nav').removeClass('nav-justified'); } else { jQuery('.navbar-nav').addClass('nav-justified'); } }); </script> <script> //switch header labels bbfunction switchContentfadeContent() { function switchContentfadeContent(fadeValue, delayValue, elem) { elem.find('div:hidden:first').fadeIn(fadeValue).delay(delayValue).fadeOut(fadeValue, function () { jQuery(this).appendTo(jQuery(this).parent()); switchContentfadeContent(fadeValue, delayValue, elem); }); } jQuery(document).ready(function () { // switchContentfadeContent jQuery('.switch-content').each(function () { var fadeValue = jQuery(this).data("fade") && jQuery(this).data("fade").length ? jQuery(this).data("fade") : 300; var delayValue = jQuery(this).data("delay") && jQuery(this).data("delay").length ? jQuery(this).data("delay") : 5000; switchContentfadeContent(fadeValue, delayValue, jQuery(this)); }); // switch content on hover jQuery('body').on('mouseenter', '.blend-content', function () { jQuery('.blend-content').not(jQuery(this)).find('.blend-back').hide(); jQuery('.blend-content').not(jQuery(this)).find('.blend-front').show(); jQuery(this).children('.blend-front').stop(true, true).fadeOut(150, function () { jQuery(this).siblings('.blend-back').stop(true, true).fadeIn(250); }); }).on('mouseleave', '.blend-content', function () { jQuery(this).children('.blend-back').stop(true, true).fadeOut(150, function () { jQuery(this).siblings('.blend-front').stop(true, true).fadeIn(250); }); jQuery('.blend-content .blend-back').stop(true, true).hide(); }); }); </script> <script> //setup maxHeight js to make boxes same height (function () { jQuery(function () { // apply your matchHeight on DOM ready (they will be automatically re-applied on load or resize) if (typeof jQuery.fn.matchHeight !== "undefined") { jQuery.fn.matchHeight._maintainScroll = true; // get setting //var byRow = jQuery('.container-fluid').find('.row').hasClass('evenheight'); //same section-top5-table rows height jQuery('.section-top5-table').each(function () { jQuery(this).find('.blend-content').matchHeight({ byRow: false, remove: true }); jQuery(this).find('.offer-table-content .row > div').matchHeight({ byRow: true }); }); // apply matchHeight to each row container's col-items jQuery('.row.evenheight').each(function () { //top-boxes height //same destination height if (jQuery(this).find('.same-destination-item')) { jQuery(this).find('> [class*="col-"]').matchHeight({ byRow: false, remove: true }); } else { //default target jQuery(this).find('> [class*="col-"]').matchHeight({ byRow: true }); } }); } }); })(); </script> <script> jQuery(document).ready(function ($) { $(document).on('submit', 'form.ts24-searchform', function () { if (typeof dataLayer !== "undefined") { var eventData = { 'event': 'searchSubmit', 'tab': $('#search-selectors a.active').length ? $('#search-selectors a.active').text().trim() : '', 'fromDate': $(this).find('.ddate').length ? $(this).find('.ddate').val() : '', 'toDate': $(this).find('.rdate').length ? $(this).find('.rdate').val() : '', 'days': $(this).find('input[name="dur"]').length ? $(this).find('input[name="dur"]').val() : '', 'adult': $(this).find('select[name="adult"]').length ? $(this).find('select[name="adult"]').val() : '', 'child': $(this).find('select#childrens').length && parseInt($(this).find('select#childrens').val()) >= 0 ? $(this).find('select#childrens').val() : '', 'dest_string': $(this).find('input#DestinationStation0').length ? $(this).find('input#DestinationStation0').val() : '', 'rid': $(this).find('input[name="rid"]').length ? $(this).find('input[name="rid"]').val() : '', 'rgid': $(this).find('input[name="rgid"]').length ? $(this).find('input[name="rgid"]').val() : '', 'cyid': $(this).find('input[name="cyid"]').length ? $(this).find('input[name="cyid"]').val() : '', }; if ($(this).find('input[name="OriginStation0"]').length) { eventData['startDestination'] = $(this).find('input[name="OriginStation0"]').val(); } if ($(this).attr('id') == "form-linienflug") { eventData['CountAdult'] = $(this).find('select[name="CountAdult"]').val(); eventData['CountChild'] = $(this).find('select[name="CountChild"]').val(); eventData['CountInfant'] = $(this).find('select[name="CountInfant"]').val(); eventData['DestinationStationID0'] = $(this).find('input[name="DestinationStationID0"]').val(); eventData['OriginStationID0'] = $(this).find('input[name="OriginStationID0"]').val(); eventData['StartDate0'] = $(this).find('input[name="StartDate0"]').val(); if ($(this).find('input[name="StartDate1"]').length) eventData['StartDate1'] = $(this).find('input[name="StartDate1"]').val(); } dataLayer.push(eventData); if (typeof ts24GetCookie !== "undefined" && ts24GetCookie('debugGTM') === "1") { console.log(eventData, dataLayer); return false; } } }); var previousTabChanged = $('.search-selector a.active').length ? $('.search-selector a.active').text().trim() : ''; $(document).on('searchform_tab_changed', function (event, element, form_id, forms) { if (typeof dataLayer !== "undefined" && typeof element !== "undefined") { eventData = { event: 'searchtabchange', tab: $(element).text().trim(), previousTab: previousTabChanged }; if (typeof forms !== "undefined" && forms.length) { forms.each(function (ind, form) { $(form).find('input:text, select , input:hidden, input:checkbox[checked]').each(function () { if (typeof $(this).attr('name') !== "undefined" && $(this).attr('name').length) { if ($(this).attr('name') === "child[]") { eventData['child'] = $(form).find('#childrens').val().length ? $(form).find('#childrens').val() : 0; } else { eventData[$(this).attr('name')] = $(this).val(); } } }); }); } previousTabChanged = $(element).text().trim(); if (eventData.tab !== "Flüge") dataLayer.push(eventData); } }); }); </script> <script> var MAIN_CLASS = 'ts'; // even height of different elements // even top-boxes height and positioning function evenTopBoxes() { var maxHeadHeight = -1; jQuery('article > .top-boxes:first-child').attr('id', 'top-boxes'); jQuery('.top-boxes-row').each(function () { //wrap in section if not already and set id for upper top-box if (jQuery(this).parents('section, .section').not('.top-boxes').length) { jQuery(this).unwrap('<div class="container-fluid"></div>'); jQuery(this).parent('.section').removeClass('section'); } }); //get children of #top-boxes (panel-heading and -body) and check which is visible topBoxVisible = jQuery('#top-boxes .top-box:first-child .panel').children(); if (topBoxVisible.eq(0).is(':visible') === true) { maxHeadHeight = topBoxVisible.eq(0).outerHeight(); maxBodyHeight = topBoxVisible.eq(1).outerHeight(); } else { maxHeadHeight = topBoxVisible.eq(1).outerHeight(); maxBodyHeight = topBoxVisible.eq(2).outerHeight(); } var noheadline = ''; var nobreadcrumbs = ''; jQuery('#top-boxes > .container-fluid > .row').css('margin-top', '0'); //if headline is hidden and not mobile then we need to move top-boxes up by negative margin if (noheadline === 'true') { //if breadcrumbs hidden they aren't calculated if (nobreadcrumbs === 'true') { jQuery('#top-boxes > .container-fluid > .row').css('margin-top', -maxHeadHeight); } //otherwise move #top-boxes up by height of visible children and breadcrumbs down else { if (checkSize('xs')) { maxBodyHeight = (jQuery('#top-boxes').outerHeight() - maxHeadHeight); } jQuery('#breadcrumbs').css('margin-top', (maxBodyHeight)); jQuery('#top-boxes > .container-fluid > .row').css('margin-top', -(maxHeadHeight + jQuery('#breadcrumbs').outerHeight(true))); jQuery('#top-boxes').css('padding-bottom', 5); } } } function evenSameDestinations() { jQuery('.same-destination-item').each(function () { var btnHeight = -1; btnHeight = jQuery(this).find('.btn').outerHeight(); jQuery(this).parent().css('margin-bottom', btnHeight + 30); }); } function evenOffersFlip() { var btnHeight = backHeight = frontHeight = -1; jQuery('.section-offers-flip').each(function () { jQuery(this).find('.section-offer-flip').each(function () { //resetHeight jQuery(this).find('.offer-content, .offer-button .btn, .offer-destination, .offer-image').css('height', ''); //btnHeight jQuery(this).find('.offer-button').each(function () { if (jQuery(this).outerHeight() > btnHeight) { btnHeight = jQuery(this).outerHeight(); } }); //backHeight jQuery(this).find('.offer-destination').each(function () { if (jQuery(this).outerHeight() > backHeight) { backHeight = jQuery(this).outerHeight(); } }); //frontHeight (smallest image) jQuery(this).find('.offer-image').each(function () { if (jQuery(this).outerHeight() < frontHeight) { frontHeight = jQuery(this).outerHeight(); } }); //allHeight if (frontHeight > backHeight) { allHeight = frontHeight + btnHeight; } else { allHeight = backHeight; } //setHeight jQuery(this).find('.offer-content').css('height', allHeight + btnHeight); jQuery(this).find('.offer-button .btn').css('height', btnHeight); jQuery(this).find('.offer-destination, .offer-image').css('height', allHeight); }); jQuery('.offer-image .center-img').resizeToParent(); }); } function evenOffersDetail() { jQuery('.section-offer-detail').each(function () { jQuery(this).find('.image-content').each(function () { jQuery(this).find('.h1').each(function () { //height of text + btn totalHeight = (jQuery(this).outerHeight() + 200 + (2 * 20)); }); if (totalHeight < jQuery(this).outerHeight()) { totalHeight = jQuery(this).outerHeight(); } jQuery(this).find('#expert_image_big').height(totalHeight); }); jQuery(this).find('.offer-detail-gallery > div').height((totalHeight - 40) / 3); jQuery('.offer-image .center-img').resizeToParent(); }); } function navbar() { jQuery('.tt .navbar-toggle').removeAttr('style'); var windowwidth = jQuery(window).innerWidth(); var navbarheight = jQuery('.tt .navbar-header').height(); var navbarheight_neg = navbarheight - (2 * navbarheight); //toggle button height jQuery('.tt .navbar-toggle').css('height', navbarheight); //hero-img negative margin if (windowwidth >= 960) { jQuery('.tt .hero').css('margin-top', navbarheight_neg); } } function headerMoveChild() { jQuery('.tt#content').each(function () { var searchmask_value = 'true'; jQuery(this).find('#section-search').removeAttr('style'); //get children of #top-boxes (panel-heading and -body) and check which is visible topBoxVisible = jQuery('#top-boxes .top-box:first-child .panel').children(); if (topBoxVisible.eq(0).is(':visible') === true) { top_boxes_height = topBoxVisible.eq(0).outerHeight(); } else { top_boxes_height = topBoxVisible.eq(1).outerHeight(); } headline_height = jQuery('#background-headline').outerHeight(true); if (searchmask_value === 'true') { if (MAIN_CLASS !== 'reise') { search_height = jQuery('#section-search #searchmask_wrap > .row').outerHeight(true); if (search_height < 600) { // fix for pages where there is no slider search_height = 600; } } else { search_height = jQuery('#section-search .searchmask_inner').outerHeight(true); } } else { search_height = null; } /* //if searchmask_inner positioned absolute add searchmask_outer height search_height = jQuery('#section-search .searchmask_inner').outerHeight(true) + jQuery('#section-search .searchmask_outer').outerHeight(true);*/ //reise.de header height (pull bg-image behind header) if (MAIN_CLASS === 'reise') { header_height = jQuery('#header').outerHeight(true); //move complete content up by header height so background image is behind header... jQuery(this).css('top', '-' + header_height + 'px'); jQuery(this).css('margin-bottom', '-' + header_height + 'px'); jQuery(this).find('.container-fluid-image').css('padding-bottom', header_height + 'px'); //...and #section-search down so its not jQuery(this).find('#section-search').each(function () { jQuery(this).css('padding-top', header_height + 'px'); }); } else { header_height = 0; } //slideshow header moving var slideshow_value = ''; if (MAIN_CLASS !== 'reise' && slideshow_value === 'true') { // Activate Carousel jQuery('#header_slideshow').carousel({ interval: 6000 // 6 seconds bewtween slides [ number of seconds * 1000 ] }); // Enable Carousel Controls jQuery('.left').click(function () { jQuery("#header_slideshow").carousel('prev'); }); jQuery('.right').click(function () { jQuery("#header_slideshow").carousel('next'); }); //append circles betweeen arrows jQuery('#header_slideshow').each(function () { var numberOfSlides = jQuery(this).find('.item').length; if (numberOfSlides === 1) { //remove slider-nav content if just one slide jQuery(this).find('.slider-nav').empty(); } else { jQuery(this).find('.slider-nav').each(function (ind) { if (!jQuery(this).find('.circles-controls').length) { jQuery(this).append('<span class="circles-controls"></span>'); } else { return false; } for (i = 0; i < numberOfSlides; i++) { var active = ''; if (ind === i) { // on carousel create , the first one is active active = 'active'; } jQuery(this).find('.circles-controls').append('<span onclick="jQuery(\'#header_slideshow\').carousel(' + i + '); " data-slide-to="' + i + '" class="circle ' + active + '"></span>'); } }); } }); jQuery('#slideshow_wrap').each(function () { //add classes/indicators jQuery(this).find('.item:first-child').addClass('active'); //get max height of slider contents var slideshow_height = 0; jQuery(this).find('.slideshow_inner').each(function () { jQuery(this).closest('.item').addClass('temp-visible'); if (jQuery(this).find('.slideshow-content').outerHeight(true) > slideshow_height) { slideshow_height = jQuery(this).find('.slideshow-content').outerHeight(true); } jQuery(this).closest('.item').removeClass('temp-visible'); }); slideshow_height = slideshow_height + jQuery(this).find('.slider-nav').outerHeight(true); //set height for search if ((checkSize('lg') === true || checkSize('xl') === true)) { if (headline_height > 0) { jQuery('.slideshow_inner', this).css('margin-top', headline_height); jQuery('#background-headline .h1').css('margin-bottom', 0); } else { jQuery('.slideshow_inner', this).css('margin-top', 0); jQuery('#background-headline .h1').css('margin-bottom', 'inherit'); } //bigger item sets height if (search_height >= slideshow_height) { slideshow_height = search_height; } else { search_height = slideshow_height; } } else { jQuery('.slideshow_inner', this).css('margin-top', (search_height + headline_height) + 'px'); slideshow_height = search_height = search_height + slideshow_height; } //center slideshow if no search if (searchmask_value === '') { jQuery('.slideshow_inner > div', this).removeClass('col-lg-10 col-lg-push-14'); } }); } else { slideshow_height = 0; } //end slideshow header movement //sum height values which define height of #section-search section_search_height = search_height + headline_height + header_height + top_boxes_height; section_search_outer_height = section_search_height + 1; //additional px fixes Sub-Pixel calculation error console.log(search_height + ' + ' + headline_height + ' + ' + header_height + ' + ' + top_boxes_height + ' + 1 = ' + section_search_height); //set calculated header-height jQuery(this).find('#section-search').css({ 'min-height': section_search_outer_height + 'px', 'height': section_search_outer_height + 'px' }); jQuery(this).find('#searchmask_wrap, #slideshow_wrap').css('height', section_search_height + 'px'); //set searchmask max width jQuery('#section-search .searchmask_inner').css('max-width', jQuery('#section-search .searchmask_inner').parent().width()); }); var myGroup = jQuery('#mainmenu'); myGroup.on('show.bs.collapse', '.collapse', function () { myGroup.find('.collapse.in').collapse('hide'); }); } var firstEvent = false; jQuery(document).on('searchform_loaded', function () { headerMoveChild(); first_event = true; jQuery(document).on('subsearchform_loaded', function () { if (!first_event) { headerMoveChild(); first_event = false; } }); }); function headerMove() { jQuery(function () { jQuery('.btn-sort').click(function (e) { jQuery('#sort-categories').quicksand(jQuery('#sort_categories_items > div')); e.preventDefault(); }); }); if (typeof headerMoveChild === 'function') headerMoveChild(); } //centering images function centerImg() { jQuery('.panel-body.panel-image > img').resizeToParent(); jQuery('.expert-gallery > div a img').resizeToParent(); jQuery('.offer-detail-gallery > div a img').resizeToParent(); } // apply matchHeight to tab-content. make visible, update and hide again function evenTabs() { jQuery('.tab-content.evenheight').each(function () { var tab_height = 0; jQuery(this).find('.tab-pane').each(function () { jQuery(this).css('min-height', 'auto'); jQuery(this).addClass('temp-visible'); if (jQuery(this).outerHeight(true) > tab_height) { tab_height = jQuery(this).outerHeight(); } }); jQuery(this).find('.tab-pane').each(function () { jQuery(this).css('min-height', tab_height); jQuery(this).removeClass('temp-visible'); }); }); } //add skyscraper function skyscraper() { if (!navigator.userAgent.match(/.*(Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile).*/)) { var ad_zone = 0; if (MAIN_CLASS === 'ts') { ad_zone = 137; } else if (MAIN_CLASS === 'reise') { ad_zone = 277; } else if (MAIN_CLASS === 'bwde') { ad_zone = 228; } ad_space = (jQuery(document).width() - jQuery('#header .container-fluid').outerWidth()) / 2 - 10; if (ad_space >= 40) { if (jQuery('#skyscraper').length === 0) { jQuery('#skyscraper').css('left', ''); ad_left = jQuery(document).width() - ad_space; ad_elem = '<div id="skyscraper" style="position: absolute; top: 20px; left: ' + ad_left + 'px; z-index: 999;">\n' + '<!-- Revive Adserver v3.2.1, Non-Mobile -->\n' + '<ins data-revive-zoneid="' + ad_zone + '" data-revive-id="f34dd07975463dce4ffca828fdd2673b"></ins>\n' + '</div>\n' + '<scr' + 'ipt id="ad_sky" async src="//ad.triplemind.com/server/www/delivery/asyncjs.php"></sc' + 'ript>'; jQuery('.content').css('position', 'relative'); check_ibe = ''; if (check_ibe) { // 20 is an arbitrary offset set starting the bottom of header jQuery('header#header').first().parent().after(ad_elem.replace("top: 20px", "top: " + (jQuery('header#header').height() + 20) + "px")); // jQuery(ad_elem).insertAfter('.tt:first-of-type'); return false; } else { //ad shouldn't appear at upper top-boxes and image-sections jQuery('#content > .content').find('.section').not('.section-image, #top-boxes').each(function () { //if section has enough height or next section is not an image-section place ad if ((jQuery(this).outerHeight() >= 640 && !jQuery(this).hasClass('section-image')) || (!jQuery(this).hasClass('section-image') && !jQuery(this).nextAll('.section').first().hasClass('section-image'))) { jQuery(this).css('z-index', '300'); jQuery(ad_elem).appendTo(this); return false; } }); } eval(jQuery(this).find('#ad_sky').text()); } else { ad_left = jQuery(document).width() - ad_space; jQuery('#skyscraper').css('left', ad_left); } jQuery('#skyscraper').css('left', ad_left); } else { jQuery('#skyscraper').remove(); } } } // usage of even height functions // timeout function used when resizing window var waitForFinalEvent = (function () { var timers = {}; return function (callback, ms, uniqueId) { if (!uniqueId) { uniqueId = "Don't call this twice without a uniqueId"; } if (timers[uniqueId]) { clearTimeout(timers[uniqueId]); } timers[uniqueId] = setTimeout(callback, ms); }; })(); jQuery(document).ready(function () { // run test on initial page load console.log('Breakpoint on page load: ' + checkSize()); //headerMove(); if (typeof jQuery.fn.matchHeight !== "undefined") { jQuery.fn.matchHeight._afterUpdate = function (event, groups) { evenTopBoxes(); evenOffersFlip(); evenOffersDetail(); evenTabs(); //evenSameDestinations(); centerImg(); }; } navbar(); // run test on full page load jQuery(window).load(function () { headerMove(); //add skyscraper skyscraper(); if (typeof jQuery.fn.matchHeight !== "undefined") { jQuery.fn.matchHeight._afterUpdate = function (event, groups) { evenTopBoxes(); evenOffersFlip(); evenOffersDetail(); evenTabs(); }; } }); // run test on vertical resize of the window jQuery(window).resize(function () { // run test on vertical resize of the window with timeout waitForFinalEvent(function () { headerMove(); //add skyscraper skyscraper(); /*jQuery.fn.matchHeight._beforeUpdate = function (resize, groups) { };*/ console.log('Breakpoint after resize: ' + checkSize()); if (typeof jQuery.fn.matchHeight !== "undefined") { jQuery.fn.matchHeight._afterUpdate = function (resize, groups) { evenTopBoxes(); evenOffersFlip(); evenOffersDetail(); evenTabs(); //evenSameDestinations(); centerImg(); }; } navbar(); //... }, 200, 'resize_timeout'); }); }); </script></body> </html>