</noscript> <!-- header start --> <header class="header clearfix"> <!-- Header Top Start --> <div class="h-top clearfix"> <div class="container"> <!-- Header Left Start --> <div class="h-top__left"> <ul> <li class="hidden-xs hidden-sm"><a id="cta-head-contact" href="de/kontakt">Kontakt</a></li> <li class="hidden-xs hidden-sm u-pl-10"><a href="de/about-us">About Us</a></li> <li class="booking-num hidden-xs"><a id="cta-head-telf" href="tel:+34971200222">Buchungen (+34) 971 200 222</a></li> </ul> </div> <!-- Header Left End --> <!-- Header Right Start --> <div class="h-top__right"> <div class="h-top__right__language"> <ul style="display: flex; align-content: center; align-items: center;justify-content: flex-end;"> <!-- <li class="li-monsafety"> <a href="http://habitaciones.monport.com.pages.services/prueba-app/?ts=1597157161197" class="monsafety-link" target="_blank" rel="nofollow"> <img class="mon-safety-icon" src="/images/monsafety.png" alt=""> <span>MON SAFETY</span> </a> </li> --> <li style="padding:5px!important; align-self: center;"> <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservierung.hotelmonport.com"> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.min.js"></script> <link rel="stylesheet" type="text/css" href="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.css"> <!-- <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com" data-settingsURL="https://reservas.hotelmonport.com/bookcore/partempresas/loyalty/settings/" data-signinURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signin/" data-signupURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signup/" data-getUserURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/user/" data-passwordRecoveryURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/" data-changePasswordURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/change/" data-socialSigninURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular-integracion/" data-socialCheckUserURL="https://reservas.hotelmonport.com/bookcore/partempresas/comprobar-registro-particular/" data-logoutURL="https://reservas.hotelmonport.com/bookcore/partempresas/ajax/logout/" data-loginURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular/" data-dropURL="https://reservas.hotelmonport.com/bookcore/shopping-cart/drop/" data-resetAvailabilityURL="https://reservas.hotelmonport.com/bookcore/availability/reset/" data-loyaltyDispoURL="https://reservas.hotelmonport.com/bookcore/availability/loyalty/" data-setCookieURL="https://reservas.hotelmonport.com/bookcore/set-cookie/"> </div> --> <style> #roi-auth * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 600px) { .d-none-sm { display: none !important; } } } </style> </li> <li class="hidden-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" >English</option> <option value="https://www.hotelmonport.com/promociones" >Spanish</option> <option value="https://www.hotelmonport.com/de/promotions" selected>Deutsch</option> </select> </li> <li class="visible-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/promotions" >En</option> <option value="https://www.hotelmonport.com/promociones" >Es</option> <option value="https://www.hotelmonport.com/de/promotions" selected>De</option> </select> </li> <li class="book-now visible-xs visible-sm visible-md"><a id="cta-head-book" href="#">Book now</a></li> <!--<li class="book-now book-now-fly-hotel visible-xs visible-sm visible-md"><a href="#"></a></li>--> <li class="visible-xs visible-sm"> <div class="navigation clearfix"> <a href="#" class="menu"> <span></span> <span></span> <span></span> </a> </div> </li> </ul> </div> </div> <!-- Header Right End --> </div> </div> <!-- Header Top End --> <!-- Header Bottom Start --> <div id="header" class="h-bottom clearfix"> <div class="bg-white"> <div class="container"> <div class="row"> <div class="col-md-2"> <!-- Logo Start --> <div class="logo"> <a href="https://www.hotelmonport.com/de"><img class="img-responsive" src="/images/logo.svg" alt="Hotel MonPort"></a> </div> <!-- Logo End --> </div> <div class="col-sm-9 col-md-10"> <!-- Navigation Start --> <div class="navigation clearfix"> <a href="#" class="menu hidden-xs hidden-sm"><span></span><span></span><span></span></a> <ul id="main-menu" class="sm sm-simple"> <a href="#" class="close-icon visible-xs visible-sm"><i class="fa fa-times" aria-hidden="true"></i></a> <li ><a href="/de">Home</a></li> <li class="menu-subitems"> <a class="submenu">Hotel</a> <ul class="menu-item-submenu"> <li ><a href="de/galerie">Galerie</a></li> <li ><a href="de/serviceleistungen">Dienstleistungen</a></li> <li><a href="de/reviews" >Meinungen</a></li> <li ><a href="de/arbeiten-sie-mit-uns">Arbeiten Site Mit Uns</a></li> </ul> </li> <li ><a href="de/zimmer">Zimmer</a></li> <li class="active"><a href="de/promotions">Promotionen</a></li> <li><a href="https://www.hoteltreats.com/es/espana/baleares/mallorca/mon-port-hotel-spa" target="_blank">Erfahrungen</a></li> <li ><a href="de/spa">Spa</a> </li> <li ><a href="de/blog">Blog</a></li> <li ><a href="de/events">Events</a></li> <!-- <li ><a href="de/mon-sports">Mon Sports</a></li> --> <li ><a href="de/mon-sports">Mon Sports</a> <li > <a href="de/monamics">Mon Amics</a> </li> <!-- <li ><a href="de/about-us" rel="nofollow">About Us</a> </li> --> <li class="visible-xs"><a href="de/kontakt">Kontakt</a></li> </ul> </div> <!-- Navigation End --> </div> </div> </div> </div> <!-- <div class="offer-bar"> <div class="container"> <div class="discount-number"> <p>5%</p> </div> <div class="discount-text"> <p class="color upper">Bester Preis garantiert auf unserer Website</p> <p></p> </div> </div> </div> --> </div> <!-- Header Bottom End --> </header> <!-- header end --> <style> .book_now__title { font-size: 1.5em !important; line-height: 1.5em !important; text-transform: capitalize; color: #bfae71 !important; margin: 0 0 10px; text-align: center; } .c-input__text{ border: 1px solid #DDD; padding: 10px; } .c-promocode__title{ padding-top: 10px ; text-transform: uppercase; } </style> <div class="booking-block clearfix wow fadeInLeft" data-wow-duration="0.4s"> <div class="booking-block__date clearfix"> <p class="book_now__title">Book Now</p> <div class="booking-block__date-list"> <a href="#" class="calender">Ankunft <span>23</span> SEP 2023</a> <a href="#" class="calender">Abreise <span>24</span> SEP 2023</a> <a href="#" rel="nofollow" class="silver hotelicon calender" id="cta-middle-booknow"> <img src="images/hotelicon.png" /> <span>Buchen Sie jetzt</span> </a> <!--<a href="#" class="silver vuelohotelicon"> <img src="images/vuelohotelicon.png" /> <span>BOOK NOW FLY+HOTEL</span> </a>--> </div> </div> </div> <style> .calendar__details { font-family: UnitSlabProLight,Helvetica,Arial,sans-serif; margin: 0; text-transform: uppercase; color: #fff; text-align: center; background-color: #3d4752; letter-spacing: 5px; font-weight: 300; padding: 8px; } .holiday_check__title { color: white !important; float: right !important; font-size: 1.271em !important; line-height: 1.486em !important; margin: 0 !important; min-height: 55px !important; } .holiday_check__span { color: #fff; display: block; font-size: 2.227em; } .holiday_check__review { color: #325faa !important; min-height: 55px; font-size: 1.3em !important; } .review__title { font-size: 1.5em !important; color: #bfae71; letter-spacing: .4px; line-height: 1.229em; } .review__subtitle { font-family: UnitSlabProMedi; font-size: 1.286em !important; letter-spacing: .2px; line-height: 1.286em; } .booking-block__date-list a.silver span { position: initial; left: initial; top: initial; transform: initial; font-size: 13px; text-align: center; } .booking-block__date-list a.silver:hover { background: #bfae71; } .hotelicon { } .vuelohotelicon img { width: 100%; } </style> <div class="booking-date-detail subscribe-block clearfix"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="booking-popup__left"> <p><span>Holen Sie sich unseren neuesten Guide zu</span> Mallorcas beste <br>Buchten</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tellus libero, egestas sit amet justo sit amet, congue iaculis massa. Cras bibendum tempor nulla, quis scelerisque neque cursus a.</p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__middle"> <img class="img-responsive" src="images/booking-popup-img.jpg" alt="IMAGE"> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__right offers-info"> <form action="" method="post" class="offer-form clearfix formNewsletterBook"> <!-- Name Surname Start --> <div class="name-surname clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control nombre-form" name="nombre" placeholder="Mein Name"> </div> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control apellidos-form" name="apellidos" placeholder="Mein Nachname"> </div> </div> </div> </div> <!-- Name Surname End --> <!-- Email Start --> <div class="mail-info clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="email" class="form-control email-form" name="email" placeholder="Meine Email-Adresse lautet..."> </div> <div class="col-sm-12 col-md-12"> <button type="submit" class="btn btn-default">Holen Sie sich das PDF</button> <p class="send-ok">¡Danke fürs Abonnieren!</p> </div> </div> </div> </div> <!-- Email End --> <div class="checkbox"> <label> <input type="checkbox" name="terms" class="terms"> Ich habe die <a href="#" class="terms-link">AGB gelesen und akzeptiere sie</a> </label> </div> </form> </div> </div> </div> </div> </div> <div class="booking-date-detail calender-block clearfix"> <div class="booking-popup-padding" style="background-color: white; overflow: scroll !important; height: 100%;"> <div class="close-icon"> <a href="#"><img id="closeBooking" class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix" id="scrollArea"> <form action="https://reservierung.hotelmonport.com/bookcore/v1pax/search-dispo.htm" method="post" id="formCalendarBooking"> <div class="col-sm-8 col-md-8 col-lg-9"> <div class="calender-block__left"> <p> <input type="hidden" id="input1" name="entrada" class="bk_from" /> <input type="hidden" id="input2" name="salida" class="bk_to" /> </p> <div class="datepicker"></div> </div> </div> <div class="col-sm-4 col-md-4 col-lg-3"> <div class="calender-block__right"> <p class="calendar__details" id="detailScroll">Einzelheiten</p> <div class="persone-detail clearfix"> <div class="row"> <div class="col-sm-12 col-md-6"> <p>ERWACHSENE</p> <select name="adultos" class="bk_adu"> <option>1</option> <option selected>2</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-12 col-md-6"> <p>KINDER</p> <select name="ninos" class="bk_hab" id="ninoSelect"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="col-sm-12 col-md-6"> <p class="c-promocode__title">Promocode</p> <input class="c-input__text" type="text" name="codpromo" id="id_codpromo" value=""> <!-- <select name="ninos" class="bk_hab" id="ninoSelect">--> <!-- <option>0</option>--> <!-- <option>1</option>--> <!-- <option>2</option>--> <!-- <option>3</option>--> <!-- </select>--> </div> </div> <div class="row row-ninos"> <div class=" wrap-nino-0 wrap-nino hidden"> <p>ZEIT</p> <select name="nino_edad_0" id="nino_edad_0" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="wrap-nino-1 wrap-nino hidden"> <p>ZEIT</p> <select name="nino_edad_1" id="nino_edad_1" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class=" wrap-nino-2 wrap-nino hidden" id="detail_scroll"> <p>ZEIT</p> <select name="nino_edad_2" id="nino_edad_2" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> </div> </div> <div class="detail-button clearfix"> <a class="btn btn-default reservar-hotel" href="" rel="nofollow" role="button" id="form_booking_button"> <img src="images/hotelicon.png"> <span>Buchen Sie jetzt</span> </a> <!--<a class="btn btn-default vueloMasHotel-open" href="#" role="button"> <img src="images/vuelohotelicon.png" /> <span>BOOK NOW FLY+HOTEL</span> </a>--> </div> </div> </div> <input type="hidden" id="edadesNinos" name="edades" value="" /> <input type="hidden" class="bk_hotel" name="hotel" value="monport" /> </form> </div> </div> </div> <div class="booking-date-detail vuelo-hotel-form clearfix" style="display: block;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup-padding"> <div class="booking-popup clearfix"> <form action="" method="post" id="formFlyWithHotel"> <p class="titulaso upper">Flug + hotel</p> <div class="part-left"> <label>Von</label> <input type="text" name="origen" class="autocomplete origen ui-autocomplete-input" /> <input type="hidden" name="origen-code" class="origen-code" /> <label>Nach</label> <input type="text" name="destino" value="Palma de Mallorca" readonly class="destino" /> <div class="dates-wrapper"> <div class="date"> <label>Hinflug</label> <input type="text" name="fecha_salida" class="fecha-salida" required /> </div> <div class="date"> <label>Rückflug</label> <input type="text" name="fecha_llegada" class="fecha-llegada" required /> </div> <p class="text-right"> <input type="checkbox" name="check_bussiness" id="check-bussiness" /> Bussiness class </p> </div> </div> <div class="part-right"> <div class="room room-1 active"> <div class="block rooms"> <label>Zimmer 1</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ERWACHSENE</label> <select name="room_1_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>KINDER</label> <select name="room_1_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Alter von Kindern</label> <div class="mini-block ages"> <select name="room_1_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-2"> <div class="block rooms"> <label>Zimmer 2</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ERWACHSENE</label> <select name="room_2_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>KINDER</label> <select name="room_2_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Alter von Kindern</label> <div class="mini-block ages"> <select name="room_2_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-3"> <div class="block rooms"> <label>Zimmer 3</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ERWACHSENE</label> <select name="room_3_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>KINDER</label> <select name="room_3_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Alter von Kindern</label> <div class="mini-block ages"> <select name="room_3_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <button class="remove-room">- Löschen Zimmer</button> <button class="add-room">+ Zimmer hinzufügen</button> </div> <button class="consult">Überprüfen Sie die Verfügbarkeit</button> <input type="hidden" name="lang" class="lang" value="de" /> </form> </div> </div> </div> <style> .ui-widget-content { z-index: 99999; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } * html .ui-autocomplete { height: 200px; } .ui-state-active, .ui-widget-content .ui-state-active { color: #000!important; border: 0px solid #9da1a6!important; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff !important; background: #bfae71 !important; } /*.vuelo-hotel-form { left: 0 !important; overflow-y: scroll !important; }*/ .vuelo-hotel-form .booking-popup { overflow-y: scroll; /*max-height: initial;*/ } .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right, .vuelo-hotel-form .dates-wrapper .date, .vuelo-hotel-form .part-left .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .titulaso { text-align: center; background: #3d4752; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 20px; } .vuelo-hotel-form button { width: 48%; } .vuelo-hotel-form button { border: none; background: #bfae71; color: #fff; font-size: 18px; padding: 15px; } .vuelo-hotel-form .part-right button { width: 100%; background: #3d4752; } .vuelo-hotel-form .part-left { margin-right: 36px; } .vuelo-hotel-form .part-left input[type=text] { width: 100%; border: 1px solid #3d4752; padding: 12px; margin-bottom: 10px; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 16px; } .vuelo-hotel-form label { display: block; font-size: 12px; text-transform: uppercase; font-weight: normal; } .vuelo-hotel-form .room { border-bottom: 1px solid gray; padding-bottom: 35px; margin-bottom: 15px; } .vuelo-hotel-form .room:not(.active) { display: none; } .vuelo-hotel-form .room .block { width: 33.33333333%; display: inline-block; vertical-align: top; margin-right: -3px; padding-right: 11px; } .vuelo-hotel-form .room .block:not(:first-of-type) { border-left: 1px dashed gray; padding-left: 13px; } .vuelo-hotel-form .part-right .mini-block .selectric-wrapper { width: 48%; display: inline-block; vertical-align: top; margin-bottom: 3px; border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .rooms .selectric-wrapper { border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .adults-ninos .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .part-right .adults-ninos .mini-block .selectric-wrapper { width: 100%; } .vuelo-hotel-form .part-right .ages-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper { border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .ages .selectric-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper .selectric { background: #bfae71; border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .remove-room { background: #710e0e; margin-bottom: 5px; display: none; } .vuelo-hotel-form .choices { margin-bottom: 10px; border: 1px solid #3d4752; } .vuelo-hotel-form .choices__inner { background: #fff; } @media screen and (max-width: 1300px) { .vuelo-hotel-form form { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1090px) { .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right { width: 100%; } .vuelo-hotel-form .part-left { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date { width: 100%; } .vuelo-hotel-form button { width: 100%; } .vuelo-hotel-form button.consult { margin-top: 20px; } } </style> <div class="booking-date-detail reviews-list-block clearfix" style="max-height: 100%; height: 100%;"> <div class="booking-popup-padding" style="height: 100%;"> <div class="booking-popup clearfix" style="height: 100%; touch-action: auto !important;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="container h-100"> <div class="recommend-booking clearfix"> <div class="col-sm-3 col-md-3 padding"> <script src="https://www.holidaycheck.de/widgets?step=code&type=code&options=hotel-1-34559-de_DE-s-b-1-1---0" type="text/javascript"></script> <div id="holidaycheck-widget-hotel-1-34559-de_DE-s-b-1-1---0"> <div id="holidaycheck_widget_placeholder-34559" style="width:120px;padding:5px;background:#0058a2;"> <a href="https://www.holidaycheck.de/hi/mon-port-hotel-spa/3b28babd-7425-33f6-9015-8adf9cab38f8"> <img alt="Hotels mit Hotelbewertungen bei HolidayCheck" src="https://www.holidaycheck.de/widgets/logo_xlarge.png" border="0"> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"gerne wieder"</p> <p>Michael, 61-65, September 2018</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"Symphatisches Hotel. Top Preis-Leistungs-Verhältnis"</p> <p>Florian, 31-35, May 2019</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"1 Woche voller Freunde mit der Familie"</p> <p>Babsy, 41-45, June 2019</p> </div> </div> </div> <section class="regular slider review-slider"> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – June 2019</p> </div> <span class="review__subtitle">Lovely hotel in Port Andratx</span> <p>We have been to this hotel 4 times, it is outstanding in every area. The location is perfect. The quality is by far outstanding. The staff are extremely helpful and friendly.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking review – June 2019</p> </div> <span class="review__subtitle">Excellent spa hotel</span> <p>Fantastic location everything about Monport is first class surrounded with beautiful maintained landscape.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – May 2019</p> </div> <span class="review__subtitle">Lovely hotel</span> <p>Stayed here with my wife for four nights in May. The breakfast is outstanding. We had half board and evening meals were great. Staff and service lovely and our room was huge. Nice walk down to the port and nice little town.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – April 2019</p> </div> <span class="review__subtitle">Yet another Lovely Stay</span> <p>This is a lovely, relaxing hotel with great facilities and within walking distance of the Port with its bars and restaurants. The pool and pool bar are clean and tidy and all of the hotel staff are friendly and will assist with any requests.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking Review – Sept 2018</p> </div> <span class="review__subtitle">Excellent hotel to stay</span> <p>We traveled with our 4 month old baby, the hotel staff was very helpful throughout the stay. Breakfast was superb and other facilities such as pool, pool bar were excellent.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Expedia Review – May 2019</p> </div> <span class="review__subtitle">Wonderful and peaceful hotel</span> <p>We stay at this hotel regularly. The pool area is great with brilliant lifeguard. Breakfast has everything you need. We feel very comfortable here.</p> </div> </section> </div> </div> </div> </div> <script> let detailScroll = document.getElementById('detailScroll'); let scrollArea = document.getElementById('scrollArea'); if (window.innerWidth < 758) { $(detailScroll).on('click', () => { console.log('Click'); $(scrollArea).animate({scrollTop: 700}, 'slow'); return false; }); } </script> <!-- content start --> <div class="content inner-pg promotion-pg clearfix"> <!-- Service List Start --> <div class="service-list clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_14_12_218_19_37arthurleblanc_99.jpg" alt="Frühbuchung 2023"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>VON</span>110€</h3> </div> <div class="tax"> <span>STEUERN INBEGRIFFEN</span> </div> </div> <!-- Price With Tax End --> <h1>Frühbuchung 2023</h1> <p><p>Bis zu 20% Ermäßigung auf Ihren Urlaub im Jahr 2023</p><p>Wir erwarten Sie an einem der einladendsten Orte in Port d'Andratx.</p></p> <a class="btn btn-default js-promo-page" href="https://reservierung.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-0" data-promo='Reserva Anticipada 2023'>buchen Sie jetzt</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_12_04_2213_41_06arthurleblanc_35___copia.jpg" alt="Langzeitbuchung"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>VON</span>120€</h3> </div> <div class="tax"> <span>STEUERN INBEGRIFFEN</span> </div> </div> <!-- Price With Tax End --> <h3>Langzeitbuchung</h3> <p><p>Ihre Langzeitaufenthaltsreservierung hat einen garantierten Rabatt.</p><p>Buchen Sie mindestens 4 Nächte und erhalten Sie 15 % Direktrabatt.</p></p> <a class="btn btn-default js-promo-page" href="https://reservierung.hotelmonport.com/bookcore/availability/monport/2023-10-23/2023-10-25" role="button" data-index="bloque-1" data-promo='Reserva de Larga Estancia'>buchen Sie jetzt</a> </div> </div> <!-- Service Block Start --> </div> <div class="col-sm-6 col-md-6"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="service-block__image"> <img class="img-responsive lazyload" loading="lazy" data-src="/intranet/images/thumbs/tn_555_360_19_05_207_07_16monamics.JPG" alt="Mon Amics"> </div> <div class="service-block__detail clearfix"> <!-- Price With Tax Start --> <div class="tax-price clearfix"> <div class="price"> <h3><span>VON</span>105€</h3> </div> <div class="tax"> <span>STEUERN INBEGRIFFEN</span> </div> </div> <!-- Price With Tax End --> <h3>Mon Amics</h3> <p><p>Seien Sie Teil von MonAmics und erhalten Sie exklusive Vorteile:</p><ul><li><strong>10% sofortiger Rabatt</strong></li><li>Willkommenspaket Priority Check in - Check out</li><li>Kostenlose Nutzung der Einrichtungen nach dem Auschecken</li><li>15% Spa-Behandlungen</li><li>10% Rabatt auf die nächsten Aufenthalte</li></ul></p> <a class="btn btn-default js-promo-page" href="https://booking.hotelmonport.com/bookcore/partempresas/login-particular/ " role="button" data-index="bloque-2" data-promo='Mon Amics'>buchen Sie jetzt</a> </div> </div> <!-- Service Block Start --> </div> </div> </div> </div> <!-- Service List End --> </div> <!-- content end --> <!-- Sitemap Start --> <div class="sitemap light-cream-bg clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="sitemap__left wow fadeInUp" data-wow-duration="0.4s"> <h5>sitemap</h5> </div> </div> <div class="col-sm-5 col-md-4"> <div class="sitemap__right clearfix"> <div class="row"> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.6s"> <ul> <li><a href="de">Home</a></li> <li><a href="de/zimmer">Zimmer</a></li> <li><a href="de/promotions">Promotionen</a></li> <li><a href="de/spa">Spa</a> <li><a href="de/about-us">About Us</a> </li> </ul> </div> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.8s"> <ul> <li><a href="de/events">Events</a></li> <li><a href="de/serviceleistungen">Dienstleistungen</a></li> <li><a href="de/galerie">Galerie</a></li> <li><a href="de/mon-sports">Mon Sports</a></li> <li><a href="de/reviews">Meinungen</a></li> <li><a href="de/arbeiten-sie-mit-uns">Arbeiten Site Mit Uns</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Sitemap End --> <!-- footer start --> <footer class="footer clearfix"> <!-- Footer Top Start --> <div class="f-top clearfix"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="f-top__left wow fadeInUp" data-wow-duration="0.4s"> <a href="/de"><img class="img-responsive" src="/images/logo.svg" alt="LOGO"></a> <div class="f-top__contact"> <p>T (+34) <a style="text-decoration: none;color: #bfae71;" href="tel:34971238623" id="tel-hotel-footer"> 971 238 623</a></p> <p>FAX 971 23 86 24</p> <p>Cala d'Egos, Finca la Noria</p> <p>07157 - Port D'andratx - Mallorca</p> <br> <p><b>Telefon der Abteilung Buchung: </b><a style="text-decoration: none;color: #bfae71;" href="tel:34971200222" id="tel-booking-footer"> 971 200 222</a></p> <p><b>Stundenplan: </b>08:00 bis zum 17:00 von Mon bis Fre.</p> <br> <p>An Wochenenden und zu Zeiten, die nicht innerhalb der Öffnungszeiten des Booking Department liegen, steht das Telefon des Hotels zur Verfügung.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__middle wow fadeInUp" data-wow-duration="0.6s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix visible-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <p>Erleben Sie ein anderes Urlaubserlebnis in unseren Hotels</p> <a href="https://www.esprincep.com/de" target="_blank" class="hidden-xs logo-princep"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/de" target="_blank" class="hidden-xs logo-pergola"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <style> .f-bottom__middle { display: flex; flex-direction: row; flex-wrap: wrap; } .logo-wrapper { display: flex; justify-content: center; width: 50%; } .logo-wrapper p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper img { max-width: 120px; margin: 0 auto; } .f-bottom__middle p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper .logo-wrapper-body { display: flex; flex-direction: column; justify-content: center; } </style> <div class="f-bottom__middle wow fadeInUp hidden-xs" data-wow-duration="0.6s" style="margin-top: 25px;"> <!-- <div class="logo-wrapper"> <a href="/pdf/MONPORT_safety_certified.pdf" target="_blank" style="text-decoration:none;"> <img class="img-responsive" src="/images/Safe_Tourism_Certified.png" alt="Mon safety"> </a> </div> --> <div class="logo-wrapper" itemscope itemtype="http://schema.org/Organization"> <span style='display: none' itemprop="name">Mon Port Hotel & Spa</span> <div class="logo-wrapper-body" itemprop=aggregateRating itemscope itemtype="http://schema.org/AggregateRating"> <a href='https://www.kayak.de/Andratx-Hoteles-Mon-Port-Hotel-Spa.192517.ksp' target='_blank' data-lang="de/"> <img class="img-responsive" src='https://content.r9cdn.net/seo-res/badges/v2/ORANGE_LARGE_BEST_HOTEL_ES_es.png' /> </a> <p style="color: #bfae71;"> <span itemprop="ratingvalue">7,1</span> <meta itemprop="bestRating" content="10"></meta> <meta itemprop="ratingCount" content='29'></meta></p> </div> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__right wow fadeInUp" data-wow-duration="0.8s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix hidden-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <div class="f-top__middle visible-xs"> <a href="https://www.esprincep.com/" target="_blank"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <!-- Copyright Start --> <div class="copyright clearfix"> <p>© 2023, Hotel Monport</p> <p>Alle Rechte vorbehalten</p> <div class="keywords-footer"> <a href="https://www.hotelmonport.com/de">4 sterne hotel mallorca</a> </div> <div class="c-footer__cards"> <img src="/images/credit-cards.jpg" alt="credit cards" class="c-footer__cards--img"> </div> </div> <!-- Copyright End --> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom Start --> <div class="f-bottom clearfix"> <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="f-bottom__left"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> <div class="col-sm-6 col-md-6 col-xs-12"> <div class="f-bottom__middle"> <ul> <li> <a href="de/rechtliche_hinweise" rel="nofollow">Impressum</a> </li> <!-- <li> <a href="de/richtlinien_soziale_netzwerke" rel="nofollow">Soziale Netzwerke Richtlinie</a> </li> --> <li> <a href="de/cookies" rel="nofollow">Cookie-Richtlinien</a> </li> <li> <a href="de/begriffe_bedingungen" rel="nofollow">Nutzungsbedingungen & Bedingungen</a> </li> </ul> </div> </div> <div class="col-sm-3 col-md-3 hidden-xs"> <div class="f-bottom__right"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> </div> </div> </div> <!-- Footer Bottom End --> </footer> <!-- footer end --> <script src="/js/jquery-3.2.1.min.js"></script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB5K-gKr0-ZHqOlmWM8bacfh8EkemGUUWg"></script> <script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script> <script src="/js/cookies/gdpr-rw-cookie-notice.js"></script> <script src="/js/all.min.js"></script> <script src="/js/main.js"></script> <script src="/js/jquery-ui.min.js"></script> <script src="/js/flatpickr.js"></script> <script> $('#formCV button').on('click', function(e) { e.preventDefault(); var fieldsName = ['nombre-form', 'apellido-form', 'email-form', 'location-form', 'position-form','cv-form','check-form'], $form = $(this).parent(); if (checkFieldsForm($form, fieldsName)) { var serializedData = $form.serialize(); $.ajax({ url : 'js/sendCV.php', type : 'POST', dataType: "json", data : new FormData(document.getElementById('formCV')), processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType success : function(data) { if (data == 1) { $form.find('button').fadeOut(function() { $form.find('.send-ok').fadeIn(); }); } } }); } }); $('#ninoSelect').on('change', function() { if ($(this).val() == 0) { $('#edadesNinos').val(''); } $('.wrap-nino-0, .wrap-nino-1, .wrap-nino-2').addClass('hidden'); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').prop('disabled', true); for (var a = 0; a < $(this).val(); a++) { $('.wrap-nino-' + a).removeClass('hidden'); $('#nino_edad_' + a).prop('disabled', false); } var edades = ''; if ($(this).val() == 1) { edades = '3'; } else if ($(this).val() == 2) { edades = '3;3'; } else if ($(this).val() == 3) { edades = '3;3;3'; } $('#edadesNinos').val(edades); }); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').on('change', function() { var edades = ''; for (var a = 0; a < 3; a++) { if ($('#nino_edad_' + a).prop('disabled') == false) { edades += $('#nino_edad_' + a).val() + ';'; } } $('#edadesNinos').val(edades.slice(0, -1)); }); var proportionVideo = [1920, 1070]; $(document).ready(function() { if ($('#slide-video').length) { $('#carousel-example-generic').bind('slide.bs.carousel', function(e) { $('.slide-video-iframe')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); $(window).resize(function() { if ($('#slide-video').length) { $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); //Todos los post de blog deben tener la clase lazy load $('.service-block').find('img').each(function(){ $(this).attr('data-src', $(this).attr('src')).attr('loading','lazy').addClass('lazyload'); }); // Si el navegador soporta lazy-load, tomamos todas las imágenes que tienen la clase // `lazyload`, obtenemos el valor de su atributo `data-src` y lo inyectamos en el `src`. // if ('loading' in HTMLImageElement.prototype) { if(false){ var images = document.querySelectorAll("img.lazyload"); images.forEach(img => { img.src = img.dataset.src; }); } else { // Importamos dinámicamente la libreria `lazysizes` var script = document.createElement("script"); script.async = true; script.src = "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js"; document.body.appendChild(script); } </script> <!-- Fastory widget: Use data-offset parameter to change the vertical position of the widget --> <!-- <script id="fastoryWidget" async src="https://yam.li/widget/script/widget.min.js" data-offset="90" data-id="nq2T0heS"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFXR2KW" height="0" width="0" style="display:none;visibility:hidden">
-->