@import url("../js/fancybox/jquery.fancybox.css");
@import url("../request-form/datepicker.css");
@import url("swiper.css");
@import url("../request-form/request-form.css");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://use.typekit.net/aus2ycd.css");
@import url("https://use.typekit.net/pzw5qvr.css");

@font-face {font-family: Karla-Variable; src: url("../fonts/Karla-Variable.ttf");}


html,
body {font-size: 18px;font-family: Karla-Variable;font-weight: 330;color: rgb(173, 157, 131);background-color: rgb(173, 157, 131);margin: 0px;padding: 0px;}

:root { box-sizing: border-box; --primary-color: #ad9d83; --white: #ffffff;}
.btn_file{display:inline-block;padding:10px 20px;background:var(--primary-color);color:#fff;}
.btn_file:hover{background:#fff;color:var(--primary-color);}
.scroll-behavior: smooth;

h1 {margin: 0px; padding: 0px; font-weight: 200; font-size: 3rem;font-weight: 200;  line-height: 1.2;}
h2 {margin: 0px; padding: 10px 0px 30px;  font-family: Karla-Variable; font-size: 18px; font-weight: 390; line-height: 1.4;letter-spacing: 1px;}
h3 {font-size: 35px; font-family:"pf-marlet-display"; font-weight: 400; color: var(--primary-color); text-transform: uppercase; margin: 0;   margin-top: 0px; margin-top: 8%;margin-bottom: 10px;}
p,ul { padding: 0px; font-family: Karla-Variable;  font-size: 18px;line-height: 1.4;letter-spacing: 1px;font-weight: 300;list-style: inside;}
.block-con ul {list-style: none;}
.ul-inner{}
ul-inner{margin: 30px 0 0 0;}

li {}
a {text-decoration: none; color: inherit;}
a:hover { text-decoration: none;}
.h1{font-size: 35px; font-family:"pf-marlet-display"; font-weight: 400; color: var(--primary-color); text-transform: uppercase; margin: 0;   margin-top: 0px; margin-top: 8%;font-weight: 200;  line-height: 1.2;}
.h2{font-size: 19px;font-family: Karla-Variable;color: var(--primary-color);margin-top: 4%;line-height: 1.4; letter-spacing: 1px;}
.img_hidden_slide {width: 50px;  top: -100px;  position: absolute;}

.transition {transition: 0.3s;}
.header {position: absolute;z-index: 5;width: 100%; height: 73px;margin-top: 28px;}
.menu_button {position: absolute; color: rgb(255, 255, 255); display: none; top: 0px; left: 0px;width: 70px;height: 70px;cursor: pointer;}
.menu_button>span {position: absolute; left: 60%;transform: translateX(-50%);top: 44%;font-size: 17px;text-transform: uppercase;font-family: Karla-Variable;}
.menu_button-lines { width: 20px; height: 16px; position: absolute; top: 47%; left: 0px; display: none; transform: translateX(-50%);}
.menu_button-lines span { background-color: rgb(255, 255, 255); width: 100%; height: 1px; position: absolute; transition: 0.3s; left: 0px;}
.menu_button-lines span:nth-child(1) {top: 0px;}
.menu_button-lines span:nth-child(2) {top: 50%;transform: translateY(-50%);}
.menu_button-lines span:nth-child(3) {bottom: 0px;}
.header-open .menu_button-lines {transform: translateX(-50%) rotate(90deg);}
.header-open .menu_button-lines span:nth-child(1) {transform: rotate(45deg);top: 48%;}
.header-open .menu_button-lines span:nth-child(2) {opacity: 0;}
.header-open .menu_button-lines span:nth-child(3) { transform: rotate(-45deg); bottom: 46%;}
.header-open {opacity:0;}
.header-open.fixed {transition: 0.3s; transform: unset !important; background-color: var(--primary-color);opacity:1;}

.navigation { display: table; position: absolute; top: 0px; right: 0px; z-index: 3; margin: auto; width: 100%; height: 100%;}
.menu-back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--primary-color);transition: 0.8s cubic-bezier(.65,.05,.36,1) 0.2s;-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.header-open .menu-back {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);transition: 0.8s cubic-bezier(.65,.05,.36,1) 0s;}

.logo {position: absolute; left: 50%; transform: translateX(-50%);}



.logo img {width: 200px; transition:all 0.3s ease 0s;}
.logo-2 {position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%);opacity:0;}
.header.fixed .logo img {opacity:0;}

.header.fixed .logo-2 {opacity:1 !important;}


.header-top-links { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); margin-right: 60px; text-transform: uppercase; color: var(--white);}
.header-top-links a {font-family: Karla-Variable;font-size: 17px;padding: 12px;position: relative;}
.header-top-links a .text-links-img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 51px; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transition: all 0.4s ease 0s; width: unset !important; opacity: 0.3;}
.header-top-links a span {}
.header-top-links a:hover {}
.header-top-links a:hover .text-links-img {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.header-top-links a:hover span {}


.menu { margin: 0px; padding: 0px; display: block; text-align: left; position: absolute; z-index: 4;}
.menu-item { padding: 10px 13px; letter-spacing: 2px; cursor: pointer; display: inline-table; position: relative; text-decoration: none; box-sizing: border-box;}
.menu-item-active {}
.menu-item:hover {color: rgb(255, 255, 255);}
.submenu {display: none;}
.submenu-item {}
.submenu-item:hover {}
.menu_button { display: block; z-index: 10; font-weight: 400; margin-left: 50px;}
.menu_button-lines {display: block;z-index: 10;}
.navigation { position: fixed; margin: 0px auto; text-align: right; opacity: 0.001; pointer-events: none; height: 100vh; background-color: rgb(0, 0, 0); z-index: 4;}
.header-open.navigation {opacity: 1; pointer-events: all;}
.menu { top: 50%; left: 20%; transform: translateY(-50%); width: auto; background-color: rgb(108, 108, 108); box-sizing: border-box;}
.menu-item { display: block; width: 100%;}
.lang-text {background-color: rgb(170, 170, 170);}
.menu-other { position: relative;}
.menu-other-href { padding: 0px; text-align: left; background-color: rgb(170, 170, 170); margin: 1px 0px 0px;}
#s01 {position: relative;  display: none;}
#s02 {position: absolute; display: none;}
.s0-open { position: relative !important; display: block !important;}
.header.fixed { position: fixed; transform: translateY(-220%); transition: 0.3s;}
.header.fixed-2 { transition: 0.3s; transform: unset !important;}
.header.fixed .logo img {width: 73px;}
.header-open .menu-back {}
.header-open .menu-img-box {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);transition: 0.8s cubic-bezier(.65,.05,.36,1) 0.2s;}
.header-open .menu {opacity: 1;}
.header.fixed {}
.header.fixed.header-open {background-color: unset;border-bottom: unset;}
.slide { position: relative; height: calc(100vh);}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {position: relative; text-align: center;font-size: 18px;background: center center / cover no-repeat rgb(255, 255, 255);display: flex; -webkit-box-pack: center; justify-content: center;-webkit-box-align: center;
    align-items: center; height: 100%;}
.swiper_sfondo { object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform: scale(1); transition: 4s cubic-bezier(0.82, 0.01, 0.77, 0.78);}
.pag-box { bottom: 34px; left: 0px; display: table; width: 100%; height: auto; position: absolute; text-align: center; z-index: 3; box-sizing: border-box;}
.pagination { display: inline-table; position: relative; vertical-align: middle; width: 200px;}
.swiper-pagination-bullet { background: rgb(255, 255, 255); width: 12px; height: 12px; opacity: 0.3; margin: 0px 15px; display: inline-table; vertical-align: middle; transition: 0.3s; border: unset; border-radius: 50%; border-radius: unset; -webkit-clip-path: polygon(0 30%, 50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%);}
.swiper-pagination-bullet:first-child:last-child { display: none;}
.swiper-pagination-bullet-active { width: 12px; height: 12px; opacity: 0.8; position: relative; border-width: 1.5px;}
.slide-grad-1 { position: absolute; width: 100%; height: 30%; background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0)); opacity: 0.4; top: 0px; left: 0px; pointer-events: none; z-index: 1;}
.slide-grad-2 { position: absolute; width: 100%; height: 30%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0)); opacity: 0.4; left: 0px; bottom: 0px; pointer-events: none; z-index: 1;}

.whatsapp{position: fixed;bottom: 139px; right: 20px;z-index: 5;background-color: #000; width: 60px; height: 60px; transition: all 400ms ease 0s; text-align: center; border-radius: 50%;}
.whatsapp-img{width: 30px; top: 50%; position: relative; transform: translate(-100%, -50%); left: 50%; transition: all 400ms ease 0s;}
.intro-background {}
.intro-background-icon {position: absolute; top: 50%; transform: translateY(-50%); width: 42%; left: 0px; padding-left: 8%;}
.intro-background-icon img {width: 100%; opacity: 0.1;}
.navigation {display: table;  position: absolute; top: 0px; right: 0px; z-index: 3; margin: auto; width: 100%; height: 100%;}
.menu-img-box { top: 0; right: 0; box-sizing: border-box; position: absolute; width: 77%; height: 100vh; background-color: #848484; overflow: hidden; transition: 0.8s cubic-bezier(.65,.05,.36,1) 0s; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.menu-img {position:absolute;width: calc(100% + 30px);height: 100vh;left: -30px;background-position:left center;background-size: cover;opacity: 0;top: 0;transform:translateX(30px);transition:0.8s cubic-bezier(.65,.05,.36,1);}
.menu-img-active {opacity: 1;transform: unset;}
.menu { margin: 0px; padding: 0px; display: block; text-align: left; position: absolute; z-index: 4;}
.menu-item {padding: 10px 13px; letter-spacing: 2px; cursor: pointer; display: inline-table; position: relative; text-decoration: none; box-sizing: border-box; font-family:"pf-marlet-display"; font-size: 27px; text-transform: uppercase; letter-spacing: 4px;}
.menu-item-active {}
.menu-item:hover { color: rgb(255, 255, 255); text-decoration: none; scale: 1.05;}
.submenu {display: none;}
.submenu-item {}
.submenu-item:hover {}
.menu_button { display: block; z-index: 10; font-weight: 400; margin-left: 70px;}
.menu_button-lines { display: block; z-index: 10;}
.navigation { position: fixed; margin: 0px auto; text-align: right; opacity: 1; pointer-events: none; height: 100vh; background-color: transparent; z-index: 4;}
.menu { top: 50%; left: 0; transform: translateY(-50%); width: auto; box-sizing: border-box; width: 23%; height: 100%; align-content: center; padding-left: 5%; background-color: transparent; opacity: 0; transition: 0.3s ease 0.5s;}
.menu-item { display: table; width: auto; color: var(--white); letter-spacing: 6px;}
.lang-text {background-color: rgb(170, 170, 170);}
.menu-other { position: relative;}
.menu-other-href { padding: 0px; text-align: left; background-color: rgb(170, 170, 170); margin: 1px 0px 0px;}
#s01 { position: relative; display: none;}
#s02 { position: absolute; display: none;}
.s0-open { position: relative !important;  display: block !important;}
.prenota-btn-mob {display: none;}
.header.fixed { position: fixed; transform: translateY(-220%); transition: 0.3s; padding-top: 10px; margin-top: 0;}
.header.fixed-2 { transition: 0.3s; transform: unset !important; background-color: var(--primary-color);border-bottom: solid 1px #ffffff4a;}
.intro { width: 100%; position: relative; top: 0px; left: 0px; background-color: rgb(173, 157, 131); height: 100%;}
.overflow { background-image: url("../img/layout/main-bg.jpg"); top: 0px; position: relative; left: 0px; width: 100%; height: 100vh; background-size: cover; background-position: center center; opacity: 0.1; position: relative;}
.intro-background-icon img {}
.intro-content {height: 100%; width: 92%;position: absolute; top: 0px;left: 50%; transform: translateX(-50%);color: #fff;}
.intro-content img { width: 100%; height: calc(100% + 100px); object-fit: cover; left: 0; position: absolute; top: -150px;}
.intro-title { position: absolute; top: 11%; width: 26%; font-size: 28px; font-family:"pf-marlet-display"; font-weight: 200; color: var(--white); font-family: "pf-marlet-display"; line-height: 1.1;}
.intro-image-cut {width: 32%;height: 70%;left: 34%;position: absolute;top: 50%;transform: translateY(-50%);overflow: hidden;}
.intro-text { position: absolute; bottom: 14%; width: 26%; right: 0px; color: var(--white);}
.first-part { position: relative; top: 0; left: 0; width: 100%; height: 70vh; z-index: 1;}
.background-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 50% 89%, 50% 100%, 0% 100%);}
.background-img-back { position: absolute; top: -180px; left: 0; width: 100%; height: calc(100% + 100px); background-position: center; background-size: cover; background-image: url('../img/layout/camere.jpg');}
.first-part-inner p { font-size: 19px; font-family: Karla-Variable; color: var(--primary-color); position: relative; top: 14%; width: 70%; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1.4; letter-spacing: 1px;}
.first-part-inner h3 { font-size: 35px; font-family:"pf-marlet-display"; font-weight: 400; color: var(--primary-color); left: 0px; position: relative; top: 8%; line-height: 1; margin: 0px; text-align: center; text-transform: uppercase; margin-bottom: 18px; font-family: "pf-marlet-display";}
.first-part-inner-content { position: absolute; height: auto; width: auto; padding: 0; box-sizing: border-box; top: 50%; transform: translateY(-50%); width: 100%; padding: 10px;}
.background-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.slogan-img { width: 100%; height: 100%; top: 50%; position: absolute; transform: translateY(-50%); line-height: 1;}
.slogan-img img {}
.background-img .texture-round { position: absolute; width: 100%; height: 100%; object-fit: cover; left: -25%; overflow: hidden; object-position: center center; opacity: 0.4;}
.slogan-img span { position: absolute; left: 50%; transform: translate(-50%, -50%); line-height: 1; text-transform: uppercase; font-size: clamp(66px, 22vw, 382px); top: 50%; background-image: url("../img/layout/camere.jpg"); background-size: 107vw; background-position: center center; background-repeat: no-repeat; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-family:"pf-marlet-display"; filter: brightness(1.1); font-family: "pf-marlet-display";}
.slogan-img-text {position: relative;left: 0px;top: 0px;height: 100%;width: 100%;display: none;}
.first-part-inner { position: absolute; top: 50%; right: 50%; width: 38%; height: 78%; background-color: var(--white); opacity: 0.9; transform: translateY(-50%); max-width: 500px;}
.core-2 .first-part-inner {}
.slogan-vertikal-camere { position: absolute; font-size: 100px; font-family:"pf-marlet-display"; color: var(--white); display: table; transform: rotate(-90deg) translatex(-50%); transform-origin: top left; letter-spacing: 14px; text-transform: uppercase; height: 0; left: -103px; top: 50%; font-family: "pf-marlet-display";}
.first-part-inner-icon { width: 70px; position: relative; top: 0px; left: 50%; transform: translateX(-50%); margin-bottom: 19px;}
.first-part-inner a {}
.btn-group {}
.btn-neg:hover{color: #fff!important;}
.btn {font-size: 19px;font-family: Karla-Variable;text-transform: uppercase;padding: 14px 1.4rem;color: var(--white);display: inline-table;position: relative;transition: all 0.4s ease 0s;letter-spacing: 1px;}
.btn-area {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--primary-color);-webkit-clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 100% 300%, 50% 100%, 0 300%);clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 100% 300%, 50% 100%, 0 300%);transition: all 0.7s ease-in-out 0s;}
.btn-effect {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 51px;-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);transition: all 0.4s ease 0.35s;width: unset !important;opacity: 0.3;}
.btn span {position: relative;}
.btn:hover {color: var(--primary-color);}
.btn:hover .btn-area {-webkit-clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 100% -200%, 50% 0%, 0 -200%);clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 100% -200%, 50% 0%, 0 -200%);}
.btn:hover .btn-effect {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.btn:hover span {}
.second-part {width: 100%; position: relative; left: 0px; top: 0px; margin-top: -90px; height: 100vh;padding-bottom: 90px;}
.overflow-second-part { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: var(--white);}
.second-part-bg {background-image: url("../img/layout/eventi-bg.png"); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.2; background-size: cover;}
.second-part-content {width: 100%;}
.second-part-left { width: 31%; position: absolute; left: 0px; bottom: 0px;}
.second-part-left img { width: 90%; height: 62vh; object-fit: cover; z-index: 1; position: relative; padding-bottom: 26px;}
.border-div { position: absolute; width: 56%; height: 61%; border-top: 2px solid var(--primary-color); top: 21%; left: 14%; border-left: 2px solid var(--primary-color); border-right: 2px solid var(--primary-color); opacity: .4;}

.second-part-center { width: 34%; left: 33%; position: absolute; height: 50%; top: 54%; transform: translateY(-46%);}
.second-part-inner {position: absolute; padding: 10%; text-align: center;}
.second-part-inner img {width: 40px;}
.second-part-inner p {font-size: 19px; font-family: Karla-Variable; color: var(--primary-color); margin-top: 4%;line-height: 1.4; letter-spacing: 1px;}
.second-part-inner h3 { font-size: 35px; font-family:"pf-marlet-display"; font-weight: 400; color: var(--primary-color); text-transform: uppercase; margin: 0; margin-top: 8%; margin-bottom: 10px; font-family: "pf-marlet-display";}
.second-part-inner .btn-group {margin-top: 33px; cursor: pointer;}
.btn-group {}
.btn {}
.second-part-inner a {}
.second-part-right { width: 25%; right: 0; position: absolute;}
.second-part-right img { width: 100%; height: 57vh; object-fit: cover;}
.third-part { position: relative; top: 0px; left: 0px; width: 100%; height: 70vh; z-index: 1; overflow: hidden;}
.third-part .background-img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 89%, 0 89%);}
.third-part-inner p { font-size: 19px; font-family: Karla-Variable; color: var(--primary-color); position: relative; top: 0; width: 70%; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1.4;}
.third-part-inner h3 { font-size: 35px; font-family:"pf-marlet-display"; font-weight: 400; color: var(--primary-color); left: 0px; position: relative;top: 0;line-height: 1;margin: 0px; text-align: center; text-transform: uppercase;   margin-bottom: 18px;   font-family: "pf-marlet-display";}
.third-part-inner-content { position: absolute; height: auto; width: auto; padding: 0; box-sizing: border-box; top: 50%; transform: translateY(-50%); width: 100%;}
.third-part .background-img img {width: 100%; height: 100%;object-fit: cover;object-position: center top;}
.third-part .slogan-img { width: 100%; height: 100%; top: 50%; position: absolute; transform: translateY(-50%); line-height: 1;}
.slogan-img img {}
.third-part .background-img .texture-round {position: absolute; width: 100%; height: 100%; object-fit: cover; margin-left: unset; overflow: hidden; object-position: center center; opacity: 0.4; left: 25%;}
.third-part .slogan-img span { position: absolute; left: 50%; transform: translate(-50%, -50%); line-height: 1; text-transform: uppercase; font-size: clamp(42px, 18vw, 374px); top: 50%; background-image: url("../img/layout/positione.jpg"); background-size: 107vw; background-position: center center; background-repeat: no-repeat; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; overflow: hidden; filter: brightness(1.1);}
.third-part .slogan-img-text { position: relative; left: 0px; top: 0px; height: 100%; width: 100%; display: none;}
.third-part-inner { position: absolute; top: 50%; left: 50%; width: 38%; height: 78%; background-color: #ffffffe6; transform: translateY(-50%); max-width: 500px; z-index: 1;}
.third-part-inner-icon { width: 44px; position: relative; top: 0px; left: 50%; transform: translateX(-50%); margin-bottom: 19px;}
.third-part-inner a {}
.third-part .background-img-back {    background-image: url(../img/layout/positione.jpg);}
.btn-group { position: relative; left: 0px; width: 100%; height: auto; text-align: center; display: table; top: 0; margin-top: 20px; display: block;}
.btn {}
.slogan-vertikal-luogo { position: absolute; font-size: 100px; font-family:"pf-marlet-display"; color: var(--white); display: table; transform: rotate(90deg) translatex(-50%); transform-origin: top left; letter-spacing: 14px; text-transform: uppercase; height: 0; left: calc(100% + 104px); top: 50%; font-family: "pf-marlet-display";}

/* Footer */
footer { padding: 160px 5% 140px; color: #786e5a; box-sizing: border-box; margin-top: -90px; background-color: var(--white); position: relative;}
footer-inner2 {margin-top: unset;}
.footer-inner2 {margin-top: unset;border: 35px solid #ad9d83;}
.footer-first-part { float: left; width: 50%; box-sizing: border-box; padding: 0 2%; z-index: 1;}
.footer-second-part { float: left; width: 25%; box-sizing: border-box; padding: 0 2%; z-index: 1; position: relative;font-family: Karla-Variable;font-size: 19px;color: #ad9d83;line-height: 1.7;letter-spacing: 1px;font-weight: 350;}
.footer-third-part { float: left; width: 25%; box-sizing: border-box; padding: 0 2%; z-index: 1; position: relative;font-family: Karla-Variable;font-size: 19px;color: #ad9d83;line-height: 1.7;letter-spacing: 1px;font-weight: 350;}
footer::after { content: ""; display: table; clear: both;}
.title-line {padding-left: 40px;}
.footer-third-part img {height: 19px; padding: 10px;padding-left: 0;}
.footer-first-part img { width: 300px; max-width: 100%; height: auto; left: 47%; position: relative; transform: translateX(-53%);}
.logo-impressum-inter a {  display: flex; align-self: center;}

.sb-bottom {position: fixed;bottom: 119px;width: 100%;z-index: 3;transform: translateY(100%);-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;left: 0;border-top: solid 1px #ffffff4a;}
.sb-bottom-visible {transform: translateY(0%);}
.sb-bottom-away {transform: translateY(100%);}

.sb-mobile-button {display: none;}
.sb-mobile-button img {}
.sm-mobile-less {display: none;}
.sm-mobile-less img {}

footer h4 { font-family: "pf-marlet-display"; letter-spacing: 3px; text-transform: uppercase; color: var(--primary-color); position: relative; font-size: 25px; font-weight: 400;}
footer h4::before { content: ""; position: absolute; left: -40px; top: 50%; width: 32px; height: 2px; background: var(--primary-color); transform: translateY(-50%);}
footer p {color: var(--primary-color);   font-weight: 300;}
footer a {}
footer a:hover {text-decoration: underline;}
.language {}
.language a {display: inline-block;margin-right: 4px;font-weight: 600;}
.social a {display: inline-block;margin-right: 12px;}
.social img {width: 22px;height: 22px;vertical-align: middle;}
.overflow-footer {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.footer-bg { background-image: url(../img/layout/eventi-bg.png); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .2; background-position: center; pointer-events: all;}
.pad-imp { margin-bottom: 23px;}
.logo-impressum-inter img { width: auto; text-align: center; padding-left: 12px; height: 21px;}
.header-top-links .icon-links { display: none;}

.main-inner{color: #fff;margin: 0 auto;width: 94%;text-align: center;background-color: #ad9d83;padding: 3% 3%;margin-bottom: 90px;}
.h1{ padding: 0px;font-size: 35px; font-family:"pf-marlet-display"; font-weight: 200; text-align: center;margin: 0 auto;margin-top: 20px;}
.h2{margin: 0px;padding: 10px 0px 30px;line-height: 23px;font-family: Karla-Variable;font-size: 19px;font-weight: 400;letter-spacing: 1px;line-height: 1.3;}
.main-innter-text{font-family: Karla-Variable;color: #fff;margin-top: 4%;line-height: 1.4;letter-spacing: 1px;}
.intro-title-inner{   width: 100%;  font-size: 28px;  font-family:"pf-marlet-display"; font-weight: 200;  }
.intro-text-inner{}

/* Inner */
.second-part-2{margin-top: unset; height: 67vh; padding-bottom: unset;}
.second-part-center-2{height: unset;  top: unset;  position: relative;  transform: unset;}
.second-part-center-2{height: unset;  top: unset;  position: relative;  transform: unset;}
.second-part-inner2{position: relative;}

/* Inner */
.second-part-2{margin-top: unset; height: unset; padding-bottom: unset;position: absolute;position: relative;padding-bottom: 0 !important;}
.second-part-center-2{height: unset;top: unset;position: relative;transform: unset;width: 50%;left: unset;margin: 0 auto;}

.wellness-inner-loc{height: 400px !important;}
.wellness-inner{position: relative;  display: block;  margin: 0 auto;  width: 100%;  height: 590px;}
.wellness-img-inner{position: relative;  float: right;  margin: 0 auto;    margin-right: auto;  width: 50%;    height: 100%;  background-position: center center;  background-size: cover;  background-repeat: no-repeat;  overflow: hidden;}
.wellness-img1{width: 100%; height: 100%;object-fit: cover;}
.wellness-right{  height: 100%;  position: relative;  width: 50%;    top: 50%;  transform: translatey(-50%);  color: white !important;left: 0;}
.wellness-right li{ color: #fff !important;}

.wellness-right ul{ margin-bottom: 30px;}
.main-txtbox-wellness{position: relative;   top: 50%; transform: translate(0,-50%);  margin: 0 auto; text-align: center;display: block !important;width: 90% !important;left: 0;padding: unset !important;line-height: 1.4;}
.titel-welness{text-transform: uppercase;color: #fff;padding: 0px;font-size: 35px;font-family:"pf-marlet-display";font-weight: 200;text-align: center;margin: 0 auto;margin-top: 0px;margin-bottom: 20px;}
.wellness-right2{float: right;}
.wellness-img-inner2{float: left;}
.a-titel{font-weight: 700;}

.btn_request { background-color: transparent; text-decoration: none;color: #fff;/*! margin: 0 auto; *//*! padding: 12px 30px; *//*! margin-top: 10px; */text-align: center;/*! height: 52px; */top: 0px;position: relative;font-size: 17px;text-transform: uppercase;cursor: pointer;font-family: "Italiana", sans-serif;/*! font-weight: 600; */letter-spacing: 2px;width: 100%;max-width: 285px;border: unset;}
.btn_request_2 { background-color: transparent;             cursor: pointer;text-decoration: none;color: #444d32;font-size: 16px;border: solid 1px;margin: 0 auto;text-transform: uppercase;text-align: center;font-family: 'Belleza', sans-serif;top: 50px;position: relative;z-index: 3;text-align: center;transform: translate(-50%);left: 50%;padding: 16px 46px;display: inline-table;}
.btn_request:hover {  color: #ad9d83;}
.btn_request_2:hover {  background-color: #444d32;color: #f6f4e8;}
.request_box { /*! background-color: #444d32; */ /*! border: 0 none; */   color:#96aa80; display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; height: 52px;  margin: 21px auto 5px; padding: 0 15px; width: 100%; max-width: 250px;}
.routenplaner { width:100%; height:auto; position:relative; display:block; margin:0px; }
.row-col { width:100%; float:left; position:relative; margin: 50px auto 70px;/*! transform: translate(-50%); */top: 50%;/*! left: 50%; */text-align: center;z-index: 2;}
.row-col-text {   position:relative; transform: translate(-50%);top: 50%;left: 50%;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 100px;color: #444d32;font-size: 15px;font-family: 'Raleway', sans-serif;line-height: 1.5;color: #8D8D83;font-size: 20px;text-transform: uppercase;margin: 41px 0;line-height: 1.08;text-align: center;font-weight: 100;font-family: 'Belleza', sans-serif;}

.img_info_footer{text-align: center; background-color: #f4ece1; margin-bottom: 4px;position: relative;margin-bottom: 90px;}
.gal_footer{position: relative;  margin: 100px auto;  column-count: 1;  column-gap: 10px;  display: table;  text-align: center;  margin: 0 auto;  bottom: 0;  width: 100%;}
.gal_footer a{display: table-cell;  margin-bottom: 10px;  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  position: relative;  width: 33.33%;  overflow: hidden; border-right: solid 5px #f4ece1;}
.gal{}
.gal_footer a div{-webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  background-position: center;  background-size: cover;  background-color: #ccc;  width: 100%;  height: 20vw;  display: table;  position: relative;  left: 0;  top: 0;  transform: scale(1.01);}
.gal_footer a:hover div{transform: scale(1.1);}

.rooms-line{position: relative; display: table; width: 100%; height: auto; padding: 50px 0; background-color: #ad9d83; text-align: center;}
.room-types{font-size: 2em; text-align: center; border: 1px solid #fff; padding: 10px 10px; box-sizing: border-box; display: inline-table; width: 23.5%; color: #fff; margin: auto 0.5%; background-color: #ffffff0a; cursor: pointer;font-size: 30px;font-family:"pf-marlet-display";}
.room-types:hover{background-color: #ffffff26;}

.single-room{margin-bottom: 50px; width: 90%; height: auto; height: 730px; background-color: #fff; border-top: 1px solid #a88b69;margin: 0 auto;margin-bottom: 140px;transition: opacity 0.5s ease, visibility 0.5s ease;}
.room-photo{position: relative; float: left; width: 50%; height: 100%;}
.room-img{position: relative;  width: 100%;  height: 100%;  background-position: center center;  background-size: cover;  background-repeat: no-repeat;}
.room-info{position: relative; float: left; width: 50%; height: 100%; background-color: #f9f9f9;}
.room-info-inner{position: relative; display: block; width: 85%; max-width: 600px; overflow: hidden; margin: 0 auto; top: 50%; text-align: center; z-index: 2; transform: translate(0,-50%);}
.service-box{}
.room-types.active { background-color: #ffffff38; }
.scrollto-room{top: -210px;position: relative;}

.block{display: block; position: relative; overflow: auto; margin: 50px 0px; padding-bottom: 50px;width: 80%;margin: 0 auto;}
#w1{}
.block-inner{display: block; position: relative;}
.block-photos{width: 100%; height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 2;}
#p1{}
.block-con{display: none;  position: relative;  z-index: 1;}
#bc1{}
.block-con-inner{position: relative;  padding: 70px 20px 20px;background-color: #fff;text-align: center;}
.block-con-inner-ex{column-count: 2; text-align: left;column-gap: 70px;padding-left: 7%;padding-right: 7%;}
.is-h6{}
.block-button {position: absolute;  border: 10px solid #fefaf3;  bottom: 10px;  left: 50%;  transform: translate(-50%,0%);  background: #ad9d83;  color: #fff;  text-transform: uppercase;  font-weight: 500;  letter-spacing: 1px;  padding: 25px;  cursor: pointer;  margin-bottom: -40px;  transition: all 400ms ease 0s;z-index: 1;display: unset;border-bottom: unset;}
.block-button:hover{background-color: #fff;}
.is-bp-title{color: #fff; position: absolute; left: 50%; z-index: 2; font-size: 60px; font-family: "pf-marlet-display"; font-weight: 300; transform: translate(-50%); width: 100%; text-align: center;top: 20%; text-shadow: 1px 1px 11px #000; font-family: "pf-marlet-display";}


:root { --size: 15vw; --gap: 12px; } 
.wrap { display: grid; place-items: center; min-height: 100vh; } 
.tile { position: relative; overflow: hidden; background-image: none; transition: transform 0.3s ease, box-shadow 0.3s ease; } 
.tile::before { content: ""; position: absolute; inset: 0; background-image: var(--img); background-size: cover; background-position: center; transition: transform 0.3s ease; z-index: 0; } .tile:hover::before { transform: scale(1.05); } 
.mosaic { display: grid; grid-template-columns: repeat(5, var(--size)); grid-auto-rows: var(--size); gap: var(--gap); margin: 0 0 50px 0; } 
.tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%); pointer-events: all; cursor: pointer; z-index: 1; } 
.tile__text { position: absolute; left: 10px; right: 10px; bottom: 10px; color: #fff;  line-height: 1.2; text-shadow: 0 1px 2px rgba(0,0,0,.45); z-index: 2; font-size: 27px; font-family: "pf-marlet-display";}

.tile:nth-child(1) {grid-column: 3;grid-row: 1 / span 2;overflow: hidden;}
.tile:nth-child(2) {grid-column: 4;grid-row: 2;}
.tile:nth-child(3) {grid-column: 1;grid-row: 2 / span 2;}
.tile:nth-child(4) {grid-column: 2;grid-row: 2 / span 2;}
.tile:nth-child(5) {grid-column: 3;grid-row: 3;grid-column-end: span 2;}
.tile:nth-child(6) {grid-column: 5;grid-row: 3;}
.tile:nth-child(7) {grid-column: 2;grid-row: 4; grid-column-end: span 2;}
.tile:nth-child(8) {grid-column: 4;grid-row: 4;grid-row-end: span 1;}

.core-section { position:relative; display:block; width:100%; margin:-20px auto 0; cursor:default; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; padding:9px; overflow: auto;}
.core-row { position:relative; display:block; width:100%; margin:0 auto; }
.core { position:relative; display:block; width:100%;  margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; padding:9px; float:left; }
.core-con { position:relative; display:block; width:100%; margin:0 auto; overflow: hidden; height: 611px;text-align: center;}
.core-con2:hover { }
.core-bg { position:absolute; width:100%; height:88%; left:0; top:0; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.core-1 { width:50%; }
.core-2 { width:50%; }
.core-3 { width:32%; }
.core-4 { width:38%; }
.core-5 { width:30%; }
.core-3 .core-bg { background-image:url('../img/eventi/eve-1.jpg'); }
.core-4 .core-bg { background-image:url('../img/eventi/eve-2.jpg'); }
.core-5 .core-bg { background-image:url('../img/eventi/eve-3.jpg'); }
.core-over { position:absolute; width:100%; height:88%; left:0; top:0; background:linear-gradient(to top, #000, #00000073); opacity:0.2; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; }
.core-descr { position:absolute; left:50%; transform:translate(-50%,0); bottom:50%; width:90%; max-width:400px; text-align: center; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
.core-descr .vr {  }
.core-descr .sup { color:#fff; }
.core-descr .title { color:#fff; padding: 0px;font-size: 35px;font-weight: 200;text-align: center;margin: 0 auto;margin-top: 0px;margin-top: 20px;text-transform: uppercase;font-family: "pf-marlet-display";text-shadow: 1px 1px 11px #000;}
.txt { position:absolute; width:95%; line-height:26px; max-width:400px; left:50%; transform:translate(-50%,0); bottom:75px; opacity:0; color: #fff;text-align: center; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
.el .core:hover .core-descr { bottom:52%; display: block;}
.el .core:hover .core-over {opacity: 0.7;}
.core:hover .core-descr { bottom:52%; }
.core-1:hover .core-descr { bottom:320px; }
.core:hover .txt { bottom:190px; opacity:1; }
.core:hover .core-over { opacity:0.6; }
.core-descr .vr{}
.vr{color: #fff;text-align: center;font-size: 30px;text-shadow: 1px 1px 11px #000;}

.locali-img{object-fit: cover;background-size: cover;background-position: center;height: 100%;width: 100%;}

@media (max-width: 1200px) {.header-top-links .text-links {display: none;}
.header-top-links .icon-links {display: inline-block; }
.header-top-links .icon-links img {width: 20px;height: 20px;}
.header-top-links .icon-mail img {height: 24px;width: auto;}
.header-top-links {margin-right: 70px;display: flex;align-items: center;}
.core-1 {width: 100%;}
.core-2 {width: 100%;} 
.core-3 {width: 100%;}
.core-4 {width: 100%;}   
.core-5 {width: 100%;}   
.core-6 {width: 100%;}   
.core-7 {width: 100%;}
.core-8 {width: 100%;}   
.core-9 {width: 100%;}   
.core-10 {width: 100%;}      
.mosaic {grid-template-columns: repeat(auto-fit, minmax(90vw, 1fr));    grid-auto-rows: auto;  }
.tile {width: 100%;  height: 20vh;  aspect-ratio: unset;}
.tile:nth-child(1), .tile:nth-child(2), .tile:nth-child(3), .tile:nth-child(4), .tile:nth-child(5), .tile:nth-child(6), .tile:nth-child(7), .tile:nth-child(8) { grid-column: auto; grid-row: auto; }
}

@media (max-width: 1025px) {
.sb-bottom{bottom: 102px;}
}



@media (max-width: 900px) {
.whatsapp{bottom: 113px;right: 10px;width: 50px;height: 50px;}
.whatsapp-img{width: 25px;}
.menu-img-box {width: 100%;opacity: 0.2;}
.intro-image-cut {height: 14%; width: 100%; left: 0; position: absolute; top: 0; z-index: -1; opacity: .3; opacity: 1; height: 90vw; position: relative; transform: unset; margin-bottom: 20px;}
p,ul{font-size: 16px;font-weight: 320;}
.logo img {width: 100px;}
.header-top-links {margin-right: 30px;display: flex;align-items: center;}
.menu_button>span {display: none;}
.slide {position: relative;height: calc(65vh);}
.intro-title h1 {font-size: 32px;    }
.h1{ font-size: 26px;}
.h2{font-size: 16px;line-height: 1.3;}
.h3{ font-size: 26px;}
h3{ font-size: 26px;}
.menu_button {margin-left: 47px;    }
.overflow { height: auto;}
.intro {padding: 0; height: auto; position: relative; padding: 35px 0; padding-top: 0;}
.intro-content {text-align: center; width: 70%; height: auto; position: relative;}
.main-txtbox-wellness{/*! position: absolute; */width: 100% !important;top: unset;transform: unset;}
.intro-title { width: auto; position: relative; padding-top: 6vw; top: 0; padding-bottom: 6vw;   }
.intro-content img { height: 14%; width: 100%; left: 0; position: absolute;top: 0; z-index: -1; opacity: .3; opacity: 1; height: 90vw; position: relative; transform: unset; margin-bottom: 20px; height: 100%; top: 0; transform: unset !important;}
.intro-text { width: auto; position: relative; top: 0; display: inline; /*! bottom: unset; */ display: block;    top: calc(10px + 6vw);margin-bottom: calc(20px + 10vw);}
.intro-background-icon {display: none;}
.prenota-btn-mob {display: block;position: fixed;bottom: 0;width: 100%;height: 60px;background-color: #ad9d83;color: #fff;left: 0;z-index: 1;padding: 15px;box-sizing: border-box; text-align: center; font-size: 25px; font-family: 'Karla-Variable'; z-index: 3; bottom: calc(0px + 0px);   border-top: solid 1px #ffffff4a;}

.first-part {}
.background-img {}
.background-img-back {}
.first-part-inner p { width: 85%;  font-size: 16px; letter-spacing: .2px; line-height: 1.3;    }
.titel-welness{font-size: 26px;margin: 25px auto 10px;}
.menu { box-sizing: border-box; width: 100%; height: 100%; align-content: center; padding-left: 10%;    }
.first-part-inner h3 {font-size: 26px; }
.first-part-inner-content {}
.background-img img {}
.slogan-img {}
.slogan-img img {}
.background-img .texture-round {display: none;}
.slogan-img span {top: 11%;background-position: top center;}
.slogan-img-text {}
.first-part-inner {position: absolute; top: 50%; right: 25%; width: 86%; max-width: 400px;}
.core-2 .first-part-inner {}
.slogan-vertikal-camere {font-size: 65px;left: -70px;}
.first-part-inner img {width: 60px;  }
.first-part-inner a {padding: 15px 25px;}
.second-part {margin-top: 0px;height: unset;padding-bottom: 30vh;}
.overflow-second-part {}
.second-part-bg {opacity: 0.1;}
.second-part-content {}
.second-part-left {     width: 50%;width: 50%;top: unset;height: 25vh;}
.second-part-left img {height: 100%;width: 100%;}
.border-div {left: 6%; width: 86%;    top: 25%;display: none;}
.second-part-center {   width: 90%;top: 26%;margin: 0 auto;transform: unset;position: relative;left: unset;padding-top: 22vh;}
.second-part-center-2{left: 0 !important;width: 100% !important;padding-top: 50px !important;}
.second-part-inner {padding: 5%;position: relative;}
.second-part-inner img {}
.second-part-inner p { font-size: 16px; letter-spacing: .2px; }
.second-part-inner h3 {font-size: 26px;}
.second-part-inner .btn-group { margin-top: 33px;}
.btn-group {margin-top: 20px;margin-bottom: 20px;}
.btn {margin: 3px;font-size: 16px;min-width: 135px;}
.second-part-inner a {}
.second-part-right {width: 50%;top: -63px;height: 25vh;}
.second-part-right img {height: 100%;}
.third-part {}
.third-part .background-img {clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%);}
.third-part-inner p {font-size: 16px;letter-spacing: .2px;line-height: 1.4;width: 100%;}
.third-part-inner h3 {font-size: 26px;}
.third-part-inner-content {padding: 0 10px;}
.third-part .background-img img {}
.third-part .slogan-img {}
.slogan-img img {}
.third-part .background-img .texture-round {}
.third-part .slogan-img span {top: 10%;background-position: top center;}
.third-part .slogan-img-text {}
.third-part-inner {width: 86%;left: 12%;}
.third-part-inner-icon {}
.third-part-inner a {padding: 15px 25px;}
.slogan-vertikal-luogo {font-size: 65px; left: calc(100% + 70px);}
footer { padding: 120px 1px 90px;}
.footer-first-part { float: left; width: 100%; margin-bottom: 21px;}
.footer-first-part img { width: 110px; height: auto; margin: 0 auto; position: relative; left: 50%; transform: translate(-50%);}
.footer-second-part,.footer-third-part { float: left; width: 50%; box-sizing: border-box; padding: 0 4%; text-align: center;}
.title-line {padding-left: 0;}
footer h4::before {left: 0;display: none;}
.footer-second-part, .footer-third-part {float: none;width: 100%;}
.language,.logo-impressum-inter {text-align: center; display: inline-table;}

.rooms-line{padding: 25px 0;}
.room-types{font-size: 22px;margin: 1%;}
.room-types:hover{}

.single-room{margin-bottom: 25px; height: auto;}
.room-photo{width: 100%; display: block;float: none; width: 100%; height: 300px;}
.room-img{position: relative; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.room-info{width: 100%; display: block;float: none; position: relative; display: table;   width: 100%; height: auto;}
.room-info-inner{width: 90%;top: unset;transform: unset;}
.service-box{}
.room-types.active {}

.img_info_footer{}
.gal_footer{}
.gal_footer a{width: 100%; display: block;height: 20vh;border-right: unset;}
.gal{}
.gal_footer a div{height: 100%;}
.gal_footer a:hover div{}

.wellness-inner-loc{}
.wellness-inner{height: 100%;display: grid;margin-bottom: 30px;}
.wellness-img-inner{height: 20vh;display: block;width: 100%;position: relative;}
.wellness-img1{}
.wellness-right{display: block;width: 100%;transform: unset;top: 0;}
.wellness-right li{}  

.block{width: 100%;}    
.block-photos{height: 250px;}   
.block-button{bottom: -30px;text-align: center;}     

.block-con-inner {column-count: 1!important;}
.block-con-inner-ex{column-count: 1; text-align: left;column-gap: unset;padding-left: 20px;padding-right: 20px;}
   
.core-descr .title{font-size: 40px !important;}
.txt{opacity: 1;top: 0;bottom: unset;position: relative;transform: unset;left: unset;text-align: center;width: 90%;display: inline-block;}
.txt:hover{/*! top: 100px; */bottom: unset;}
.core:hover .core-descr{bottom: unset;display: block;}    
.core-descr {bottom: unset;} 
    
.footer-inner2{border: 5px solid #ad9d83;padding: 70px 2px 90px;}
.is-bp-title{font-size: 40px;top: 35%; position: relative;}
.core-con{height: unset;padding: 30px 0px 130px;}    
.core-descr{position: relative;}  
.core-over{background: black;opacity: 0.5;}

.vr{font-size: 24px; }  
}


@media (max-width: 720px) {
.sb-bottom{display: none;}
.whatsapp{bottom: 73px; }
.slogan-img span { font-size: clamp(56px, 15vw, 313px); }
}



@media (max-width: 650px) {
.first-part-inner {right: 0;}
.third-part-inner {left: 0;}
.intro-content {width: 90%;}
}

@media (max-width: 450px) {
.overflow {height: auto;}
.slogan-vertikal-camere {font-size: 45px;left: -48px;}
.slogan-vertikal-luogo {font-size: 45px;left: calc(100% + 48px);}

.intro {padding: 25px 0;padding-top: 0;}
.intro-content img {padding-bottom: 5vw;}
.intro-title {font-size: 1.5rem;}
.intro-text h2 {font-size: 1.1rem;}
.logo-impressum-inter a { display: flex; align-self: center;}
.header-top-links a { font-family: Karla-Variable; font-size: 17px; padding-left: 15px;}
.second-part-right { }
.second-part-right img {}
.second-part-left {}
.second-part-left img { }
.second-part-center { width: 90%;  /*! top: 26%; */margin: 0 auto;transform: unset;position: relative;left: unset;padding-top: 164px;}
footer p { margin: 0 0 10px;}
}

/* galleria  */
.gal { width: calc(100% - 60px); position: relative; margin: 40px auto; column-count: 3; column-gap: 29px; display: block !important;padding: 0 0 50px;}
.gal a { display: block; margin-bottom: 30px; position: relative; transition: 300ms;}
.gal img { width: 100%;  opacity: 0;  transform: translateY(50%);  transition: 500ms;}
.gal a:hover { opacity: 0.8;}
.gal img.active {  opacity: 1;  transform: translateY(0%);}
.intro-inner-small-padding { padding-bottom: 15vh;}
.intro-inner-no-padding {   padding-bottom: 1vh;}

@media (max-width: 900px) { 
    .gal { width: calc(100% - 30px); margin: 30px auto; column-count: 1;}
    .gal a {display: block; margin-bottom: 18px;position: relative;sition: 300ms;}
}


a.temp_booking, a.temp_booking:link, a.temp_booking:visited, a.temp_booking:active {
	display: block;
	position: fixed;
	bottom: 0px; right: 0px;
	padding: 18px 30px 18px 60px;
	color: #fff;
	background: #93856f url("../img/book_now.png") center left no-repeat;
	z-index: 100000;
	font-size: 26px; text-transform: uppercase;
	text-decoration: none;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a.temp_booking:hover {
	background: #796d5b url("../img/book_now.png") center left no-repeat;
}

@media (max-width: 900px) { 
	a.temp_booking, a.temp_booking:link, a.temp_booking:visited, a.temp_booking:active {
		width: 100%;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		text-align: center;
		background: #93856f;
		padding: 15px 30px 15px 30px;
	}
	a.temp_booking:hover {
		background: #796d5b;
	}
}