</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/contact" >English</option> <option value="https://www.hotelmonport.com/contacto" >Spanish</option> <option value="https://www.hotelmonport.com/de/kontakt" selected>Deutsch</option> </select> </li> <li class="visible-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/contact" >En</option> <option value="https://www.hotelmonport.com/contacto" >Es</option> <option value="https://www.hotelmonport.com/de/kontakt" 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 ><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> <!-- 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 contact-pg clearfix"> <!-- Map Location Start --> <div class="map-location clearfix"> <div class="col-sm-6 col-md-6 padding"> <div class="map-location__left wow" data-wow-duration="0.4s"> <img class="img-responsive" src="/images/contact-img1.jpg" alt="IMAGE"> </div> </div> <div class="col-sm-6 col-md-6 padding col-map"> <div class="map-location__right"> <div id="map"></div> <a href="#" class="map-expand hidden-xs"><img class="img-responsive" src="/images/contact-expand.png" alt="ICON"></a> </div> </div> <!-- Arrive Button Start --> <div class="arrive-button clearfix"> <a class="btn btn-default" href="#" role="button"><img class="img-responsive" src="/images/arrive-btn-arrow.png" alt="IMAGE">WIE SIE ANKOMMEN</a> </div> <!-- Arrive Button End --> <!-- Arriving Detail Start --> <div class="arriving-detail clearfix"> <div class="arriving-detail__content clearfix"> <!-- Close Icon Start --> <a href="#" class="close-icon"><img class="img-responsive" src="/images/close-icon.png" alt="CLOSE"></a> <!-- Close Icon End --> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="arriving-detail__content__left"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#from" id="fromBtn" aria-controls="from" role="tab" data-toggle="tab">VON</a></li> <li role="presentation"><a href="#to" id="toBtn" aria-controls="to" role="tab" data-toggle="tab">Zu</a></li> </ul> </div> </div> </div> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade in active clearfix" id="from"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="arriving-detail__content__left"> <!-- Nav tabs --> <ul class="nav nav-tabs directions-to-click" role="tablist"> <li role="presentation"> <a href="#airport" aria-controls="airport" role="tab" data-toggle="tab" data-longitud="2.7361649" data-latitud="39.5517407">Der Flughafen</a> </li> <li role="presentation"> <a href="#port" aria-controls="port" role="tab" data-toggle="tab" data-longitud="2.3896365" data-latitud="39.5480877">Port d'Andratx</a> </li> <li role="presentation"> <a href="#sant-elm" aria-controls="sant-elm" role="tab" data-toggle="tab" data-longitud="2.3546833" data-latitud="39.5776096">Sant Elm</a> </li> </ul> <!-- Nav tabs --> </div> </div> <div class="col-sm-6 col-md-6"> <div class="arriving-detail__content__right"> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="content-route"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Arriving Detail End --> </div> <!-- Map Location End --> <!-- Contact Section Start --> <div class="contact-section clearfix"> <div class="container"> <!-- Spa Title Start --> <div class="spa-title clearfix wow fadeInUp" data-wow-duration="0.4s"> <h1>Kontakt Monport</h1> </div> <!-- Spa Title End --> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="contact-section__left wow fadeInUp" data-wow-duration="0.6s"> <h5>telefonisch oder MAIL</h5> <ul> <li><a href="tel:(+34)971238623" id="tel-hotel-contact">T (+34) 971 238 623</a></li> <li>Cala d'Egos, Finca la Noria</li> <li>07157 - Port D'andratx - Mallorca</li> <li>Telefon der Abteilung Buchung <a href="tel:34971200222" id="tel-booking-contact"> 971 200 222</a></li> <li>Stundenplan: </b>08:00 bis zum 17:00 von Mon bis Fre.</li> <li>An Wochenenden und zu Zeiten, die nicht innerhalb der Öffnungszeiten des Booking Department liegen, steht das Telefon des Hotels zur Verfügung.</li> </ul> </div> </div> <div class="col-sm-6 col-md-6"> <div class="contact-section__right wow fadeInUp" data-wow-duration="0.8s"> <h5>per E-Mail</h5> <form action="" method="post" id="formContact"> <div class="form-group"> <input type="text" name="asunto" class="form-control asunto-form" placeholder="Gegenstand"> </div> <div class="form-group"> <input type="text" name="nombre" class="form-control nombre-form" placeholder="Dein Name"> </div> <div class="form-group"> <input type="email" name="email" class="form-control email-form" placeholder="Deine E-Mail"> </div> <div class="form-group"> <textarea class="form-control mensaje-form" rows="7" name="mensaje" placeholder="Ihre Anfrage"></textarea> </div> <div class="form-group"> <input type="checkbox" name="terms" class="terms" /> <a href="de/begriffe_bedingungen" class="terms-link">Ich akzeptiere die Allgemeinen Geschäftsbedingungen</a> & <a class="terms-link" href="de/policy_privacity" rel="nofollow"> Datenschutz-Bestimmungen </a> </div> <button type="submit" class="btn btn-default">Senden</button> <p class="send-ok">Vielen Dank für Ihre Kontaktaufnahme. Wir werden uns so schnell wie möglich mit Ihnen in Verbindung setzen.</p> </form> <script type="text/javascript"> var __ss_noform = __ss_noform || []; __ss_noform.push(['baseURI', 'https://app-3QNCE793C2.marketingautomation.services/webforms/receivePostback/MzawMDEzMTAzBwA/']); __ss_noform.push(['endpoint', '85980819-0016-4eb3-9166-f47cbf825609']); </script> <script type="text/javascript" src=https://koi-3QNCE793C2.marketingautomation.services/client/noform.js?ver=1.24 ></script> </div> </div> </div> </div> </div> <!-- Contact Section End --> </div> <!-- content end --> <i class="clearfix"></i> <!-- 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">
-->