<section class="section fullscreen background start-slider">
    <div class="absolute-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="home-message text-center">
                        <div class="home-info-box">
                            <div id="eKomiSeal_default" class="eKomi-header">
                                <a id="eKomiSeal_BBBA4ECJTK29MA5_eKomiSeal_default" href="https://www.ekomi.de/bewertungen-stern-tours.html" title="eKomi - The Feedback Company: "><img border="0" src="https://connect.ekomi.de/seal/BBBA4ECJTK29MA5-70x70.png" alt="eKomi - The Feedback Company: "></a>
                            </div>
                            <ul class="c4">
                                <li>Spezialist für Kulturreisen </li>
                                <li>Reiseexperte seit 1998</li>
                                <li>Beratung für individuelle Reisen</li>
                            </ul>
                        </div>
                    </div><!-- end homemessage -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div>
    <div id="myCarousel" class="carousel slide">
        <!-- Indicators -->

        <!-- Wrapper for Slides -->
        <div class="carousel-inner">
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image.jpg');"></div>
            </div>
            <div class="item">
                <!-- Set the second background image using inline CSS below. -->
                <div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image1.jpg');"></div>
            </div>
            <div class="item">
                <!-- Set the third background image using inline CSS below. -->
                <div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image2.jpg');"></div>
            </div>
        </div>
    </div>
</section><!-- end section -->



<section class="nopadding absolute-sectionss">
    <div class="container-full absolute">
        <div class="container container-form">
            <div class="home-form">
                <!-- Nav tabs
                    Hier bitte die Tabs über Parameter Steuer, wenn JS aus.
                    Paramter an URL hängen und dann den jeweiligen Tab auf active setzen.
                -->
                <ul class="nav nav-tabs nav-justified" role="tablist">
                    <li class="active"><a href="#tab_01" aria-controls="tab_01" role="tab" data-toggle="tab">Kulturreisen</a></li>
                    <li><a href="#tab_02" aria-controls="tab_02" role="tab" data-toggle="tab">Pauschalreisen weltweit</a></li>
                    <li><a href="#tab_03" aria-controls="tab_03" role="tab" data-toggle="tab">Jugendreisen</a></li>
                </ul>

                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="tab_01">
                        <form class="bookform form-inline row" action="/suche" method="get">
                            <div class="form-group col-md-3 col-sm-6 col-xs-12">
                                <div class="dropdown">
                                    <select class="selectpicker" data-style="btn-white" data-dropup-auto="false" name="c">
                                        <option value="">beliebiges Reiseziel</option>
                                        {% for destination in destinations %}
                                            <option value="{{ destination.id }}">{{ destination.name }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-md-2 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <input id="" name="b" value="{{ startDate|date }}"
                                           type="text" class="form-control datepicker" placeholder="Anreise"
                                    >
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                </div>
                            </div>
                            <div class="form-group col-md-2 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <input id="" name="e" value="{{ endDate|date }}"
                                           type="text" class="form-control datepicker" placeholder="Abreise"
                                    >
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                </div>
                            </div>

                            <div class="form-group col-md-3 col-sm-6 col-xs-12">
                                <div class="dropdown form-bottom">
                                    <select name="RW" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Abflughafen</option><option value="5000">Nord</option><option value="5001">Süd</option><option value="5002">West</option><option value="5003">Ost</option><option value="1">Amsterdam (NL)</option><option value="3">Basel-Mulhouse (CH)</option><option value="141">Berlin Brandenburg</option><option value="4">Berlin-Schönefeld</option><option value="5">Berlin-Tegel</option><option value="8">Bremen</option><option value="9">Brüssel (B)</option><option value="67">Brüssel Charleroi (B)</option><option value="10">Dortmund</option><option value="11">Dresden</option><option value="12">Düsseldorf</option><option value="73">Eindhoven (NL)</option><option value="13">Enschede (NL)</option><option value="14">Erfurt-Weimar</option><option value="15">Frankfurt</option><option value="16">Frankfurt-Hahn</option><option value="17">Friedrichshafen</option><option value="18">Genf (CH)</option><option value="19">Graz (A)</option><option value="81">Groningen (NL)</option><option value="20">Hamburg</option><option value="21">Hannover</option><option value="23">Innsbruck (A)</option><option value="24">Karlsruhe</option><option value="25">Kassel-Calden</option><option value="27">Klagenfurt (A)</option><option value="28">Köln-Bonn</option><option value="29">Leipzig/Halle</option><option value="30">Linz (A)</option><option value="31">Lübeck</option><option value="32">Lüttich (B)</option><option value="33">Luxemburg</option><option value="34">Maastricht - Aachen (NL)</option><option value="139">Magdeburg Cochstedt</option><option value="90">Memmingen</option><option value="36">München</option><option value="37">Münster-Osnabrück</option><option value="49">Niederrhein (Weeze)</option><option value="38">Nürnberg</option><option value="39">Paderborn</option><option value="40">Rostock</option><option value="41">Saarbrücken</option><option value="42">Salzburg (A)</option><option value="43">Schwerin</option><option value="44">Strasbourg (F)</option><option value="45">Stuttgart</option><option value="77">Warschau (PL)</option><option value="46">Wien (A)</option><option value="47">Zürich (CH)</option><option value="48">Zweibrücken</option></select>
                                </div>
                            </div>

                            <div class="form-group col-md-2 col-sm-6 col-xs-12">
                                <button type="submit" class="btn btn-primary btn-block">suchen</button>
                            </div>
                        </form>
                    </div><!-- end tab-pane -->

                    <div role="tabpanel" class="tab-pane" id="tab_02">
                        <form class="bookform form-inline row">

                            <div class="form-group col-md-3 col-sm-6 col-xs-12">

                                <div class="input-group form-bottom">
                                    <input type="text" class="form-control datepicker" placeholder="Anreise" id="">
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                </div>

                                <div class="dropdown form-bottom">
                                    <select name="RW" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Abflughafen</option><option value="5000">Nord</option><option value="5001">Süd</option><option value="5002">West</option><option value="5003">Ost</option><option value="1">Amsterdam (NL)</option><option value="3">Basel-Mulhouse (CH)</option><option value="141">Berlin Brandenburg</option><option value="4">Berlin-Schönefeld</option><option value="5">Berlin-Tegel</option><option value="8">Bremen</option><option value="9">Brüssel (B)</option><option value="67">Brüssel Charleroi (B)</option><option value="10">Dortmund</option><option value="11">Dresden</option><option value="12">Düsseldorf</option><option value="73">Eindhoven (NL)</option><option value="13">Enschede (NL)</option><option value="14">Erfurt-Weimar</option><option value="15">Frankfurt</option><option value="16">Frankfurt-Hahn</option><option value="17">Friedrichshafen</option><option value="18">Genf (CH)</option><option value="19">Graz (A)</option><option value="81">Groningen (NL)</option><option value="20">Hamburg</option><option value="21">Hannover</option><option value="23">Innsbruck (A)</option><option value="24">Karlsruhe</option><option value="25">Kassel-Calden</option><option value="27">Klagenfurt (A)</option><option value="28">Köln-Bonn</option><option value="29">Leipzig/Halle</option><option value="30">Linz (A)</option><option value="31">Lübeck</option><option value="32">Lüttich (B)</option><option value="33">Luxemburg</option><option value="34">Maastricht - Aachen (NL)</option><option value="139">Magdeburg Cochstedt</option><option value="90">Memmingen</option><option value="36">München</option><option value="37">Münster-Osnabrück</option><option value="49">Niederrhein (Weeze)</option><option value="38">Nürnberg</option><option value="39">Paderborn</option><option value="40">Rostock</option><option value="41">Saarbrücken</option><option value="42">Salzburg (A)</option><option value="43">Schwerin</option><option value="44">Strasbourg (F)</option><option value="45">Stuttgart</option><option value="77">Warschau (PL)</option><option value="46">Wien (A)</option><option value="47">Zürich (CH)</option><option value="48">Zweibrücken</option></select>
                                </div>

                                <div class="dropdown form-bottom">
                                    <select class="selectpicker" data-style="btn-white" data-dropup-auto="false">
                                        <option>1 Erwachsener</option>
                                        <option>2 Erwachsener</option>
                                        <option>3 Erwachsener</option>
                                        <option>4 Erwachsener</option>
                                        <option>5 Erwachsener</option>
                                    </select>
                                </div>


                            </div>

                            <div class="form-group col-md-3 col-sm-6 col-xs-12">
                                <div class="input-group form-bottom">
                                    <input type="text" class="form-control datepicker" placeholder="Abreise" id="">
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                </div>

                                <div class="dropdown form-bottom">
                                    <select id="selectDestination" name="ZIEL" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Reiseziel - beliebig</option><option value="10010">Ägypten</option><option value="2202">- Nilkreuzfahrten</option><option value="2204">- Rundreisen &amp; Badeurlaub</option><option value="350">- Hurghada &amp; Safaga</option><option value="330">- Marsa Alam &amp; Quseir</option><option value="349">- Luxor &amp; Assuan</option><option value="351">- Sharm el Sheikh / Nuweiba / Taba</option><option value="348">- Kairo &amp; Gizeh &amp; Memphis &amp; Ismailia</option><option value="2500">- weitere Angebote Ägypten</option><option value="4144">- Marsa Matruh &amp; Alexandria</option><option value="510">Israel - Tel Aviv &amp; Umgebung</option><option value="727">Israel- Totes Meer</option><option value="515">Jordanien</option><option value="10008">Marroko, Tunesien</option><option value="2237">- Rundreisen Marokko</option><option value="959">- Rundreisen Tunesien</option><option value="126">- Marokko - Marrakesch</option><option value="125">- Marokko - Atlantikküste: Agadir / Safi / Tiznit</option><option value="4200">- Marokko - Atlantikküste: Casablanca / El Jadida / Rabat</option><option value="705">- Marokko - Inland</option><option value="614">- Tunesien - Monastir</option><option value="132">- Tunesien - Hammamet</option><option value="133">- Tunesien - Insel Djerba</option><option value="135">- Tunesien - Oase Zarzis</option><option value="131">- Tunesien - Norden</option><option value="136">- Tunesien - Inland</option><option value="134">- Tunesien - Oase Tozeur / Tamerza / Nefta</option><option value="10004">Türkei</option><option value="946">- Rundreisen</option><option value="643">- Side &amp; Alanya</option><option value="434">- Antalya &amp; Belek</option><option value="644">- Kemer &amp; Beldibi</option><option value="373">- Istanbul &amp; Umgebung</option><option value="651">- Kusadasi &amp; Didyma</option><option value="646">- Dalaman - Fethiye - Ölüdeniz</option><option value="647">- Marmaris &amp; Icmeler &amp; Datca</option><option value="652">- Ayvalik, Cesme &amp; Izmir</option><option value="648">- Bodrum</option><option value="2511">- Schwarzmeerküste Türkei</option><option value="2273">Rundreise Arabische Halbinsel</option><option value="2164">Rundreise Oman</option><option value="10032">Glückshotels</option></select>
                                </div>

                                <div class="dropdown form-bottom">
                                    <select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 1</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
                                </div>

                            </div>

                            <div class="form-group col-md-3 col-sm-6 col-xs-12">

                                <div class="dropdown form-bottom">
                                    <select class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Reisedauer</option><option value="9">1 - 4 Tage</option><option value="10">5 - 8 Tage</option><option value="6_7">1 Woche</option><option value="7">9 - 12 Tage</option><option value="3">13 - 15 Tage</option><option value="6_14">2 Wochen</option><option value="12">16 - 22 Tage</option><option value="6_21">3 Wochen</option><option value="13">&gt; 22 Tage</option></select>
                                </div>

                                <input type="text" class="form-control" placeholder="Hotelname">

                                <div class="dropdown form-bottom">
                                    <select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 2</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
                                </div>

                            </div>

                            <div class="form-group col-md-3 col-sm-6 col-xs-12">

                                <input type="text" class="form-control" placeholder="Ort / Region / Land">

                                <div class="dropdown form-bottom">
                                    <select name="HCAT" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Hotelkategorie</option>
                                        <option value="0">2 Sterne</option>
                                        <option value="1">3 Sterne</option>
                                        <option value="2">4 Sterne</option>
                                        <option value="3">5 Sterne</option></select>
                                </div>

                                <div class="dropdown form-bottom">
                                    <select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 3</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
                                </div>

                            </div>


                            <div class="form-group col-md-12 col-sm-12 col-xs-12 text-center form-bottom">
                                <button type="submit" class="btn btn-primary">suchen</button>
                            </div>

                        </form>
                    </div><!-- end tab-pane -->
                </div><!-- end tab-content -->
            </div><!-- end homeform -->
        </div>
    </div><!-- end container -->
</section><!-- end section -->