Hotels in London

Hotels in London galten bis zum Beginn der Finanzkrise 2008 als sehr teuer. Seitdem befinden sich die Preise in freiem Fall und selbst gute 4 Sterne Hotels können Sie heute preiswert buchen.

In London gibt es sowohl exklusive Luxushotels, individuelle Hotels mit Charme & Flair als auch moderne Designhotels. Leider sind auch mal Hotels dabei, die einen alten, abgewohnten Eindruck bei den Gästen hinterlassen. Unser Tipp: Bei Online Hotelbewertungen lässt sich recht schnell feststellen, ob ein Haus vernachlässigt oder vorbildlich geführt wird. Ein hübsches 3 Sterne Hotel kann durchaus besser bewertet sein als ein großes 4 Sterne Hotel.

Besonders beliebte Hotels in London sind aktuell vor allem diese fünf: Jolly Hotel St. Ermins, Hotel Ramada Encore London West, K+K Hotel George, Hotel Premier Inn London City Tower Hill, Hotel Ibis London City. Zentrale Hotels sind natürlich zu bevorzugen, wobei ein etwas weiter entferntes Hotel oft günstiger zu haben ist. Empfehlenswert jedoch nur wenn ein Bahn Anschluss ans Zentrum vorhanden ist!

London-Hotels

Wer ein Hotel in London buchen möchte, sollte zudem einen Preisvergleich durchführen. Im Internet gibt es günstige, ständig aktualisierte Preise. Tipp: Achten Sie auf 3=2 oder 4=3 Angebote für London: Dann ist 1 Nacht im Hotel gratis, wenn Sie 3 bzw. 4 Nächte buchen.

Renommierte Reise Veranstalter wie Dertour oder TUI geben zusätzliche Sicherheit, die richtige Wahl beim online Buchen getroffen zu haben. Für eine günstige Städtereise nach London brauchen Sie dann nur noch einen Flug, nonstop etwa mit Air Berlin, Lufthansa, easyjet oder British Airways.

Fazit: Gerade in London sollte man der Hotel Auswahl genau hingucken. Wer einen Volltreffer gelandet hat, spart Geld und kann die Sehenswürdigkeiten in London voll genießen: 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.

 London-Hotels-und-Bus

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> <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-2017.png" width="76"height="120" 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="http://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-10399" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10399"><a href="http://www.travelscout24.de/de/glossar.asp">Glossar</a></li> <li id="menu-item-10400" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10400"><a href="http://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-10398" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10398"><a href="http://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/hotels/london/" target="_blank" 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">Reisezeitraum & Dauer</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>Reisetermin</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> </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/e19ed.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":"66d71dee42"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.travelscout24.de/wp-content/cache/minify/11/f253d.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/61949.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 = 'true'; 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'; var slideshow_value = ''; //var slideshowid_value = ''; 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 (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); } /* //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 moving 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 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; } //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) { 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').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>