{"id":8,"date":"2026-04-07T09:22:10","date_gmt":"2026-04-07T09:22:10","guid":{"rendered":"https:\/\/biancabrotto.com\/?page_id=8"},"modified":"2026-05-03T10:17:40","modified_gmt":"2026-05-03T10:17:40","slug":"homepage","status":"publish","type":"page","link":"https:\/\/biancabrotto.com\/de\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6475bf e-con-full e-flex e-con e-parent\" data-id=\"d6475bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8968064 elementor-widget elementor-widget-html\" data-id=\"8968064\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  PARTE 2 \u2014 WIDGET HTML ELEMENTOR (Hero Section)\r\n  \r\n  PREREQUISITO: GSAP caricato nell'head del sito (vedi Parte 1)\r\n  \r\n  SETUP ELEMENTOR:\r\n  - Sezione genitore \u2192 Layout: Altezza min 100vh\r\n  - Sezione genitore \u2192 Avanzato: Padding 0, Overflow hidden\r\n  - Colonna \u2192 Padding 0\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');\r\n\r\n  \/* \u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 600px;\r\n    overflow: hidden;\r\n    background-color: #0e1a26;\r\n  }\r\n\r\n  \/* \u2500\u2500 Background \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-hero__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n  }\r\n\r\n  .qh-hero__bg img {\r\n    width: 100%;\r\n    height: 120%;\r\n    object-fit: cover;\r\n    object-position: center 30%;\r\n    position: absolute;\r\n    top: -10%;\r\n    left: 0;\r\n    will-change: transform;\r\n  }\r\n\r\n  .qh-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.15);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u2500\u2500 Testi \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-hero__text-layer {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .qh-hero__text {\r\n    position: absolute;\r\n    font-family: 'Playfair Display', serif;\r\n    color: #f4f2ee;\r\n    letter-spacing: 3px;\r\n    line-height: 0.85;\r\n    white-space: nowrap;\r\n    will-change: transform;\r\n    text-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  \/* \u2500\u2500 Desktop (>1024px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-hero__text--vacanze {\r\n    font-size: clamp(100px, 11.5vw, 160px);\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n    top: 25%;\r\n    left: 2%;\r\n  }\r\n\r\n  .qh-hero__text--di {\r\n    font-size: clamp(100px, 11.5vw, 160px);\r\n    font-weight: 400;\r\n    text-transform: uppercase;\r\n    top: 47%;\r\n    right: 8%;\r\n  }\r\n\r\n  .qh-hero__text--qualita {\r\n    font-size: clamp(100px, 11.5vw, 160px);\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    bottom: 6%;\r\n    left: 18%;\r\n  }\r\n\r\n  \/* \u2500\u2500 Scroll hint \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-hero__scroll-hint {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    opacity: 0;\r\n  }\r\n\r\n  .qh-hero__scroll-hint span {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 12px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #f4f2ee;\r\n  }\r\n\r\n  .qh-hero__scroll-hint svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #f4f2ee;\r\n    fill: none;\r\n    stroke-width: 2;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (768px \u2013 1024px)\r\n     Testi grandi e impattanti\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .qh-hero__text--vacanze {\r\n      font-size: clamp(80px, 13vw, 130px);\r\n      top: 22%;\r\n      left: 3%;\r\n    }\r\n    .qh-hero__text--di {\r\n      font-size: clamp(80px, 13vw, 130px);\r\n      top: 43%;\r\n      right: 8%;\r\n    }\r\n    .qh-hero__text--qualita {\r\n      font-size: clamp(80px, 13vw, 130px);\r\n      bottom: 10%;\r\n      left: 10%;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE LANDSCAPE + SMALL TABLET (481px \u2013 768px)\r\n     Testi grandi, riempiono bene lo schermo\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 768px) {\r\n    .qh-hero {\r\n      min-height: 100svh;\r\n    }\r\n\r\n    .qh-hero__text {\r\n      letter-spacing: 2px;\r\n    }\r\n\r\n    .qh-hero__text--vacanze {\r\n      font-size: clamp(64px, 16vw, 110px);\r\n      top: 20%;\r\n      left: 4%;\r\n    }\r\n\r\n    .qh-hero__text--di {\r\n      font-size: clamp(64px, 16vw, 110px);\r\n      top: 40%;\r\n      right: 8%;\r\n    }\r\n\r\n    .qh-hero__text--qualita {\r\n      font-size: clamp(64px, 16vw, 110px);\r\n      bottom: 12%;\r\n      left: 6%;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE PORTRAIT (\u2264480px)\r\n     Testi ancora grandi e leggibili\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 480px) {\r\n    .qh-hero {\r\n      min-height: 100svh;\r\n    }\r\n\r\n    .qh-hero__text {\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .qh-hero__text--vacanze {\r\n      font-size: clamp(52px, 18vw, 90px);\r\n      top: 22%;\r\n      left: 4%;\r\n    }\r\n\r\n    .qh-hero__text--di {\r\n      font-size: clamp(52px, 18vw, 90px);\r\n      top: 42%;\r\n      right: 6%;\r\n    }\r\n\r\n    .qh-hero__text--qualita {\r\n      font-size: clamp(52px, 18vw, 90px);\r\n      bottom: 14%;\r\n      left: 4%;\r\n    }\r\n\r\n    .qh-hero__scroll-hint span {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"qh-hero\" id=\"qhHero\">\r\n\r\n  <div class=\"qh-hero__bg\">\r\n    <!-- SOSTITUISCI con URL dalla tua Media Library -->\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/6828AF71-00C9-4D21-B18B-2E80FD144E00_1_105_c.jpeg\"\r\n         alt=\"Villa con piscina vista mare\" loading=\"eager\" id=\"qhBg\" \/>\r\n  <\/div>\r\n\r\n  <div class=\"qh-hero__overlay\"><\/div>\r\n\r\n  <div class=\"qh-hero__text-layer\">\r\n    <div class=\"qh-hero__text qh-hero__text--vacanze\" id=\"qhVacanze\">VACANZE<\/div>\r\n    <div class=\"qh-hero__text qh-hero__text--di\" id=\"qhDi\">DI<\/div>\r\n    <div class=\"qh-hero__text qh-hero__text--qualita\" id=\"qhQualita\">Qualit\u00e0<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"qh-hero__scroll-hint\" id=\"qhScrollHint\">\r\n    <span>Scopri<\/span>\r\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- \u2500\u2500 GSAP Parallax \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  \/* Controlla che GSAP sia caricato *\/\r\n  if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n    console.warn('QH Hero: GSAP o ScrollTrigger non trovato.');\r\n    var els = document.querySelectorAll('.qh-hero__text');\r\n    for (var i = 0; i < els.length; i++) {\r\n      els[i].style.opacity = '1';\r\n      els[i].style.visibility = 'visible';\r\n    }\r\n    var hint = document.getElementById('qhScrollHint');\r\n    if (hint) { hint.style.opacity = '0.7'; }\r\n    return;\r\n  }\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  var hero       = document.getElementById('qhHero');\r\n  var bg         = document.getElementById('qhBg');\r\n  var vacanze    = document.getElementById('qhVacanze');\r\n  var di         = document.getElementById('qhDi');\r\n  var qualita    = document.getElementById('qhQualita');\r\n  var scrollHint = document.getElementById('qhScrollHint');\r\n\r\n  if (!hero) return;\r\n\r\n  \/* \u2500\u2500 1. INTRO FADE-IN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  gsap.set([vacanze, di, qualita], { autoAlpha: 0, y: 60 });\r\n  gsap.set(scrollHint, { autoAlpha: 0, y: 10 });\r\n\r\n  var introTl = gsap.timeline({ defaults: { ease: 'power3.out' } });\r\n\r\n  introTl\r\n    .to(vacanze, { autoAlpha: 1, y: 0, duration: 1.2 }, 0.3)\r\n    .to(di,      { autoAlpha: 1, y: 0, duration: 1.0 }, 0.6)\r\n    .to(qualita, { autoAlpha: 1, y: 0, duration: 1.2 }, 0.9)\r\n    .to(scrollHint, { autoAlpha: 0.7, y: 0, duration: 0.8 }, 1.4);\r\n\r\n  \/* Bounce loop scroll hint *\/\r\n  gsap.to(scrollHint, {\r\n    y: 8,\r\n    duration: 1.2,\r\n    ease: 'sine.inOut',\r\n    repeat: -1,\r\n    yoyo: true,\r\n    delay: 2.5\r\n  });\r\n\r\n  \/* \u2500\u2500 2. PARALLAX RESPONSIVE con matchMedia \u2500\u2500 *\/\r\n  var mm = gsap.matchMedia();\r\n\r\n  \/* --- Desktop (>1024px) --- *\/\r\n  mm.add('(min-width: 1025px)', function() {\r\n    var stBase = { trigger: hero, start: 'top top', end: 'bottom top', scrub: true };\r\n\r\n    gsap.to(vacanze, { y: -180, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(di,      { y: -100, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(qualita, { y: -220, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(bg,      { y: 80,   ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(scrollHint, {\r\n      autoAlpha: 0, ease: 'none',\r\n      scrollTrigger: { trigger: hero, start: 'top top', end: '15% top', scrub: true }\r\n    });\r\n  });\r\n\r\n  \/* --- Tablet (481px \u2013 1024px) --- *\/\r\n  mm.add('(min-width: 481px) and (max-width: 1024px)', function() {\r\n    var stBase = { trigger: hero, start: 'top top', end: 'bottom top', scrub: true };\r\n\r\n    gsap.to(vacanze, { y: -120, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(di,      { y: -70,  ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(qualita, { y: -150, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(bg,      { y: 50,   ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(scrollHint, {\r\n      autoAlpha: 0, ease: 'none',\r\n      scrollTrigger: { trigger: hero, start: 'top top', end: '15% top', scrub: true }\r\n    });\r\n  });\r\n\r\n  \/* --- Mobile (\u2264480px) --- *\/\r\n  mm.add('(max-width: 480px)', function() {\r\n    var stBase = { trigger: hero, start: 'top top', end: 'bottom top', scrub: true };\r\n\r\n    gsap.to(vacanze, { y: -80,  ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(di,      { y: -50,  ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(qualita, { y: -100, ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(bg,      { y: 30,   ease: 'none', scrollTrigger: Object.assign({}, stBase) });\r\n    gsap.to(scrollHint, {\r\n      autoAlpha: 0, ease: 'none',\r\n      scrollTrigger: { trigger: hero, start: 'top top', end: '15% top', scrub: true }\r\n    });\r\n  });\r\n\r\n  \/* --- Prefers reduced motion --- *\/\r\n  mm.add('(prefers-reduced-motion: reduce)', function() {\r\n    ScrollTrigger.getAll().forEach(function(st) { st.kill(); });\r\n    gsap.set([vacanze, di, qualita], { clearProps: 'all' });\r\n    gsap.set([vacanze, di, qualita], { autoAlpha: 1 });\r\n    gsap.set(scrollHint, { autoAlpha: 0.7 });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51b8ad e-con-full e-flex e-con e-parent\" data-id=\"e51b8ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5708691 elementor-widget elementor-widget-html\" data-id=\"5708691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  SEZIONE MANIFESTO \u2014 Widget HTML Elementor\r\n  \r\n  PREREQUISITO: GSAP + ScrollTrigger caricati nell'head (come Parte 1)\r\n  \r\n  SETUP ELEMENTOR:\r\n  - Sezione genitore \u2192 Background: #0b0d11 (scuro)\r\n  - Sezione genitore \u2192 Avanzato: Padding 0, Overflow hidden\r\n  - Colonna \u2192 Padding 0\r\n  \r\n  IMMAGINI DA SOSTITUIRE:\r\n  Sostituisci i 4 src delle immagini con quelli dalla tua Media Library\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');\r\n\r\n  \/* \u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-manifesto {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #F4F2EE;\r\n    padding: 120px 68px 120px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .qh-manifesto__inner {\r\n    position: relative;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Singola Card (immagine + testo) \u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-manifesto__card {\r\n    position: relative;\r\n    will-change: transform;\r\n    margin-bottom: 100px;\r\n  }\r\n\r\n  .qh-manifesto__card:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* Allineamento alternato *\/\r\n  .qh-manifesto__card--right {\r\n    margin-left: auto;\r\n    max-width: 60%;\r\n  }\r\n\r\n  .qh-manifesto__card--left {\r\n    margin-right: auto;\r\n    max-width: 60%;\r\n  }\r\n\r\n  \/* \u2500\u2500 Immagine \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-manifesto__img-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .qh-manifesto__img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    will-change: transform;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .qh-manifesto__card:hover .qh-manifesto__img-wrap img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Aspect ratio per ogni card come nel design *\/\r\n  .qh-manifesto__card:nth-child(1) .qh-manifesto__img-wrap {\r\n    aspect-ratio: 821 \/ 570;\r\n  }\r\n\r\n  .qh-manifesto__card:nth-child(2) .qh-manifesto__img-wrap {\r\n    aspect-ratio: 800 \/ 785;\r\n  }\r\n\r\n  .qh-manifesto__card:nth-child(3) .qh-manifesto__img-wrap {\r\n    aspect-ratio: 902 \/ 676;\r\n  }\r\n\r\n  .qh-manifesto__card:nth-child(4) .qh-manifesto__img-wrap {\r\n    aspect-ratio: 909 \/ 511;\r\n  }\r\n\r\n  \/* \u2500\u2500 Testo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-manifesto__text {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: 32px;\r\n    line-height: 1.25;\r\n    color: #282828;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .qh-manifesto__text span {\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (768px \u2013 1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .qh-manifesto {\r\n      padding: 80px 40px;\r\n    }\r\n\r\n    .qh-manifesto__card {\r\n      margin-bottom: 80px;\r\n    }\r\n\r\n    .qh-manifesto__card--right,\r\n    .qh-manifesto__card--left {\r\n      max-width: 75%;\r\n    }\r\n\r\n    .qh-manifesto__text {\r\n      font-size: 28px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE (481px \u2013 768px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 768px) {\r\n    .qh-manifesto {\r\n      padding: 60px 24px;\r\n    }\r\n\r\n    .qh-manifesto__card {\r\n      margin-bottom: 60px;\r\n    }\r\n\r\n    .qh-manifesto__card--right,\r\n    .qh-manifesto__card--left {\r\n      max-width: 90%;\r\n    }\r\n\r\n    .qh-manifesto__text {\r\n      font-size: 24px;\r\n      line-height: 1.35;\r\n      margin-top: 16px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE PORTRAIT (\u2264480px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 480px) {\r\n    .qh-manifesto {\r\n      padding: 48px 16px;\r\n    }\r\n\r\n    .qh-manifesto__card {\r\n      margin-bottom: 48px;\r\n    }\r\n\r\n    .qh-manifesto__card--right,\r\n    .qh-manifesto__card--left {\r\n      max-width: 100%;\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n\r\n    .qh-manifesto__text {\r\n      font-size: 20px;\r\n      line-height: 1.4;\r\n      margin-top: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"qh-manifesto\" id=\"qhManifesto\">\r\n  <div class=\"qh-manifesto__inner\">\r\n\r\n    <!-- Card 1 \u2014 Destra -->\r\n    <div class=\"qh-manifesto__card qh-manifesto__card--right\" id=\"qhCard1\">\r\n      <div class=\"qh-manifesto__img-wrap\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/6C1A1804-5E13-4994-88EA-6CC6F525FFAB_1_201_a-1-scaled.jpeg\"\r\n             alt=\"Villa con piscina\" loading=\"lazy\" \/>\r\n      <\/div>\r\n      <p class=\"qh-manifesto__text\">\r\n        La tua <span>vacanza<\/span> inizia dove <span>il tempo <\/span> si ferma.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 \u2014 Sinistra -->\r\n    <div class=\"qh-manifesto__card qh-manifesto__card--left\" id=\"qhCard2\">\r\n      <div class=\"qh-manifesto__img-wrap\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/E5BA71AD-4031-4796-832F-EC44DDC95FF7_1_105_c-3.jpeg\"\r\n             alt=\"Vista mare con palme\" loading=\"lazy\" \/>\r\n      <\/div>\r\n      <p class=\"qh-manifesto__text\">\r\n        L\u2019ospitalit\u00e0 di <span>FAMIGLIA<\/span> , il <span>COMFORT<\/span> che sceglieremmo per noi.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 \u2014 Destra -->\r\n    <div class=\"qh-manifesto__card qh-manifesto__card--right\" id=\"qhCard3\">\r\n      <div class=\"qh-manifesto__img-wrap\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/52B64208-2058-4729-ADDA-D72515D701E7_1_105_c.jpeg\"\r\n             alt=\"Vista panoramica\" loading=\"lazy\" \/>\r\n      <\/div>\r\n      <p class=\"qh-manifesto__text\">\r\n        <span>BIO-CHALET<\/span>, appartamenti con <span> piscina<\/span>, <span>ville<\/span> esclusive tra <span>Lago<\/span>  di <span>Garda<\/span> e <span>Isola d\u2019Elba<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4 \u2014 Sinistra -->\r\n    <div class=\"qh-manifesto__card qh-manifesto__card--left\" id=\"qhCard4\">\r\n      <div class=\"qh-manifesto__img-wrap\">\r\n        <img decoding=\"async\" src=\"wp-content\/uploads\/2026\/04\/ADE823B9-DBC8-4C0F-9D58-132924021CB8_1_105_c.jpeg\"\r\n             alt=\"Terrazza al tramonto\" loading=\"lazy\" \/>\r\n      <\/div>\r\n      <p class=\"qh-manifesto__text\">\r\n       A casa nostra IL <span> design<\/span> incontra la <span>natura<\/span> avvolgendoti di <span>bellezza.<\/span> <span> Tutto l\u2019anno<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2500\u2500 GSAP Parallax tra card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n    console.warn('QH Manifesto: GSAP non trovato.');\r\n    return;\r\n  }\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  var cards = [\r\n    document.getElementById('qhCard1'),\r\n    document.getElementById('qhCard2'),\r\n    document.getElementById('qhCard3'),\r\n    document.getElementById('qhCard4')\r\n  ];\r\n\r\n  if (!cards[0]) return;\r\n\r\n  \/*\r\n    PARALLAX TRA CARD\r\n    Ogni card ha una velocit\u00e0 di scroll diversa:\r\n    - Card 1: velocit\u00e0 base (si muove poco)\r\n    - Card 2: si muove un po' di pi\u00f9\r\n    - Card 3: ancora di pi\u00f9\r\n    - Card 4: la pi\u00f9 veloce\r\n    Questo crea l'effetto di profondit\u00e0 tra le sezioni.\r\n  *\/\r\n\r\n  \/* Velocit\u00e0 parallax per ogni card (pi\u00f9 alto = si muove di pi\u00f9) *\/\r\n  var speeds = [40, -30, 50, -20];\r\n\r\n  var mm = gsap.matchMedia();\r\n\r\n  \/* \u2500\u2500 Desktop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(min-width: 1025px)', function() {\r\n\r\n    cards.forEach(function(card, i) {\r\n      if (!card) return;\r\n\r\n      var img = card.querySelector('img');\r\n      var text = card.querySelector('.qh-manifesto__text');\r\n\r\n      \/* Parallax della card intera *\/\r\n      gsap.to(card, {\r\n        y: speeds[i],\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      \/* Immagine interna: leggero parallax opposto (d\u00e0 profondit\u00e0) *\/\r\n      gsap.to(img, {\r\n        y: -30,\r\n        scale: 1.05,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      \/* Fade-in + slide del testo *\/\r\n      gsap.from(text, {\r\n        autoAlpha: 0,\r\n        y: 30,\r\n        duration: 0.8,\r\n        ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: text,\r\n          start: 'top 90%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n\r\n      \/* Fade-in + slide dell'immagine *\/\r\n      gsap.from(card, {\r\n        autoAlpha: 0,\r\n        y: 60,\r\n        duration: 1,\r\n        ease: 'power3.out',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top 85%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Tablet \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(min-width: 481px) and (max-width: 1024px)', function() {\r\n\r\n    var tabletSpeeds = [25, -20, 30, -15];\r\n\r\n    cards.forEach(function(card, i) {\r\n      if (!card) return;\r\n\r\n      var img = card.querySelector('img');\r\n      var text = card.querySelector('.qh-manifesto__text');\r\n\r\n      gsap.to(card, {\r\n        y: tabletSpeeds[i],\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      gsap.to(img, {\r\n        y: -20,\r\n        scale: 1.03,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      gsap.from(text, {\r\n        autoAlpha: 0,\r\n        y: 25,\r\n        duration: 0.8,\r\n        ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: text,\r\n          start: 'top 92%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n\r\n      gsap.from(card, {\r\n        autoAlpha: 0,\r\n        y: 40,\r\n        duration: 0.9,\r\n        ease: 'power3.out',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top 88%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Mobile \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(max-width: 480px)', function() {\r\n\r\n    var mobileSpeeds = [15, -10, 18, -8];\r\n\r\n    cards.forEach(function(card, i) {\r\n      if (!card) return;\r\n\r\n      var img = card.querySelector('img');\r\n      var text = card.querySelector('.qh-manifesto__text');\r\n\r\n      gsap.to(card, {\r\n        y: mobileSpeeds[i],\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      gsap.to(img, {\r\n        y: -10,\r\n        scale: 1.02,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n      gsap.from(text, {\r\n        autoAlpha: 0,\r\n        y: 20,\r\n        duration: 0.7,\r\n        ease: 'power2.out',\r\n        scrollTrigger: {\r\n          trigger: text,\r\n          start: 'top 95%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n\r\n      gsap.from(card, {\r\n        autoAlpha: 0,\r\n        y: 30,\r\n        duration: 0.8,\r\n        ease: 'power3.out',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top 90%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Prefers reduced motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(prefers-reduced-motion: reduce)', function() {\r\n    ScrollTrigger.getAll().forEach(function(st) { st.kill(); });\r\n    cards.forEach(function(card) {\r\n      if (!card) return;\r\n      gsap.set(card, { clearProps: 'all', autoAlpha: 1 });\r\n      var text = card.querySelector('.qh-manifesto__text');\r\n      if (text) gsap.set(text, { clearProps: 'all', autoAlpha: 1 });\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b4325f e-con-full e-flex e-con e-parent\" data-id=\"0b4325f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-199c605 elementor-widget elementor-widget-text-editor\" data-id=\"199c605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1><strong>Lago di Garda \u00b7 Isola d&#8217;Elba<\/strong><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a32196 elementor-widget elementor-widget-heading\" data-id=\"4a32196\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LE NOSTRE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bde255 elementor-widget elementor-widget-heading\" data-id=\"6bde255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CASE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe740a elementor-widget elementor-widget-text-editor\" data-id=\"dfe740a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Un racconto fatto di design. Una selezione curata di ville, appartamenti e bio chalet esclusivi <br \/>tra Lago di Garda e Isola d&#8217;Elba.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7766634 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7766634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/biancabrotto.com\/de\/le-nostre-case\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ENTRA NELLA BELLEZZA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d18886f e-con-full e-flex e-con e-parent\" data-id=\"d18886f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ddd04b4 e-con-full e-flex e-con e-child\" data-id=\"ddd04b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-021a4c2 e-flex e-con-boxed e-con e-child\" data-id=\"021a4c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8b20a elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"cc8b20a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><I>BIO<\/I> CHALET<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08fc487 e-flex e-con-boxed e-con e-child\" data-id=\"08fc487\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d6ca58 elementor-widget elementor-widget-text-editor\" data-id=\"7d6ca58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Manerba del Garda, Lago di Garda, BS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c91ac9 elementor-widget elementor-widget-text-editor\" data-id=\"2c91ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Design a bordo lago (da 2 a 4 pax)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8642f79 elementor-widget elementor-widget-button\" data-id=\"8642f79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/biancabrotto.com\/de\/i-nostri-chalet\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SCOPRI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b11ca43 e-con-full e-flex e-con e-child\" data-id=\"b11ca43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-f996076 e-flex e-con-boxed e-con e-child\" data-id=\"f996076\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef9b0b5 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"ef9b0b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VILLA <I>ULIVI<\/I><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a03a4d e-flex e-con-boxed e-con e-child\" data-id=\"6a03a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3c0a69 elementor-widget elementor-widget-text-editor\" data-id=\"e3c0a69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Manerba del Garda, Lago di Garda, BS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81705bf elementor-widget elementor-widget-text-editor\" data-id=\"81705bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>ARTE E FIORI &#8211; 3 APPARTAMENTI in Villa (da 2 a 7 pax)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e975f2 elementor-widget elementor-widget-button\" data-id=\"0e975f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/biancabrotto.com\/de\/villa-ulivi-appartamenti\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SCOPRI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbcf5fb e-con-full e-flex e-con e-child\" data-id=\"fbcf5fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-88afdb2 e-flex e-con-boxed e-con e-child\" data-id=\"88afdb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7cc7a1 elementor-widget elementor-widget-heading\" data-id=\"e7cc7a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VILLA <I>INFINITY<\/I><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-721e9ca e-flex e-con-boxed e-con e-child\" data-id=\"721e9ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e44c736 elementor-widget elementor-widget-text-editor\" data-id=\"e44c736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sal\u00f2, Lago di Garda, BS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9551de9 elementor-widget elementor-widget-text-editor\" data-id=\"9551de9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Bellezza mozzafiato (8 pax)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6c28f6 elementor-widget elementor-widget-button\" data-id=\"d6c28f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/biancabrotto.com\/de\/villa-infinity\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SCOPRI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c41440 e-con-full e-flex e-con e-child\" data-id=\"9c41440\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-5753ae3 e-flex e-con-boxed e-con e-child\" data-id=\"5753ae3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e66c268 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"e66c268\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VILLA <I>TRAMONTI<\/I><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0a3941 e-flex e-con-boxed e-con e-child\" data-id=\"a0a3941\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ec2a56 elementor-widget elementor-widget-text-editor\" data-id=\"3ec2a56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Toscana, Capoliveri, Isola d&#8217;Elba<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7981b4 elementor-widget elementor-widget-text-editor\" data-id=\"f7981b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Immensit\u00e0 e stupore (8+3 pax)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2174ad4 elementor-widget elementor-widget-button\" data-id=\"2174ad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SCOPRI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d7d84b e-con-full e-flex e-con e-parent\" data-id=\"4d7d84b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c3ff7d elementor-widget elementor-widget-html\" data-id=\"3c3ff7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  SEZIONE SERVIZI \u2014 Widget HTML Elementor\r\n  \r\n  PREREQUISITO: GSAP + ScrollTrigger nell'head (Parte 1)\r\n  \r\n  SETUP ELEMENTOR:\r\n  - Sezione \u2192 Background: #f4f2ee\r\n  - Sezione \u2192 Avanzato: Padding 0, Overflow hidden\r\n  - Colonna \u2192 Padding 0\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=PT+Sans:wght@400;700&display=swap');\r\n\r\n  \/* \u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-services {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: #f4f2ee;\r\n    padding: 160px 100px 100px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .qh-services__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-template-rows: auto auto;\r\n    gap: 20px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Colonna sinistra: titolo + descrizione \u2500 *\/\r\n  .qh-services__heading {\r\n    grid-column: 1 \/ span 5;\r\n    grid-row: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    padding-bottom: 60px;\r\n  }\r\n\r\n  .qh-services__title {\r\n    position: relative;\r\n  }\r\n\r\n  .qh-services__title-line1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-size: 48px;\r\n    line-height: 1.2;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    color: #282828;\r\n    margin: 0;\r\n  }\r\n\r\n  .qh-services__title-line2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-size: 64px;\r\n    line-height: 0.9;\r\n    letter-spacing: 4px;\r\n    color: #282828;\r\n    margin: 0;\r\n    padding-left: 40px;\r\n  }\r\n\r\n  .qh-services__desc {\r\n    font-family: 'PT Sans', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #444;\r\n    max-width: 400px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Colonna destra: 3 card immagine \u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-services__cards {\r\n    grid-column: 6 \/ span 7;\r\n    grid-row: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    padding-top: 60px;\r\n    align-items: start;\r\n  }\r\n\r\n  \/* Card singola *\/\r\n  .qh-services__card {\r\n    position: relative;\r\n    height: 340px;\r\n    overflow: hidden;\r\n    border-radius: 2px;\r\n    will-change: transform;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .qh-services__card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    will-change: transform;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .qh-services__card:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Sfalsamento verticale come nel design *\/\r\n  .qh-services__card:nth-child(1) {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .qh-services__card:nth-child(2) {\r\n    margin-top: 74px;\r\n  }\r\n\r\n  .qh-services__card:nth-child(3) {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  \/* Overlay scuro *\/\r\n  .qh-services__card-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.4s ease;\r\n  }\r\n\r\n  .qh-services__card:hover .qh-services__card-overlay {\r\n    background: rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  \/* Label sulla card *\/\r\n  .qh-services__card-label {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #f4f2ee;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u2500\u2500 Testo in basso a destra \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-services__footer-text {\r\n    grid-column: 10 \/ span 3;\r\n    grid-row: 2;\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .qh-services__footer-desc {\r\n    font-family: 'PT Sans', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #444;\r\n    max-width: 285px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (768px \u2013 1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .qh-services {\r\n      padding: 100px 40px 80px;\r\n    }\r\n\r\n    .qh-services__grid {\r\n      grid-template-columns: 1fr;\r\n      grid-template-rows: auto auto auto;\r\n      gap: 40px;\r\n    }\r\n\r\n    .qh-services__heading {\r\n      grid-column: 1;\r\n      grid-row: 1;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .qh-services__title-line1 {\r\n      font-size: 40px;\r\n    }\r\n\r\n    .qh-services__title-line2 {\r\n      font-size: 52px;\r\n      padding-left: 30px;\r\n    }\r\n\r\n    .qh-services__desc {\r\n      font-size: 14px;\r\n      max-width: 480px;\r\n    }\r\n\r\n    .qh-services__cards {\r\n      grid-column: 1;\r\n      grid-row: 2;\r\n      padding-top: 0;\r\n      gap: 16px;\r\n    }\r\n\r\n    .qh-services__card {\r\n      height: 300px;\r\n    }\r\n\r\n    .qh-services__card:nth-child(2) {\r\n      margin-top: 50px;\r\n    }\r\n\r\n    .qh-services__card:nth-child(3) {\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .qh-services__footer-text {\r\n      grid-column: 1;\r\n      grid-row: 3;\r\n      padding-top: 0;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .qh-services__footer-desc {\r\n      font-size: 14px;\r\n      max-width: 340px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE (481px \u2013 768px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 768px) {\r\n    .qh-services {\r\n      padding: 80px 24px 60px;\r\n    }\r\n\r\n    .qh-services__grid {\r\n      gap: 32px;\r\n    }\r\n\r\n    .qh-services__title-line1 {\r\n      font-size: 32px;\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    .qh-services__title-line2 {\r\n      font-size: 44px;\r\n      padding-left: 24px;\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    .qh-services__desc {\r\n      font-size: 14px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* Card impilate: 2 + 1 *\/\r\n    .qh-services__cards {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .qh-services__card {\r\n      height: 260px;\r\n    }\r\n\r\n    .qh-services__card:nth-child(1) { margin-top: 0; }\r\n    .qh-services__card:nth-child(2) { margin-top: 40px; }\r\n    .qh-services__card:nth-child(3) {\r\n      margin-top: 0;\r\n      grid-column: 1 \/ span 2;\r\n      max-width: 60%;\r\n      justify-self: center;\r\n      height: 240px;\r\n    }\r\n\r\n    .qh-services__footer-text {\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .qh-services__footer-desc {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE PORTRAIT (\u2264480px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 480px) {\r\n    .qh-services {\r\n      padding: 64px 16px 48px;\r\n    }\r\n\r\n    .qh-services__grid {\r\n      gap: 28px;\r\n    }\r\n\r\n    .qh-services__title-line1 {\r\n      font-size: 28px;\r\n      letter-spacing: 2px;\r\n    }\r\n\r\n    .qh-services__title-line2 {\r\n      font-size: 38px;\r\n      padding-left: 20px;\r\n      letter-spacing: 2px;\r\n    }\r\n\r\n    \/* Card impilate verticalmente *\/\r\n    .qh-services__cards {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .qh-services__card {\r\n      height: 220px;\r\n    }\r\n\r\n    .qh-services__card:nth-child(1) { margin-top: 0; }\r\n    .qh-services__card:nth-child(2) { margin-top: 0; }\r\n    .qh-services__card:nth-child(3) {\r\n      margin-top: 0;\r\n      grid-column: 1;\r\n      max-width: 100%;\r\n      height: 220px;\r\n    }\r\n\r\n    .qh-services__card-label {\r\n      font-size: 13px;\r\n      letter-spacing: 1.5px;\r\n    }\r\n\r\n    .qh-services__footer-desc {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"qh-services\" id=\"qhServices\">\r\n  <div class=\"qh-services__grid\">\r\n\r\n    <!-- Titolo + descrizione a sinistra -->\r\n    <div class=\"qh-services__heading\" id=\"qhServicesHeading\">\r\n      <div class=\"qh-services__title\">\r\n        <p class=\"qh-services__title-line1\">cosa<\/p>\r\n        <p class=\"qh-services__title-line2\">Offriamo<\/p>\r\n      <\/div>\r\n      <p class=\"qh-services__desc\">\r\n       Che scegliate il calore dei nostri\u00a0bio-chalet fronte lago, la comodit\u00e0 di un appartamento di design a Villa Ulivi, l\u2019incanto di Villa Infinity sul Lago di Garda o l\u2019esclusiva Villa Tramonti all\u2019Isola d\u2019Elba, troverete la stessa cura: ambienti profumati, arredi scelti con amore, comfort moderni e giardini privati curati come piccoli angoli di paradiso.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 Card immagine sfalsate -->\r\n    <div class=\"qh-services__cards\">\r\n\r\n      <div class=\"qh-services__card\" id=\"qhSvcCard1\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/pool_alta_bella_4399-scaled.jpg\"\r\n             alt=\"Lago di Garda\" loading=\"lazy\" \/>\r\n        <div class=\"qh-services__card-overlay\">\r\n          <div class=\"qh-services__card-label\">Lago di<br>Garda<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"qh-services__card\" id=\"qhSvcCard2\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/principale1-scaled.jpg\"\r\n             alt=\"Isola d'Elba\" loading=\"lazy\" \/>\r\n        <div class=\"qh-services__card-overlay\">\r\n          <div class=\"qh-services__card-label\">Isola<br>d'Elba<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"qh-services__card\" id=\"qhSvcCard3\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Ch-lago-1A-2-case-e-intera-proprieta-dal-drone-2-3-scaled.jpg\"\r\n             alt=\"Esperienze Su Misura\" loading=\"lazy\" \/>\r\n        <div class=\"qh-services__card-overlay\">\r\n          <div class=\"qh-services__card-label\">Esperienze<br>Su Misura<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Testo in basso a destra -->\r\n    <div class=\"qh-services__footer-text\" id=\"qhServicesFooter\">\r\n      <p class=\"qh-services__footer-desc\">\r\n         Ogni propriet\u00e0 \u00e8 selezionata e curata personalmente per garantirvi comfort, bellezza e un'esperienza indimenticabile. <span>Il vostro benessere \u00e8 la nostra priorit\u00e0<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2500\u2500 GSAP Parallax sulle 3 card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n    console.warn('QH Services: GSAP non trovato.');\r\n    return;\r\n  }\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  var section   = document.getElementById('qhServices');\r\n  var heading   = document.getElementById('qhServicesHeading');\r\n  var card1     = document.getElementById('qhSvcCard1');\r\n  var card2     = document.getElementById('qhSvcCard2');\r\n  var card3     = document.getElementById('qhSvcCard3');\r\n  var footer    = document.getElementById('qhServicesFooter');\r\n\r\n  if (!section) return;\r\n\r\n  var mm = gsap.matchMedia();\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DESKTOP (>1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(min-width: 1025px)', function() {\r\n\r\n    \/* Parallax sulle 3 card \u2014 ognuna a velocit\u00e0 diversa *\/\r\n    gsap.to(card1, {\r\n      y: -60,\r\n      ease: 'none',\r\n      scrollTrigger: {\r\n        trigger: section,\r\n        start: 'top bottom',\r\n        end: 'bottom top',\r\n        scrub: true\r\n      }\r\n    });\r\n\r\n    gsap.to(card2, {\r\n      y: -100,\r\n      ease: 'none',\r\n      scrollTrigger: {\r\n        trigger: section,\r\n        start: 'top bottom',\r\n        end: 'bottom top',\r\n        scrub: true\r\n      }\r\n    });\r\n\r\n    gsap.to(card3, {\r\n      y: -40,\r\n      ease: 'none',\r\n      scrollTrigger: {\r\n        trigger: section,\r\n        start: 'top bottom',\r\n        end: 'bottom top',\r\n        scrub: true\r\n      }\r\n    });\r\n\r\n    \/* Immagini interne: leggero scale parallax *\/\r\n    [card1, card2, card3].forEach(function(card) {\r\n      if (!card) return;\r\n      var img = card.querySelector('img');\r\n      gsap.to(img, {\r\n        y: -20,\r\n        scale: 1.08,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: card,\r\n          start: 'top bottom',\r\n          end: 'bottom top',\r\n          scrub: true\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* Fade-in del titolo *\/\r\n    gsap.from(heading, {\r\n      autoAlpha: 0,\r\n      y: 40,\r\n      duration: 1,\r\n      ease: 'power3.out',\r\n      scrollTrigger: {\r\n        trigger: heading,\r\n        start: 'top 85%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n\r\n    \/* Fade-in delle card staggerato *\/\r\n    gsap.from([card1, card2, card3], {\r\n      autoAlpha: 0,\r\n      y: 50,\r\n      duration: 0.9,\r\n      stagger: 0.15,\r\n      ease: 'power3.out',\r\n      scrollTrigger: {\r\n        trigger: card1,\r\n        start: 'top 85%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n\r\n    \/* Fade-in footer text *\/\r\n    gsap.from(footer, {\r\n      autoAlpha: 0,\r\n      y: 30,\r\n      duration: 0.8,\r\n      ease: 'power2.out',\r\n      scrollTrigger: {\r\n        trigger: footer,\r\n        start: 'top 90%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (481px \u2013 1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(min-width: 481px) and (max-width: 1024px)', function() {\r\n\r\n    gsap.to(card1, { y: -40, ease: 'none', scrollTrigger: { trigger: section, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n    gsap.to(card2, { y: -65, ease: 'none', scrollTrigger: { trigger: section, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n    gsap.to(card3, { y: -25, ease: 'none', scrollTrigger: { trigger: section, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n\r\n    [card1, card2, card3].forEach(function(card) {\r\n      if (!card) return;\r\n      gsap.to(card.querySelector('img'), {\r\n        y: -15, scale: 1.05, ease: 'none',\r\n        scrollTrigger: { trigger: card, start: 'top bottom', end: 'bottom top', scrub: true }\r\n      });\r\n    });\r\n\r\n    gsap.from(heading, { autoAlpha: 0, y: 30, duration: 0.9, ease: 'power3.out', scrollTrigger: { trigger: heading, start: 'top 88%', toggleActions: 'play none none none' } });\r\n    gsap.from([card1, card2, card3], { autoAlpha: 0, y: 40, duration: 0.8, stagger: 0.12, ease: 'power3.out', scrollTrigger: { trigger: card1, start: 'top 88%', toggleActions: 'play none none none' } });\r\n    gsap.from(footer, { autoAlpha: 0, y: 25, duration: 0.7, ease: 'power2.out', scrollTrigger: { trigger: footer, start: 'top 92%', toggleActions: 'play none none none' } });\r\n  });\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE (\u2264480px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(max-width: 480px)', function() {\r\n\r\n    gsap.to(card1, { y: -20, ease: 'none', scrollTrigger: { trigger: card1, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n    gsap.to(card2, { y: -30, ease: 'none', scrollTrigger: { trigger: card2, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n    gsap.to(card3, { y: -15, ease: 'none', scrollTrigger: { trigger: card3, start: 'top bottom', end: 'bottom top', scrub: true } });\r\n\r\n    [card1, card2, card3].forEach(function(card) {\r\n      if (!card) return;\r\n      gsap.to(card.querySelector('img'), {\r\n        y: -10, scale: 1.03, ease: 'none',\r\n        scrollTrigger: { trigger: card, start: 'top bottom', end: 'bottom top', scrub: true }\r\n      });\r\n    });\r\n\r\n    gsap.from(heading, { autoAlpha: 0, y: 25, duration: 0.8, ease: 'power3.out', scrollTrigger: { trigger: heading, start: 'top 90%', toggleActions: 'play none none none' } });\r\n    gsap.from([card1, card2, card3], { autoAlpha: 0, y: 30, duration: 0.7, stagger: 0.1, ease: 'power3.out', scrollTrigger: { trigger: card1, start: 'top 90%', toggleActions: 'play none none none' } });\r\n    gsap.from(footer, { autoAlpha: 0, y: 20, duration: 0.7, ease: 'power2.out', scrollTrigger: { trigger: footer, start: 'top 95%', toggleActions: 'play none none none' } });\r\n  });\r\n\r\n  \/* \u2500\u2500 Prefers reduced motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(prefers-reduced-motion: reduce)', function() {\r\n    ScrollTrigger.getAll().forEach(function(st) { st.kill(); });\r\n    [heading, card1, card2, card3, footer].forEach(function(el) {\r\n      if (el) gsap.set(el, { clearProps: 'all', autoAlpha: 1 });\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62b6aad e-con-full e-flex e-con e-parent\" data-id=\"62b6aad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-706ec8d elementor-widget elementor-widget-html\" data-id=\"706ec8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  SEZIONE CTA \u2014 Widget HTML Elementor\r\n  \r\n  PREREQUISITO: GSAP + ScrollTrigger nell'head (Parte 1)\r\n  \r\n  SETUP ELEMENTOR:\r\n  - Sezione \u2192 Avanzato: Padding 0, Overflow hidden\r\n  - Colonna \u2192 Padding 0\r\n  \r\n  IMMAGINI DA SOSTITUIRE:\r\n  1. Sfondo panoramico (villa con piscina e mare)\r\n  2. Immagine dentro la card (piscina con vista)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=PT+Sans:wght@400;700&display=swap');\r\n\r\n  \/* \u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-cta {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 640px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    padding: 80px 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Background \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-cta__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n  }\r\n\r\n  .qh-cta__bg img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* \u2500\u2500 Card bianca centrata \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-cta__card {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: #ffffff;\r\n    border: 1px solid #f4f2ee;\r\n    width: 520px;\r\n    max-width: 100%;\r\n    padding: 33px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Heading top \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-cta__heading-top {\r\n    width: 100%;\r\n  }\r\n\r\n  .qh-cta__heading-line1 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-size: 26px;\r\n    line-height: 1.3;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    color: #282828;\r\n    margin: 0;\r\n  }\r\n\r\n  .qh-cta__heading-line2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-style: italic;\r\n    font-size: 26px;\r\n    line-height: 1.3;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    color: #282828;\r\n    margin: 0;\r\n    padding-left: 36px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Immagine interna con overlay + CTA \u2500\u2500 *\/\r\n  .qh-cta__image-wrap {\r\n    position: relative;\r\n    width: 304px;\r\n    height: 357px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .qh-cta__image-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .qh-cta__image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.4s ease;\r\n  }\r\n\r\n  .qh-cta__image-wrap:hover .qh-cta__image-overlay {\r\n    background: rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .qh-cta__link {\r\n    font-family: 'PT Sans', sans-serif;\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 1;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #f4f2ee;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid #f4f2ee;\r\n    padding-bottom: 4px;\r\n    transition: opacity 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .qh-cta__link:hover {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* \u2500\u2500 Heading bottom \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .qh-cta__heading-bottom {\r\n    width: 100%;\r\n    text-align: right;\r\n  }\r\n\r\n  .qh-cta__heading-bottom p {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-size: 26px;\r\n    line-height: 1.3;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    color: #282828;\r\n    margin: 0;\r\n  }\r\n\r\n  .qh-cta__heading-bottom p:last-child {\r\n    padding-right: 20px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (768px \u2013 1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .qh-cta {\r\n      min-height: 580px;\r\n      padding: 60px 24px;\r\n    }\r\n\r\n    .qh-cta__card {\r\n      width: 480px;\r\n      padding: 28px;\r\n      gap: 20px;\r\n    }\r\n\r\n    .qh-cta__heading-line1,\r\n    .qh-cta__heading-line2 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .qh-cta__heading-line2 {\r\n      padding-left: 28px;\r\n    }\r\n\r\n    .qh-cta__image-wrap {\r\n      width: 280px;\r\n      height: 320px;\r\n    }\r\n\r\n    .qh-cta__heading-bottom p {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE (481px \u2013 768px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 768px) {\r\n    .qh-cta {\r\n      min-height: 520px;\r\n      padding: 48px 16px;\r\n    }\r\n\r\n    .qh-cta__card {\r\n      width: 100%;\r\n      max-width: 420px;\r\n      padding: 24px;\r\n      gap: 20px;\r\n    }\r\n\r\n    .qh-cta__heading-line1,\r\n    .qh-cta__heading-line2 {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .qh-cta__heading-line2 {\r\n      padding-left: 20px;\r\n    }\r\n\r\n    .qh-cta__image-wrap {\r\n      width: 100%;\r\n      max-width: 260px;\r\n      height: 280px;\r\n    }\r\n\r\n    .qh-cta__heading-bottom p {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .qh-cta__heading-bottom p:last-child {\r\n      padding-right: 10px;\r\n    }\r\n\r\n    .qh-cta__link {\r\n      font-size: 14px;\r\n      letter-spacing: 1.5px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE PORTRAIT (\u2264480px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 480px) {\r\n    .qh-cta {\r\n      min-height: auto;\r\n      padding: 40px 12px;\r\n    }\r\n\r\n    .qh-cta__card {\r\n      max-width: 100%;\r\n      padding: 20px;\r\n      gap: 16px;\r\n    }\r\n\r\n    .qh-cta__heading-line1,\r\n    .qh-cta__heading-line2 {\r\n      font-size: 18px;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .qh-cta__heading-line2 {\r\n      padding-left: 16px;\r\n    }\r\n\r\n    .qh-cta__image-wrap {\r\n      max-width: 100%;\r\n      width: 100%;\r\n      height: 240px;\r\n    }\r\n\r\n    .qh-cta__heading-bottom p {\r\n      font-size: 18px;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .qh-cta__heading-bottom p:last-child {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .qh-cta__link {\r\n      font-size: 13px;\r\n      letter-spacing: 1px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"qh-cta\" id=\"qhCta\">\r\n\r\n  <!-- Background -->\r\n  <div class=\"qh-cta__bg\">\r\n    <!-- SOSTITUISCI con URL dalla tua Media Library -->\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/principale1-scaled.jpg\"\r\n         alt=\"Villa panoramica\" loading=\"lazy\" id=\"qhCtaBg\" \/>\r\n  <\/div>\r\n\r\n  <!-- Card bianca centrata -->\r\n  <div class=\"qh-cta__card\" id=\"qhCtaCard\">\r\n\r\n    <!-- Titolo superiore -->\r\n    <div class=\"qh-cta__heading-top\" id=\"qhCtaHeadingTop\">\r\n      <p class=\"qh-cta__heading-line1\">Contattaci per scegliere<\/p>\r\n      <p class=\"qh-cta__heading-line2\">la tua prossima vacanza<\/p>\r\n    <\/div>\r\n\r\n    <!-- Immagine con overlay + link CTA -->\r\n    <div class=\"qh-cta__image-wrap\" id=\"qhCtaImg\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/52530B38-A00C-4F04-BDB4-CE5CACC303DF_1_105_c-1.jpeg\"\r\n           alt=\"Piscina in villa Ulivi\" loading=\"lazy\" \/>\r\n      <div class=\"qh-cta__image-overlay\">\r\n        <!-- SOSTITUISCI href con il link alla pagina contatti -->\r\n        <a href=\"\/contatti\" class=\"qh-cta__link\">Iniziamo insieme<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Titolo inferiore -->\r\n    <div class=\"qh-cta__heading-bottom\" id=\"qhCtaHeadingBottom\">\r\n      <p>l'unico l'investimento <\/p>\r\n      <p>che ti restituisce te stesso<\/p>\r\n      <p><\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- \u2500\u2500 GSAP Animazioni \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n    console.warn('QH CTA: GSAP non trovato.');\r\n    return;\r\n  }\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  var section     = document.getElementById('qhCta');\r\n  var bg          = document.getElementById('qhCtaBg');\r\n  var card        = document.getElementById('qhCtaCard');\r\n  var headingTop  = document.getElementById('qhCtaHeadingTop');\r\n  var ctaImg      = document.getElementById('qhCtaImg');\r\n  var headingBtm  = document.getElementById('qhCtaHeadingBottom');\r\n\r\n  if (!section) return;\r\n\r\n  var mm = gsap.matchMedia();\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DESKTOP (>1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(min-width: 1025px)', function() {\r\n\r\n    \/* Background parallax *\/\r\n    gsap.to(bg, {\r\n      y: 80,\r\n      scale: 1.05,\r\n      ease: 'none',\r\n      scrollTrigger: {\r\n        trigger: section,\r\n        start: 'top bottom',\r\n        end: 'bottom top',\r\n        scrub: true\r\n      }\r\n    });\r\n\r\n    \/* Card: fade-in + leggero slide *\/\r\n    gsap.from(card, {\r\n      autoAlpha: 0,\r\n      y: 60,\r\n      scale: 0.97,\r\n      duration: 1.2,\r\n      ease: 'power3.out',\r\n      scrollTrigger: {\r\n        trigger: section,\r\n        start: 'top 70%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n\r\n    \/* Heading top: slide da sinistra *\/\r\n    gsap.from(headingTop, {\r\n      autoAlpha: 0,\r\n      x: -30,\r\n      duration: 0.9,\r\n      ease: 'power2.out',\r\n      scrollTrigger: {\r\n        trigger: card,\r\n        start: 'top 70%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n\r\n    \/* Immagine CTA: fade-in *\/\r\n    gsap.from(ctaImg, {\r\n      autoAlpha: 0,\r\n      y: 20,\r\n      duration: 0.8,\r\n      delay: 0.2,\r\n      ease: 'power2.out',\r\n      scrollTrigger: {\r\n        trigger: card,\r\n        start: 'top 70%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n\r\n    \/* Heading bottom: slide da destra *\/\r\n    gsap.from(headingBtm, {\r\n      autoAlpha: 0,\r\n      x: 30,\r\n      duration: 0.9,\r\n      delay: 0.3,\r\n      ease: 'power2.out',\r\n      scrollTrigger: {\r\n        trigger: card,\r\n        start: 'top 70%',\r\n        toggleActions: 'play none none none'\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TABLET (481px \u2013 1024px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(min-width: 481px) and (max-width: 1024px)', function() {\r\n\r\n    gsap.to(bg, {\r\n      y: 50, scale: 1.03, ease: 'none',\r\n      scrollTrigger: { trigger: section, start: 'top bottom', end: 'bottom top', scrub: true }\r\n    });\r\n\r\n    gsap.from(card, {\r\n      autoAlpha: 0, y: 40, scale: 0.98, duration: 1, ease: 'power3.out',\r\n      scrollTrigger: { trigger: section, start: 'top 75%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(headingTop, {\r\n      autoAlpha: 0, x: -20, duration: 0.8, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 75%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(ctaImg, {\r\n      autoAlpha: 0, y: 15, duration: 0.7, delay: 0.15, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 75%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(headingBtm, {\r\n      autoAlpha: 0, x: 20, duration: 0.8, delay: 0.2, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 75%', toggleActions: 'play none none none' }\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     MOBILE (\u2264480px)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  mm.add('(max-width: 480px)', function() {\r\n\r\n    gsap.to(bg, {\r\n      y: 30, scale: 1.02, ease: 'none',\r\n      scrollTrigger: { trigger: section, start: 'top bottom', end: 'bottom top', scrub: true }\r\n    });\r\n\r\n    gsap.from(card, {\r\n      autoAlpha: 0, y: 30, duration: 0.8, ease: 'power3.out',\r\n      scrollTrigger: { trigger: section, start: 'top 80%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(headingTop, {\r\n      autoAlpha: 0, y: 15, duration: 0.7, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 80%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(ctaImg, {\r\n      autoAlpha: 0, y: 10, duration: 0.6, delay: 0.1, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 80%', toggleActions: 'play none none none' }\r\n    });\r\n\r\n    gsap.from(headingBtm, {\r\n      autoAlpha: 0, y: 15, duration: 0.7, delay: 0.15, ease: 'power2.out',\r\n      scrollTrigger: { trigger: card, start: 'top 80%', toggleActions: 'play none none none' }\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Prefers reduced motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  mm.add('(prefers-reduced-motion: reduce)', function() {\r\n    ScrollTrigger.getAll().forEach(function(st) { st.kill(); });\r\n    [card, headingTop, ctaImg, headingBtm].forEach(function(el) {\r\n      if (el) gsap.set(el, { clearProps: 'all', autoAlpha: 1 });\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VACANZE DI Qualit\u00e0 Scopri La tua vacanza inizia dove il tempo si ferma. L\u2019ospitalit\u00e0 di FAMIGLIA , il COMFORT che sceglieremmo per noi. BIO-CHALET, appartamenti con piscina, ville esclusive tra Lago di Garda e Isola d\u2019Elba. A casa nostra IL design incontra la natura avvolgendoti di bellezza. Tutto l\u2019anno. Lago di Garda \u00b7 Isola d&#8217;Elba [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"folder":[],"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d&#039;Elba<\/title>\n<meta name=\"description\" content=\"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l&#039;anno.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d&#039;Elba\" \/>\n<meta property=\"og:description\" content=\"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l&#039;anno.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/biancabrotto.com\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"biancabrotto.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-03T10:17:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/\",\"url\":\"https:\\\/\\\/biancabrotto.com\\\/\",\"name\":\"Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d'Elba\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#website\"},\"datePublished\":\"2026-04-07T09:22:10+00:00\",\"dateModified\":\"2026-05-03T10:17:40+00:00\",\"description\":\"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l'anno.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/biancabrotto.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/biancabrotto.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#website\",\"url\":\"https:\\\/\\\/biancabrotto.com\\\/\",\"name\":\"Quality Holiday\",\"description\":\"biancabrotto.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/biancabrotto.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#organization\",\"name\":\"Quality Holiday\",\"url\":\"https:\\\/\\\/biancabrotto.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/biancabrotto.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Quality-Holiday.png\",\"contentUrl\":\"https:\\\/\\\/biancabrotto.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Quality-Holiday.png\",\"width\":1600,\"height\":345,\"caption\":\"Quality Holiday\"},\"image\":{\"@id\":\"https:\\\/\\\/biancabrotto.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/qualityholidayy\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d'Elba","description":"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l'anno.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d'Elba","og_description":"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l'anno.","og_url":"https:\/\/biancabrotto.com\/de\/","og_site_name":"biancabrotto.com","article_modified_time":"2026-05-03T10:17:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/biancabrotto.com\/","url":"https:\/\/biancabrotto.com\/","name":"Quality Holiday \u2014 Case Vacanze sul Lago di Garda e Isola d'Elba","isPartOf":{"@id":"https:\/\/biancabrotto.com\/#website"},"datePublished":"2026-04-07T09:22:10+00:00","dateModified":"2026-05-03T10:17:40+00:00","description":"6 propriet\u00e0 esclusive a Manerba del Garda e Capoliveri. Bio chalet, appartamenti e ville di lusso con vista lago e mare. Affitti brevi, aperti tutto l'anno.","breadcrumb":{"@id":"https:\/\/biancabrotto.com\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/biancabrotto.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/biancabrotto.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/biancabrotto.com\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/biancabrotto.com\/#website","url":"https:\/\/biancabrotto.com\/","name":"Quality Holiday","description":"biancabrotto.com","publisher":{"@id":"https:\/\/biancabrotto.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/biancabrotto.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/biancabrotto.com\/#organization","name":"Quality Holiday","url":"https:\/\/biancabrotto.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/biancabrotto.com\/#\/schema\/logo\/image\/","url":"https:\/\/biancabrotto.com\/wp-content\/uploads\/2026\/05\/Logo-Quality-Holiday.png","contentUrl":"https:\/\/biancabrotto.com\/wp-content\/uploads\/2026\/05\/Logo-Quality-Holiday.png","width":1600,"height":345,"caption":"Quality Holiday"},"image":{"@id":"https:\/\/biancabrotto.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/qualityholidayy\/"]}]}},"_links":{"self":[{"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":116,"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1672,"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/pages\/8\/revisions\/1672"}],"wp:attachment":[{"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biancabrotto.com\/de\/wp-json\/wp\/v2\/folder?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}