@media only screen and (min-width: 1024px) { .container_1600{ max-width: 1600px; } .container_1440{ max-width: 1440px; } .container_1200{ max-width: 1200px; } .container_box_home{ max-width: 1280px; } .flex{ display: flex; align-items: top; } .div_50{ width: 50%; } .div_75{ width: 75%; } .div_25{ width: 25%; } .div_20{ width: 20%; } .div_66{ width: 66%; } .div_33{ width: 33%; } .div_60{ width: 60%; } .div_40{ width: 40%; } input[type=submit]{ font-size: 22px; padding: 15px; } .titolo1{ color: #0B2344; margin-top:100px; font-size: 65px } .titolo2{ color: #121212; margin-top:-80px; font-size: 42px } #logo{ width: 120px; position: absolute; margin-left: 50%; left: -60px } .button_rounded{ width: auto; display: inline; font-size: 22px; padding: 10px 50px ; } #menu a { margin-left: 25px; } #top h1{ font-size: 60px; } #top_text{ margin-top: 100px; } h2{ font-size: 45px; } #image_puzzle div:nth-child(1){ width: 59%; z-index: 1; } #image_puzzle div:nth-child(2){ width: 40%; z-index: 1; position: absolute; left: 40%; top: 62%; } #image_puzzle div:nth-child(3){ width: 25%; z-index: 1; position: absolute; right: 10%; top: 42%; } a.bottone { font-size: 16px; } .padding_desktop{ padding: 0px 30px ; box-sizing: border-box; } .padding_desktop_topbottom{ padding: 60px 0px ; box-sizing: border-box; } #box_form .div_50, #box_form .div_75, #box_form .div_100 { margin: 15px; box-sizing: border-box; } #form_desktop_top{ margin-top: -130px; } .fontsize_biglarge{ font-size: 75px; line-height: 1.4em; } .fontsize_normal{ font-size: 25px; line-height: 1.4em; color: #9d6494; font-weight: 700; } .fontsize_normal_onBackground{ font-size: 25px; line-height: 1.4em; } .fontsize_small{ font-size: 18px; line-height: 1.4em; } .titolo2{ color: #fff; margin-top:20px; font-size: 42px } .padding_large{ padding: 64px ; } /*da qua*/ #bg_home{ background-image: url(../img/home.jpg); background-repeat: no-repeat; background-position: top center; width: 100%; height: 840px; display: inline-block; text-align: center; padding-top: 50px; background-size: auto; } #bg_home h1{ font-size: 80px; font-weight: 700; } #bg_home h2{ font-size: 60px; font-weight: 300; } #bg_home .tagline_punti h2{ font-size: 36px; } #bg_home .tagline_punti h1{ font-size: 80px; } #header_logo{ width: 185px; height: 50px; } #header_menu { text-align: center; display: block; } .navigation_bar__icons span { padding-top: .8rem; } .navigation_bar__icons svg { padding: .8rem; } #menu_language{ top: 45px; } #menu_language a{ font-size: 16px; } #maxi_menu_body{ display: flex; } #maxi_menu_div_categorie{ width: 33%; height: 100%; position: relative; margin-top: 0px; } #maxi_menu_categorie a{ font-size: 34px; background-image: none; padding: 20px ; } #maxi_menu_categorie a:hover, #maxi_menu_categorie a.active{ background-image: none; } #maxi_menu_categorie a.active::after { padding-top: 0.8rem; } #maxi_menu_video, #maxi_menu_div_sottocategorie{ display: inline-block; background-color: #F8F8F8; } #maxi_menu_body .maxi_menu_padding{ padding: 12rem 4rem 0rem 4rem; } .mobile_sottocategoria{ display: none !important; } .box_dettaglio { margin-top: -74px; width: 65%; padding: 15px ; display: inline-block; margin-top: 0px; } .box_prenota{ width: 34%; margin-top: -91px; margin-bottom: 100px; margin-left: 5px; display: inline-block; padding: 25px; position: sticky; top:0px; vertical-align: top; } .dettaglio_title{ margin-top: 50px; font-size: 20px; } .menu_dettaglio a { padding-left: 25px; padding-right: 25px; font-size: 14px; } .anchor{ padding: 0px 0px 0px 0px; } #bg_home .box_dettaglio h1{ text-align: left; font-size: 37px; display: inline-block; } #bg_home .box_dettaglio h2{ textÿli 꾙翴left; } #bg_home .box_dettaglio h3{ line-height: normal; font-size: 19px; } #dettaglio_img_principale{ display: inline-block; width: 100%; position: relative; height: 650px; margin-top: 30px; } #dettaglio_img_principale img{ object-fit: cover; width: 100%; height: 650px; } #dettaglio_logo{ position: absolute; top: 25px; right: 25px; width: 180px; height: 180px; } #dettaglio_logo img{ object-fit: cover; width: 180px; height: 180px; } .box_servizi{ width:32%; display:inline-block; vertical-align:top; margin:15px 0px } #header_dettaglio_sx{ float: left; } #header_dettaglio_dx{ padding: 19px 0px; } .valutazione{ font-size: 37px; } .valutazione span.big{ font-size: 55px; font-weight: 400; } .valutazione span.small{ font-size: 24px; font-weight: 400; } img.box_eventi_img{ padding-right: 20px; } #bg_home .box_dettaglio p{ padding-right: 10px; padding-left: 0px; } .dettaglio_orari_sx{ border-right: 1px solid #CCC ; border-bottom: 0px solid #CCC ; width: 50%; padding-right: 30px; } .dettaglio_orari_dx{ padding-left: 30px; border-bottom: 0px solid #CCC ; padding-bottom: 0px; margin-bottom: 0px; width: 50%; } .dettaglio_menu_item_sx{ float: left; } .dettaglio_menu_item_dx{ float: right; margin-bottom: 0px; } .recensioni_box{ padding-left: 20%; padding-right: 20%; } .dettaglio_review{ padding-left: 0px; padding-right: 0px; } .dettaglio_review_order { width: 250px; float: right; } .dettaglio_review_item_header{ display: inline-block; } .dettaglio_review_media_voti_mobile{ display: none; } .dettaglio_review_item_comment{ width: 61%; border-right: 2px solid #EBEBEB ; } .dettaglio_review_item_options{ display: inline-block; } #prenota_tavolo_mobile{ display: none; } .recensioni_box_sx{ padding-right: 50px; font-size: 15px; } .recensioni_box_dx{ padding-left: 50px; } .div_2_sopra div{ text-align: center; } .div_2_sopra div:last-child{ margin-left: -50px; } /**** div colorato con la foto ad l desktop ****/ .div_foto_ad_l{ margin: 80px 0px; padding-top: 3rem; display: flex; align-items: end; padding-left: 6rem; padding-right: 6rem; } .div_foto_ad_l div:first-child{ width: 30%; padding: 0px ; } .div_foto_ad_l div:last-child{ width: 70%; } .div_foto_ad_l section{ padding: 50px; width: 166%; z-index: 1; position: relative; background-color: #000000ad; box-sizing: border-box; } .div_foto_ad_l div:last-child{ margin-left: -50px; margin-top: 50px; margin-bottom: 0px; } /**** fine div colorato con la foto ad l desktop ****/ /** DIV BIANCO CON bordo***/ .div_border_white{ margin: 80px 20px; padding-top: 3rem; padding-bottom: 3rem; padding-left: 6rem; padding-right: 6rem; width: calc(100% - 40px); } /** FINE DIV BIANCO CON bordo***/ /** DIV BIANCO CON bordo page interna***/ .div_border_white_page{ margin: 0px 20px; padding-top: 3rem; padding-bottom: 3rem; padding-left: 6rem; padding-right: 6rem; width: calc(100% - 40px); margin-bottom: -1px; border: 1px solid #cfcfce ; } /** FINE DIV BIANCO CON bordo page interna***/ /** DIV NERO***/ .div_black{ margin: 80px 20px; padding-top: 3rem; padding-bottom: 3rem; padding-left: 6rem; padding-right: 6rem; width: calc(100% - 40px); } /** FINE DIV NERO***/ /** DIV GREY MAPS***/ .div_maps{ margin: 80px 20px 0px 20px; width: calc(100% - 40px); } .div_maps_half{ width: 50%; border-right: 1px solid #cfcfce; box-sizing: border-box; padding-left: 6rem; padding-right: 6rem; padding-top: 3rem; padding-bottom: 3rem; float: left; } .div_maps_half:last-child{ border-right: 0px solid #333; } .div_border_bottom{ padding:2em 0em; } /** DIV GREY MAPS***/ /*page interna*/ .div_2_page{ margin-top:-160px; } .div_2_page div{ width: 50%; } .div_2_page div:last-child{ margin-left: -100px; margin-top: 160px; padding: 40px ; font-size: 18px; color: #333; } /*page interna*/ .div_2_author{ width: 100%; margin: 80px 0px; } .div_2_author div{ padding: 40px ; width: 50%; } .div_2_author .div_border_bottom_20{ padding-right: 100px; } .div_2_author div:last-child{ margin-left: -100px; margin-top: 50px; padding: 0px ; } .item_topics{ padding: 40px ; margin: 2%; } .item_topics:first-child{ margin-left: 0%; } .item_topics:last-child{ margin-right: 0%; } .box_news{ font-size: 16px; } .box_news div:first-child{ padding-right: 100px; } .item_stories_new{ display: inline-block !important; width: 32.5% !important; margin: 0px; vertical-align: top; padding: 15px; box-sizing: border-box; } #attivita_box_padding{ padding: 20px ; } #attivita_box{ padding: 50px 30px; } #attivita_box_sx{ float: left; width: 25%; } #attivita_box_dx{ float: left; width: 73%; margin-left: 2%; margin-top: 0px; } #box_filtri{ display: inline; position: relative; width: 100%; height: 100%; z-index: 0; padding: 0; } .attivita_item{ float: left; width: 33%; padding: 1% ; box-sizing: border-box; margin-bottom: 0px; } .attivita_item_img { height: 200px; } .attivita_item_img img { height: 250px; } .attivita_preferiti{ top: 180px; right: 25px; } #box_filtri_maps{ width: 20%; padding: 20px ; } #map{ width:80%; left: 20%; } #box_bread_maps{ position: absolute; z-index: 101; left: 20%; top: 4px; padding: 10px; right: 120px; } #container_eventi{ margin-top: -80px; } #box_newsletter{ padding: 50px 35px ; font-size: 46px; } #box_newsletter strong{ font-weight: 600; } #box_banner{ width: 700px; height: auto; top: 0px; font-size: 36px; bottom: auto; left: 100px; top:50%; transform:translateY(-50%); padding: 40px ; } #container_footer{ background-image: url(../img/bg_footer.png); background-repeat: no-repeat; background-position: right center; padding-bottom: 70px; } #footer_text{ padding-right: 50px; box-sizing: border-box; } #copyrights{ font-size: 16px; } #copy_kreisa{ margin-top: 0px; } .h3_home{ font-size: 56px; } .h4_home{ font-size: 42px; line-height: 1.4em; font-weight: 700; margin: 0px; } img.home_vertical{ height: 450px; margin: 0px 10px; } .swiper_another .swiper-slide.swiper-initial { width: calc(100% - 1730px) !important; display: block; } .swiper_another .swiper-slide{ width: 20%; margin-right: 30px; } .item_home_step{ padding: 20px; } #menu_info{ padding-top: 30px; } .box_page_sx{ margin: 0px; width: 50% !important; } .menu_page{ padding: 25px ; } .menu_page a{ font-size: 22px; } .swiper_another .swiper-slide img{ height: 380px; } .mobile{ display: none; } .tablet{ display: none; } .desktop{ display: block; } .mobile_inline{ display: none !important; } .desktop_inline{ display: inline-block !important; } }