<div class="modal fade" id="booking-box-room-detail" tabindex="-1" role="dialog" aria-hidden="true" data-room-template="    &lt;div class=&quot;room-info-form js-room-form__row&quot; data-room-count=&quot;__ROOM_COUNT__&quot;&gt;
        &lt;div class=&quot;text-uppercase strong small room-info-form__heading&quot;&gt;&lt;span class=&quot;js-room-form__nr&quot;&gt;__ROOM_COUNT__&lt;/span&gt;. Zimmer belegen&lt;/div&gt;
            &lt;label class=&quot;form-group&quot;&gt;
        &lt;div class=&quot;text-uppercase small col col-sm-3 control-label&quot;&gt;Anzahl der Personen:&lt;/div&gt;
        &lt;div class=&quot;col col-sm-9&quot;&gt;
            &lt;select name=&quot;room-__ROOM_COUNT__-guest-number&quot; class=&quot;form-control js-room-form__room-guest-number-select&quot;&gt;
                                    &lt;option value=&quot;1&quot;&gt;1 Person&lt;/option&gt;
                                    &lt;option value=&quot;2&quot; selected=&quot;selected&quot;&gt;2 Personen&lt;/option&gt;
                                    &lt;option value=&quot;3&quot;&gt;3 Personen&lt;/option&gt;
                                    &lt;option value=&quot;4&quot;&gt;4 Personen&lt;/option&gt;
                                    &lt;option value=&quot;5&quot;&gt;5 Personen&lt;/option&gt;
                                    &lt;option value=&quot;6&quot;&gt;6 Personen&lt;/option&gt;
                                    &lt;option value=&quot;7&quot;&gt;7 Personen&lt;/option&gt;
                                    &lt;option value=&quot;8&quot;&gt;8 Personen&lt;/option&gt;
                                    &lt;option value=&quot;9&quot;&gt;9 Personen&lt;/option&gt;
                                    &lt;option value=&quot;10&quot;&gt;10 Personen&lt;/option&gt;
                            &lt;/select&gt;
        &lt;/div&gt;
    &lt;/label&gt;

            &lt;label class=&quot;form-group js-room-form__age-select&quot;&gt;
        &lt;div class=&quot;text-uppercase small col col-sm-3 control-label&quot;&gt;Alter Person &lt;span class=&quot;js-room-form__person-nr&quot;&gt;1&lt;/span&gt;:&lt;/div&gt;
        &lt;div class=&quot;col col-sm-9&quot;&gt;
            &lt;select name=&quot;room-__ROOM_COUNT__-guest-age[]&quot; class=&quot;form-control js-room-form__age&quot;&gt;
                                    &lt;option value=&quot;1&quot; &gt;1&lt;/option&gt;
                                    &lt;option value=&quot;2&quot; &gt;2&lt;/option&gt;
                                    &lt;option value=&quot;3&quot; &gt;3&lt;/option&gt;
                                    &lt;option value=&quot;4&quot; &gt;4&lt;/option&gt;
                                    &lt;option value=&quot;5&quot; &gt;5&lt;/option&gt;
                                    &lt;option value=&quot;6&quot; &gt;6&lt;/option&gt;
                                    &lt;option value=&quot;7&quot; &gt;7&lt;/option&gt;
                                    &lt;option value=&quot;8&quot; &gt;8&lt;/option&gt;
                                    &lt;option value=&quot;9&quot; &gt;9&lt;/option&gt;
                                    &lt;option value=&quot;10&quot; &gt;10&lt;/option&gt;
                                    &lt;option value=&quot;11&quot; &gt;11&lt;/option&gt;
                                    &lt;option value=&quot;12&quot; &gt;12&lt;/option&gt;
                                    &lt;option value=&quot;13&quot; &gt;13&lt;/option&gt;
                                    &lt;option value=&quot;14&quot; &gt;14&lt;/option&gt;
                                    &lt;option value=&quot;15&quot; &gt;15&lt;/option&gt;
                                    &lt;option value=&quot;16&quot; &gt;16&lt;/option&gt;
                                    &lt;option value=&quot;17&quot; &gt;17&lt;/option&gt;
                                    &lt;option value=&quot;18&quot; selected=&quot;selected&quot;&gt;18+&lt;/option&gt;
                            &lt;/select&gt;
        &lt;/div&gt;
    &lt;/label&gt;
    &lt;label class=&quot;form-group js-room-form__age-select&quot;&gt;
        &lt;div class=&quot;text-uppercase small col col-sm-3 control-label&quot;&gt;Alter Person &lt;span class=&quot;js-room-form__person-nr&quot;&gt;2&lt;/span&gt;:&lt;/div&gt;
        &lt;div class=&quot;col col-sm-9&quot;&gt;
            &lt;select name=&quot;room-__ROOM_COUNT__-guest-age[]&quot; class=&quot;form-control js-room-form__age&quot;&gt;
                                    &lt;option value=&quot;1&quot; &gt;1&lt;/option&gt;
                                    &lt;option value=&quot;2&quot; &gt;2&lt;/option&gt;
                                    &lt;option value=&quot;3&quot; &gt;3&lt;/option&gt;
                                    &lt;option value=&quot;4&quot; &gt;4&lt;/option&gt;
                                    &lt;option value=&quot;5&quot; &gt;5&lt;/option&gt;
                                    &lt;option value=&quot;6&quot; &gt;6&lt;/option&gt;
                                    &lt;option value=&quot;7&quot; &gt;7&lt;/option&gt;
                                    &lt;option value=&quot;8&quot; &gt;8&lt;/option&gt;
                                    &lt;option value=&quot;9&quot; &gt;9&lt;/option&gt;
                                    &lt;option value=&quot;10&quot; &gt;10&lt;/option&gt;
                                    &lt;option value=&quot;11&quot; &gt;11&lt;/option&gt;
                                    &lt;option value=&quot;12&quot; &gt;12&lt;/option&gt;
                                    &lt;option value=&quot;13&quot; &gt;13&lt;/option&gt;
                                    &lt;option value=&quot;14&quot; &gt;14&lt;/option&gt;
                                    &lt;option value=&quot;15&quot; &gt;15&lt;/option&gt;
                                    &lt;option value=&quot;16&quot; &gt;16&lt;/option&gt;
                                    &lt;option value=&quot;17&quot; &gt;17&lt;/option&gt;
                                    &lt;option value=&quot;18&quot; selected=&quot;selected&quot;&gt;18+&lt;/option&gt;
                            &lt;/select&gt;
        &lt;/div&gt;
    &lt;/label&gt;
    &lt;/div&gt;
" data-age-template="    &lt;label class=&quot;form-group js-room-form__age-select&quot;&gt;
        &lt;div class=&quot;text-uppercase small col col-sm-3 control-label&quot;&gt;Alter Person &lt;span class=&quot;js-room-form__person-nr&quot;&gt;__PERSON_COUNT__&lt;/span&gt;:&lt;/div&gt;
        &lt;div class=&quot;col col-sm-9&quot;&gt;
            &lt;select name=&quot;room-__ROOM_COUNT__-guest-age[]&quot; class=&quot;form-control js-room-form__age&quot;&gt;
                                    &lt;option value=&quot;1&quot; &gt;1&lt;/option&gt;
                                    &lt;option value=&quot;2&quot; &gt;2&lt;/option&gt;
                                    &lt;option value=&quot;3&quot; &gt;3&lt;/option&gt;
                                    &lt;option value=&quot;4&quot; &gt;4&lt;/option&gt;
                                    &lt;option value=&quot;5&quot; &gt;5&lt;/option&gt;
                                    &lt;option value=&quot;6&quot; &gt;6&lt;/option&gt;
                                    &lt;option value=&quot;7&quot; &gt;7&lt;/option&gt;
                                    &lt;option value=&quot;8&quot; &gt;8&lt;/option&gt;
                                    &lt;option value=&quot;9&quot; &gt;9&lt;/option&gt;
                                    &lt;option value=&quot;10&quot; &gt;10&lt;/option&gt;
                                    &lt;option value=&quot;11&quot; &gt;11&lt;/option&gt;
                                    &lt;option value=&quot;12&quot; &gt;12&lt;/option&gt;
                                    &lt;option value=&quot;13&quot; &gt;13&lt;/option&gt;
                                    &lt;option value=&quot;14&quot; &gt;14&lt;/option&gt;
                                    &lt;option value=&quot;15&quot; &gt;15&lt;/option&gt;
                                    &lt;option value=&quot;16&quot; &gt;16&lt;/option&gt;
                                    &lt;option value=&quot;17&quot; &gt;17&lt;/option&gt;
                                    &lt;option value=&quot;18&quot; selected=&quot;selected&quot;&gt;18+&lt;/option&gt;
                            &lt;/select&gt;
        &lt;/div&gt;
    &lt;/label&gt;
">
    <div class="modal-dialog" role="document">
        <div class="modal-content js-room-form">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="exampleModalLabel">Zimmerbelegung ändern</h4>
            </div>
            <div class="modal-body">
                <div class="form-horizontal">
                    <div class="form-group">
                        <label for="booking-box-room-count" class="col col-sm-3 control-label">Anzahl der Zimmer:</label>
                        <div class="col col-sm-9">
                            <select id="booking-box-room-count" name="room_count" class="form-control js-room-form__select">
                                                                    <option value="1" selected="selected">1</option>
                                                                    <option value="2" >2</option>
                                                                    <option value="3" >3</option>
                                                                    <option value="4" >4</option>
                                                                    <option value="5" >5</option>
                                                                    <option value="6" >6</option>
                                                                    <option value="7" >7</option>
                                                                    <option value="8" >8</option>
                                                                    <option value="9" >9</option>
                                                                    <option value="10" >10</option>
                                                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col col-sm-3 control-label" for="booking-box-room-type">Unterkunftsart:</label>
                        <div class="col col-sm-9">
                            <select class="form-control js-room-form__room-type" name="room_type" id="booking-box-room-type">
                                <option value="1" selected="">Zimmer</option>
                                <option value="2">Apartment</option>
                            </select>
                        </div>
                    </div>

                                                <div class="room-info-form js-room-form__row" data-room-count="1">
        <div class="text-uppercase strong small room-info-form__heading"><span class="js-room-form__nr">1</span>. Zimmer belegen</div>
            <label class="form-group">
        <div class="text-uppercase small col col-sm-3 control-label">Anzahl der Personen:</div>
        <div class="col col-sm-9">
            <select name="room-1-guest-number" class="form-control js-room-form__room-guest-number-select">
                                    <option value="1">1 Person</option>
                                    <option value="2" selected="selected">2 Personen</option>
                                    <option value="3">3 Personen</option>
                                    <option value="4">4 Personen</option>
                                    <option value="5">5 Personen</option>
                                    <option value="6">6 Personen</option>
                                    <option value="7">7 Personen</option>
                                    <option value="8">8 Personen</option>
                                    <option value="9">9 Personen</option>
                                    <option value="10">10 Personen</option>
                            </select>
        </div>
    </label>

            <label class="form-group js-room-form__age-select">
        <div class="text-uppercase small col col-sm-3 control-label">Alter Person <span class="js-room-form__person-nr">1</span>:</div>
        <div class="col col-sm-9">
            <select name="room-1-guest-age[]" class="form-control js-room-form__age">
                                    <option value="1" >1</option>
                                    <option value="2" >2</option>
                                    <option value="3" >3</option>
                                    <option value="4" >4</option>
                                    <option value="5" >5</option>
                                    <option value="6" >6</option>
                                    <option value="7" >7</option>
                                    <option value="8" >8</option>
                                    <option value="9" >9</option>
                                    <option value="10" >10</option>
                                    <option value="11" >11</option>
                                    <option value="12" >12</option>
                                    <option value="13" >13</option>
                                    <option value="14" >14</option>
                                    <option value="15" >15</option>
                                    <option value="16" >16</option>
                                    <option value="17" >17</option>
                                    <option value="18" selected="selected">18+</option>
                            </select>
        </div>
    </label>
    <label class="form-group js-room-form__age-select">
        <div class="text-uppercase small col col-sm-3 control-label">Alter Person <span class="js-room-form__person-nr">2</span>:</div>
        <div class="col col-sm-9">
            <select name="room-1-guest-age[]" class="form-control js-room-form__age">
                                    <option value="1" >1</option>
                                    <option value="2" >2</option>
                                    <option value="3" >3</option>
                                    <option value="4" >4</option>
                                    <option value="5" >5</option>
                                    <option value="6" >6</option>
                                    <option value="7" >7</option>
                                    <option value="8" >8</option>
                                    <option value="9" >9</option>
                                    <option value="10" >10</option>
                                    <option value="11" >11</option>
                                    <option value="12" >12</option>
                                    <option value="13" >13</option>
                                    <option value="14" >14</option>
                                    <option value="15" >15</option>
                                    <option value="16" >16</option>
                                    <option value="17" >17</option>
                                    <option value="18" selected="selected">18+</option>
                            </select>
        </div>
    </label>
    </div>
                                    </div>
            </div>
            <div class="modal-footer text-right">
                <button type="button" class="btn btn-green-border inverse js-room-form__reset" data-dismiss="modal">abbrechen</button>
                <button type="button" class="btn btn-green js-room-form__submit" data-dismiss="modal">Verfügbarkeit erneut prüfen</button>
            </div>
        </div>
    </div>
</div><div id="modal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
          <div class="bigSpinnerContainer"><i class="fa fa-spinner fa-spin"></i></div>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
        var winterCampaignStart = new Date('2022-12-03 00:00:00');
    var winterCampaignEnd = new Date('2022-12-23 00:00:00');
</script>
<div id="accomodationsPage" class="accomodationsPage">
    <div class="container mainContainer">
        <h1 class="text-center">
            Jetzt bei den teilnehmenden Betrieben <strong>unverbindlich Anfragen</strong>        </h1>

        <div class="row mainContainerTitles">
            <div class="col-md-3">
                <div class="title">
                    Unterkunftsfilter                </div>
            </div>
            <div class="col-md-9 clearfix">
                <ul class="list-inline hidden">
                    <li class="listLabel">
                        Sortieren nach:
                    </li>
                    <li>
                        <label>
                            <input type="radio" name="sort_by" value="price" />
                            Preis                        </label>
                    </li>
                    <li>
                        <label>
                            <input type="radio" name="sort_by" value="bewertung" />
                            Bewertung                        </label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row resultsRow">
            <div class="col-md-3 accomodationSidebar">
                <div class="colInner">
                    <form id="accommodationSearchForm" action="/de/accommodation-search" method="GET">
                        <input type="hidden" name="seed" class="" value="1675694708" />
                        <input type="hidden" name="sort_by" class="js-submit" value="" />
                        <input type="hidden" name="display_price" class="js-submit" value="0" />
                        <div class="filterBox mainFilter noBackground">
                            <div class="js-mydatepickerInterval" data-date-interval="4" data-callback="skipass-message">
                                <div class="form-group">
                                    <span class="asLabel">Anreise:</span>
                                    <input type="text" name="arrival" class="form-control mydatepicker js-submit" readonly data-from="1"  placeholder="Datum wählen" data-date-start-date="2023-03-23" data-current-date="2023-02-06" >
                                    <i class="fa fa-calendar color-gray" aria-hidden="true"></i>
                                </div>
                                <div class="form-group">
                                    <span class="asLabel">Abreise:</span>
                                    <input type="text" name="departure" class="form-control mydatepicker js-submit" readonly data-to="1"  data-date-start-date="2023-03-27" data-current-date="2023-02-13" placeholder="Datum wählen">
                                    <i class="fa fa-calendar color-gray" aria-hidden="true"></i>
                                </div>
                            </div>
<!--

                            <div class="form-group marginBottom">
                                <div class="checkbox">
                                    <label>
                                        <input class="js-submit" type="checkbox" name="date_disabled" value="1" >
                                        <span></span>
                                        Anreisedatum unbekannt                                    </label>
                                </div>
                            </div>
-->
                            
                            <div class="skipassPromoBox">
                                <div class="skipassGrayBox">
                                    <span class="versionGratis">In Ihrem Zeitraum ist ein<br>Skipass für 6 Tage gratis!</span>
                                    <span class="versionHalb">In Ihrem Zeitraum ist ein<br>Skipass für 3 Tage gratis!</span>
                                </div>
                                <div class="skipassAlertBox hidden">
                                    Verlängern Sie Ihren Urlaub <strong>um <span class='someDays'></span></strong> und Sie erhalten einen Skipass für <strong><span class='offerDuration'></span> Tage</strong>.                                </div>
                                <div class="infoBox">
                                    <div class="top">
                                        <span class="versionGratis">
                                            6 Tage<i class="fa fa-check" aria-hidden="true"></i>
                                        </span>
                                        <span class="versionHalb">
                                            3 Tage<i class="fa fa-check" aria-hidden="true"></i>
                                        </span>
                                    </div>
                                    Skipass inklusive                                </div>
                            </div>

                            <div class="skipassErrorBox hidden">
                                Das Angebot "Gratis Skipass Wochen" gilt vom 03.12.2022 bis zum 23.12.2022                            </div>

                            <div class="form-group" style="display:none !important;">
                                <div class="asInput js-roomFilter">
                                    <span class="js-adult-num"></span>
                                    <span class="js-adult-label" data-singular-name="Person" data-plural-name="Personen"></span>
                                    (<span class="js-room-num"></span>
                                    <span class="js-room-type-label"></span>)
                                    <i class="fa fa-plus"></i>
                                    <input type="hidden" name="room_num" value="1" />
                                    <input type="hidden" name="room_type" value="1" />
                                    <input type="hidden" name="person_num" value="2" />
                                    <input type="hidden" name="ages" value="18,18" />
                                </div>
                            </div>


                            <div class="form-group" style="display:none !important;">
                                <div class="select">
                                    <select class="form-control js-submit" name="service">
                                        <option value="">Keine Verpflegung gewählt</option>
                                                                                    <option value="5228204E51CA11D18F1400A02427D15E" >
                                                Frühstück                                            </option>
                                                                                    <option value="5228204F51CA11D18F1400A02427D15E" >
                                                Halbpension                                            </option>
                                                                                    <option value="5228205051CA11D18F1400A02427D15E" >
                                                Vollpension                                            </option>
                                                                                    <option value="CC4D041D3DFE44CB8915BB8153E7EF6F" >
                                                All Inclusive                                            </option>
                                                                            </select>
                                </div>
                            </div>
                            <div class="form-group skipassFilters">
                                <div class="checkbox">
                                                                        <label>
                                        <input type="checkbox" class="js-submit" name="gratis_skipass" value="1" checked="checked">
                                        <span></span>
                                        <div class="badge gratis">
                                            Gratis Skipass                                        </div>
                                    </label>
                                    <label>
                                        <input type="checkbox" class="js-submit" name="halber_preis" value="1" checked="checked">
                                        <span></span>
                                        <div class="badge halb_price">
                                            Skipass -50%                                        </div>
                                    </label>
                                </div>
                            </div>
                            <div class="submitContainer hidden">
                                <button type="submit" class="btn btn-block btn-calltoaction">
                                    Suchen                                </button>
                            </div>
                        </div>
                        <div class="advancedFilters">
                            <div class="title">
                                Unterkunftstyp                            </div>
                            <div class="rangeSliderInputOuter">
                                <div class="left">1</div>
                                <div class="right">5</div>
                                <input type="text" name="accommodationCategories" class="rangeSliderInput customLabel" data-min="1" data-max="5" value="1,5" />
                            </div>
                            <div class="checkbox">
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="5228203A51CA11D18F1400A02427D15E" >
                                        <span></span>
                                        B&B and Appartments (priv.)                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="52282ABCDECA11D18F1400A02427D15E" >
                                        <span></span>
                                        Ferienheim                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="52281FBB51CA11D18F1400A02427D15E" >
                                        <span></span>
                                        Garni                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="52281FB951CA11D18F1400A02427D15E" >
                                        <span></span>
                                        Gasthof                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="52281FAE51CA11D18F1400A02427D15E" >
                                        <span></span>
                                        Hotel                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="52281FBA51CA11D18F1400A02427D15E" >
                                        <span></span>
                                        Pension                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="67979F0462FF11D18F2100A02427D15E" >
                                        <span></span>
                                        Residence                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="67979F0362FF11D18F2100A02427D15E" >
                                        <span></span>
                                        Schutzhütte                                    </label>
                                                                    <label>
                                        <input class="js-submit" type="checkbox" name="accommodationTypes[]" value="5228203E51CA11D18F1400A02427D15E" >
                                        <span></span>
                                        Urlaub auf dem Bauernhof                                    </label>
                                                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="col-md-9 accomodationResults">
                <div class="colInner">
                    <div class="resultContent">
                        <div class="row mainRow">
                                                            <div class="text-center">
                                    Keine Ergebnisse gefunden                                </div>
                                                    </div>
                        <div class="row paginationRow">
                            <div class="col-xs-12 clearfix">
                                <ul class="list-inline">
                                                                                                                                                                                                                                                                                                                                                                                </ul>

                                <button class="btn btn-green btn-lg pull-right js-enquiryBtn hidden" type="button" data-accommodation-ids="">
                                    Sammelanfrage                                    <span class="anfrageCounter hidden">0</span>
                                </button>
                            </div>
                        </div>

                        <div class="loader text-center hidden">
                            <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/plugins/LtsAccommodation/static/js/lib/bootstrap-slider/bootstrap-slider.min.js" type="text/javascript" defer></script>
<script src="/plugins/LtsAccommodation/static/js/lts_unterkunfte.js?v=1679545244" type="text/javascript" defer></script>
<script src="/plugins/LtsAccommodation/static/js/wishlist.js?v=1679545244" type="text/javascript" defer></script>

<link href="/plugins/LtsAccommodation/static/js/lib/bootstrap-slider/bootstrap-slider.css" rel="stylesheet">
<link href="/plugins/LtsAccommodation/static/scss/unterkunftsuche.css" rel="stylesheet">


<div class="suchenFixed js-enquiryBtn">
    <div class="relative">
        <i class="fa fa-suitcase" aria-hidden="true"></i>
        <span class="js-noItemText">
            Unterkunft suchen        </span>
        <span class="js-withItemText hidden">
            Unterkunft anfragen        </span>
        <span class="anfrageCounter hidden">0</span>
    </div>
</div>

<style>
    .accomodationsPage .checkbox label{margin-bottom: 10px;}
    .accomodationsPage .checkbox label .badge{display: inline-block;padding:0px 18px; color: white;}
    .accomodationsPage .checkbox label .badge.gratis{background:#3d3d3d;}
    .accomodationsPage .checkbox label .badge.halb_price{background: #8f8f8f;}
    .accomodationsPage .accomodationResults .mainRow .accommodationObj .imgContainer .onlineBookableLabel.halb_price{background: #8f8f8f;}
</style>