The Kos - Hero Cinematic<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koss_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n .koss_loader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n z-index: 10000 !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\r\n }\r\n\r\n .koss_loader.koss_loader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 180px !important;\r\n width: 60% !important;\r\n height: auto !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\r\n }\r\n\r\n .koss_loader__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-top: 24px !important;\r\n opacity: 0 !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\r\n }\r\n\r\n .koss_hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koss_hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0.1) 35%,\r\n rgba(0, 0, 0, 0.35) 55%,\r\n rgba(0, 0, 0, 0.7) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: grid !important;\r\n grid-template-columns: repeat(10, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n z-index: 5 !important;\r\n }\r\n\r\n .koss_hero__cell {\r\n background-color: #f8f8f8 !important;\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \r\n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_hero__cell.koss_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n .koss_navbar {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 9999 !important;\r\n padding: 24px 0 !important;\r\n background-color: transparent !important;\r\n opacity: 0 !important;\r\n transform: translateY(-20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease, \r\n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--solid {\r\n background-color: #f8f8f8 !important;\r\n padding: 16px 0 !important;\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_navbar__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n }\r\n\r\n .koss_navbar__logo {\r\n display: flex !important;\r\n align-items: center !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 70px !important;\r\n width: auto !important;\r\n transition: height 0.4s ease, filter 0.4s ease !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__logo img {\r\n height: 56px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koss_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_navbar__menu {\r\n display: flex !important;\r\n gap: 40px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__menu a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.5px !important;\r\n position: relative !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__menu a {\r\n color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__menu a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -4px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__menu a::after {\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_navbar__cta {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 13px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 12px 28px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta {\r\n color: #ffffff !important;\r\n border-color: #7c362a !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta:hover {\r\n background-color: #5e2a20 !important;\r\n border-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 6px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n background: none !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger span {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__burger span {\r\n background-color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koss_mobile_menu.koss_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_mobile_menu__list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_mobile_menu__list a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #333333 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__list a:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 10px 20px !important;\r\n border: 1px solid #7c362a !important;\r\n border-radius: 6px !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.3px !important;\r\n white-space: nowrap !important;\r\n color: #ffffff !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n border-color: #5e2a20 !important;\r\n background-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_mobile_menu__footer {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_mobile_menu__phone,\r\n .koss_mobile_menu__phone:link,\r\n .koss_mobile_menu__phone:visited,\r\n .koss_mobile_menu__phone:active {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #666666 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__phone:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__phone svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n stroke: currentColor !important;\r\n }\r\n\r\n .koss_mobile_menu__phone-number,\r\n .koss_mobile_menu__phone-number * {\r\n color: inherit !important;\r\n font-family: inherit !important;\r\n font-size: inherit !important;\r\n font-weight: inherit !important;\r\n }\r\n\r\n .koss_hero__content {\r\n position: absolute !important;\r\n bottom: 12% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_hero__content.koss_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n .koss_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koss_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin-bottom: 16px !important;\r\n padding-left: 40px !important;\r\n position: relative !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koss_hero__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_hero__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(16px, 2vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 0 32px 0 !important;\r\n max-width: 500px !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 14px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koss_hero__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_hero__scroll {\r\n position: absolute !important;\r\n bottom: 32px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.6s ease !important;\r\n }\r\n\r\n .koss_hero__scroll.koss_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_hero__scroll span {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koss_hero__scroll-line {\r\n width: 1px !important;\r\n height: 40px !important;\r\n background-color: rgba(255, 255, 255, 0.3) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_hero__scroll-line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -15px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 15px !important;\r\n background-color: rgba(255, 255, 255, 0.8) !important;\r\n animation: koss_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koss_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n @keyframes koss_fadeInScale {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @keyframes koss_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(55px);\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koss_navbar__nav,\r\n .koss_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koss_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(8, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_navbar__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 56px !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_hero__content {\r\n bottom: 15% !important;\r\n }\r\n\r\n .koss_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n padding: 14px 36px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(6, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 140px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(5, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"koss_locked\">\r\n\r\n <header class=\"koss_navbar\" id=\"koss_navbar\">\r\n <div class=\"koss_navbar__container\">\r\n <a href=\"#\" class=\"koss_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos Villas\">\r\n <\/a>\r\n \r\n <nav class=\"koss_navbar__nav\">\r\n <ul class=\"koss_navbar__menu\">\r\n <li><a href=\"#about\">\u00dcber uns<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologien<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Lage<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koss_navbar__cta\">Informationen freischalten<\/a>\r\n \r\n <button class=\"koss_navbar__burger\" id=\"koss_burger\" aria-label=\"Men\u00fc \u00f6ffnen\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\r\n <ul class=\"koss_mobile_menu__list\">\r\n <li><a href=\"#about\">\u00dcber uns<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologien<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Lage<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koss_mobile_menu__cta\">Informationen freischalten<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koss_mobile_menu__footer\">\r\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_mobile_menu__phone\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koss_hero\" id=\"koss_hero\">\r\n <div class=\"koss_hero__bg\">\r\n <video class=\"koss_hero__video\" id=\"koss_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\r\n <source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"koss_hero__overlay\"><\/div>\r\n\r\n <div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\r\n\r\n <div class=\"koss_hero__content\" id=\"koss_hero_content\">\r\n <div class=\"koss_hero__content-inner\">\r\n <div class=\"koss_hero__content-text\">\r\n <span class=\"koss_hero__label\">36 Exklusive Sky Villas<\/span>\r\n <h1 class=\"koss_hero__title\">Wo der Horizont zu Ihrem Zuhause wird<\/h1>\r\n <p class=\"koss_hero__subtitle\">Erleben Sie das Gef\u00fchl, jeden Morgen mit dem Mittelmeer zu Ihren F\u00fc\u00dfen aufzuwachen \u2014 im Herzen der Costa del Sol.<\/p>\r\n <a href=\"#about\" class=\"koss_hero__cta\">Entdecken Sie Ihre Villa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_hero__scroll\" id=\"koss_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koss_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n LOADER_DURATION: 0,\r\n LOADER_FADE: 0,\r\n GRID_START_DELAY: 300,\r\n CELL_DELAY: 30,\r\n CONTENT_DELAY: 800,\r\n GRID_COLS: 10,\r\n GRID_ROWS: 8\r\n };\r\n\r\n var navbar = document.getElementById('koss_navbar');\r\n var grid = document.getElementById('koss_grid');\r\n var heroContent = document.getElementById('koss_hero_content');\r\n var scrollIndicator = document.getElementById('koss_scroll');\r\n var burger = document.getElementById('koss_burger');\r\n var mobileMenu = document.getElementById('koss_mobile_menu');\r\n var heroVideo = document.getElementById('koss_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.play().catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function() {});\r\n }, 100);\r\n });\r\n }\r\n\r\n function generateGrid() {\r\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\r\n grid.innerHTML = '';\r\n \r\n for (var i = 0; i < totalCells; i++) {\r\n var cell = document.createElement('div');\r\n cell.className = 'koss_hero__cell';\r\n grid.appendChild(cell);\r\n }\r\n }\r\n\r\n function shuffleArray(array) {\r\n var shuffled = array.slice();\r\n for (var i = shuffled.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = shuffled[i];\r\n shuffled[i] = shuffled[j];\r\n shuffled[j] = temp;\r\n }\r\n return shuffled;\r\n }\r\n\r\n function revealGrid(callback) {\r\n var cells = grid.querySelectorAll('.koss_hero__cell');\r\n var indices = [];\r\n \r\n for (var i = 0; i < cells.length; i++) {\r\n indices.push(i);\r\n }\r\n \r\n var shuffledIndices = shuffleArray(indices);\r\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\r\n\r\n shuffledIndices.forEach(function(index, i) {\r\n setTimeout(function() {\r\n cells[index].classList.add('koss_cell--revealed');\r\n }, i * CONFIG.CELL_DELAY);\r\n });\r\n\r\n if (callback) {\r\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\r\n }\r\n }\r\n\r\n function showFinalContent() {\r\n navbar.classList.add('koss_navbar--visible');\r\n heroContent.classList.add('koss_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koss_scroll--visible');\r\n document.body.classList.remove('koss_locked');\r\n }, 400);\r\n }\r\n\r\n function startSequence() {\r\n generateGrid();\r\n initVideo();\r\n\r\n setTimeout(function() {\r\n revealGrid(function() {\r\n showFinalContent();\r\n });\r\n }, CONFIG.GRID_START_DELAY);\r\n }\r\n\r\n function handleScroll() {\r\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n \r\n if (scrollY > 100) {\r\n navbar.classList.add('koss_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koss_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koss_burger--active');\r\n mobileMenu.classList.toggle('koss_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koss_mobile_menu--open') ? 'hidden' : '';\r\n }\r\n\r\n var mobileLinks = mobileMenu.querySelectorAll('a');\r\n for (var i = 0; i < mobileLinks.length; i++) {\r\n mobileLinks[i].addEventListener('click', function() {\r\n burger.classList.remove('koss_burger--active');\r\n mobileMenu.classList.remove('koss_mobile_menu--open');\r\n document.body.style.overflow = '';\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n burger.addEventListener('click', toggleMobileMenu);\r\n \r\n startSequence();\r\n\r\n \/\/ Login-aware CTA toggle\r\n (function() {\r\n var isLogged = document.body.classList.contains('logged-in');\r\n var ctaText = isLogged ? 'Informationen ansehen' : 'Informationen freischalten';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koss_navbar__cta');\r\n if (desktopCta) {\r\n desktopCta.textContent = ctaText;\r\n desktopCta.href = ctaHref;\r\n }\r\n\r\n var mobileCta = document.querySelector('.koss_mobile_menu__cta');\r\n if (mobileCta) {\r\n mobileCta.textContent = ctaText;\r\n mobileCta.href = ctaHref;\r\n }\r\n })();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7561e0 e-con-full e-flex e-con e-parent\" data-id=\"c7561e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3447e5 elementor-widget elementor-widget-html\" data-id=\"c3447e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .koss_about {\r\n position: relative !important;\r\n padding: 160px 0px 100px 0px !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 35% center !important;\r\n background-size: auto 100% !important;\r\n }\r\n\r\n .koss_about__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 80px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 45% !important;\r\n position: sticky !important;\r\n top: 120px !important;\r\n }\r\n\r\n .koss_about__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 4.5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #333333 !important;\r\n margin: 0 0 32px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n line-height: 1.8 !important;\r\n color: #555555 !important;\r\n margin: 0 0 32px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__highlight {\r\n color: #7c362a !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n .koss_about__gradient-text {\r\n background: linear-gradient(\r\n 90deg,\r\n #804330 0%,\r\n #b77352 25%,\r\n #804330 50%,\r\n #b77352 75%,\r\n #804330 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes koss_gradient_shift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .koss_about__delivery {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 14px 24px !important;\r\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\r\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\r\n border-radius: 50px !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__delivery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__delivery-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n color: #748569 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #748569 !important;\r\n }\r\n\r\n .koss_about__stats {\r\n display: flex !important;\r\n gap: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__stats {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__stat {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: 48px !important;\r\n font-weight: 400 !important;\r\n color: #7c362a !important;\r\n line-height: 1 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 2px !important;\r\n color: #888888 !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 50% !important;\r\n display: flex !important;\r\n gap: 16px !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n will-change: transform !important;\r\n transition: transform 0.15s ease-out !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n background-color: #e5e5e5 !important;\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__img-wrapper {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 380px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 280px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_about__img-wrapper:hover .koss_about__img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n @media screen and (max-width: 1400px) {\r\n .koss_about__container {\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 42% !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 54% !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 40px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n gap: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1100px) {\r\n .koss_about {\r\n padding: 100px 0 !important;\r\n background-size: auto 80% !important;\r\n background-position: 60% bottom !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 40px !important;\r\n flex-direction: column !important;\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: none !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n top: 0 !important;\r\n max-width: 600px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: none !important;\r\n width: 100% !important;\r\n min-height: 500px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 300px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 180px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_about {\r\n padding: 80px 0 60px !important;\r\n background-size: auto 50% !important;\r\n background-position: 70% 20% !important;\r\n background-attachment: scroll !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 24px !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .koss_about__text {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n padding: 12px 20px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-size: 10px !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #e5e5e5 !important;\r\n border-bottom: 1px solid #e5e5e5 !important;\r\n }\r\n\r\n .koss_about__stat {\r\n flex: 1 !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n min-height: auto !important;\r\n width: 100vw !important;\r\n margin-left: -24px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 0 0 auto !important;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: max-content !important;\r\n padding: 0 !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n flex-shrink: 0 !important;\r\n border-radius: 12px !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 48px) !important;\r\n height: 220px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n flex-wrap: wrap !important;\r\n gap: 6px 10px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n margin-left: -20px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__column {\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 40px) !important;\r\n height: 200px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_about\" id=\"about\">\r\n <div class=\"koss_about__container\">\r\n \r\n <div class=\"koss_about__content\">\r\n <span class=\"koss_about__label\">El Higuer\u00f3n, Costa del Sol<\/span>\r\n <h2 class=\"koss_about__title\">Die Eroberung der <span class=\"koss_about__gradient-text\">Sinne<\/span><\/h2>\r\n <p class=\"koss_about__text\">\r\n Hoch \u00fcber El Higuer\u00f3n, wo sich das Mittelmeer bis ins Unendliche erstreckt, entsteht ein einzigartiges Wohnkonzept. \r\n <span class=\"koss_about__highlight\">The Kos ist nicht nur ein Ort zum Leben \u2014 es ist eine Art, das Leben zu verstehen.<\/span> \r\n Architektur, die atmet, R\u00e4ume, die inspirieren, Ausblicke, die ber\u00fchren.\r\n <\/p>\r\n\r\n <div class=\"koss_about__delivery\">\r\n <svg class=\"koss_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <\/svg>\r\n <span class=\"koss_about__delivery-label\">Voraussichtliche \u00dcbergabe<\/span>\r\n <span class=\"koss_about__delivery-value\">Q1 2027<\/span>\r\n <\/div>\r\n\r\n <div class=\"koss_about__stats\">\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"37\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Sky Villas<\/span>\r\n <\/div>\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"321\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Sonnentage<\/span>\r\n <\/div>\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"181\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Panoramablick<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__gallery\" id=\"koss_gallery\">\r\n \r\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.08\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--medium\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Luftaufnahme The Kos\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Innenpool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__column\" data-direction=\"down\" data-speed=\"0.12\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\" alt=\"Gemeinschaftspool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\" alt=\"Au\u00dfenterrasse\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.06\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\" alt=\"Wohnzimmer mit Terrasse\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\" alt=\"Au\u00dfenpool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var columns = document.querySelectorAll('.koss_about__column');\r\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n var isMobile = window.innerWidth <= 768;\r\n\r\n function updateParallaxDesktop() {\r\n if (isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n\r\n var sectionCenter = rect.top + rect.height \/ 2;\r\n var viewportCenter = windowHeight \/ 2;\r\n var offset = sectionCenter - viewportCenter;\r\n\r\n columns.forEach(function(column) {\r\n var direction = column.getAttribute('data-direction');\r\n var speed = parseFloat(column.getAttribute('data-speed'));\r\n \r\n var movement = offset * speed;\r\n \r\n if (direction === 'up') {\r\n column.style.transform = 'translateY(' + movement + 'px)';\r\n } else {\r\n column.style.transform = 'translateY(' + (-movement) + 'px)';\r\n }\r\n });\r\n }\r\n\r\n function updateParallaxMobile() {\r\n if (!isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n var sectionHeight = rect.height;\r\n \r\n var visibleTop = Math.max(0, windowHeight - rect.top);\r\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\r\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\r\n\r\n var padding = window.innerWidth <= 480 ? 20 : 24;\r\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\r\n var imageWidth = window.innerWidth - (padding * 2);\r\n var maxShift = imageWidth + gapSize;\r\n\r\n columns.forEach(function(column, index) {\r\n var movement;\r\n var speed = 0.7;\r\n \r\n if (index === 0) {\r\n movement = padding - (scrollProgress * maxShift * speed);\r\n } else if (index === 1) {\r\n var startPos = -(imageWidth + gapSize) + padding;\r\n movement = startPos + (scrollProgress * maxShift * speed);\r\n } else {\r\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\r\n }\r\n \r\n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\r\n });\r\n }\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var duration = 1500;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n var easeProgress = 1 - Math.pow(2, -10 * progress);\r\n var current = Math.floor(easeProgress * target);\r\n \r\n if (target === 181) {\r\n stat.textContent = current + '\u00ba';\r\n } else {\r\n stat.textContent = current;\r\n }\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n about.classList.add('koss_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n function onResize() {\r\n var wasMobile = isMobile;\r\n isMobile = window.innerWidth <= 768;\r\n \r\n if (wasMobile !== isMobile) {\r\n columns.forEach(function(column) {\r\n column.style.transform = '';\r\n });\r\n }\r\n \r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', onResize, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b1f2d e-con-full e-flex e-con e-parent\" data-id=\"22b1f2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb30a4 elementor-widget elementor-widget-html\" data-id=\"adb30a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"koss_separator\" id=\"separator\" data-video-src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-video.mp4\" data-video-src-mobile=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-mobile.mp4\">\r\n \r\n \r\n <div class=\"koss_separator__header\">\r\n <h2 class=\"koss_separator__title\">Zum Leben entworfen<\/h2>\r\n <p class=\"koss_separator__subtitle\">Jede Villa ist ein Refugium aus Licht, Raum und Ruhe<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"koss_separator__video-container\">\r\n <video class=\"koss_separator__video\" id=\"koss_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\r\n <\/video>\r\n \r\n <div class=\"koss_separator__video-overlay\"><\/div>\r\n\r\n \r\n <div class=\"koss_separator__controls\">\r\n \r\n \r\n <button class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\" aria-label=\"Pausar video\">\r\n <svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n <\/svg>\r\n <svg class=\"koss_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\" aria-label=\"Activar sonido\">\r\n <svg class=\"koss_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <svg class=\"koss_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"koss_separator__control-btn\" id=\"koss_fullscreen\" aria-label=\"Pantalla completa\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .koss_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background-color: #1a1a1a !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .koss_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_separator__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(15px, 1.8vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .koss_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0.1) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(0, 0, 0, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .koss_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 12px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_separator__control-btn .koss_icon--pause,\r\n .koss_separator__control-btn .koss_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .koss_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .koss_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n border-radius: 10px !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('koss_separator_video');\r\n var playPauseBtn = document.getElementById('koss_playpause');\r\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\r\n var fullscreenBtn = document.getElementById('koss_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('koss_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\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-13ba09f e-con-full e-flex e-con e-parent\" data-id=\"13ba09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec32e63 elementor-widget elementor-widget-html\" data-id=\"ec32e63\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Typologien<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_typologies {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: -5% 80% !important;\r\n background-size: auto 70% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_typologies__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 480px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n display: grid !important;\r\n grid-template-columns: 1.5fr 1fr !important;\r\n gap: 20px !important;\r\n min-height: 580px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s, grid-template-columns 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card {\r\n position: relative !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 16px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_typologies__card:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 300px !important;\r\n height: 300px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_typologies__card:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card--main {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card-image-wrapper {\r\n position: absolute !important;\r\n inset: -20px !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_typologies__card-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_typologies__card-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.8) 0%,\r\n rgba(0, 0, 0, 0.4) 40%,\r\n rgba(0, 0, 0, 0.1) 70%,\r\n rgba(0, 0, 0, 0.05) 100%\r\n ) !important;\r\n transition: background 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.75) 0%,\r\n rgba(0, 0, 0, 0.25) 40%,\r\n rgba(0, 0, 0, 0.02) 70%,\r\n transparent 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.85) 0%,\r\n rgba(0, 0, 0, 0.5) 50%,\r\n rgba(0, 0, 0, 0.25) 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 40px !important;\r\n z-index: 5 !important;\r\n transform: translateY(0) !important;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-content {\r\n transform: translateY(-10px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card-badge {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin-bottom: 12px !important;\r\n display: block !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-badge {\r\n color: rgba(183, 115, 82, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: clamp(24px, 3vw, 32px) !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n letter-spacing: 0.3px !important;\r\n color: rgba(255, 255, 255, 0.65) !important;\r\n margin: 0 0 28px 0 !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-tagline {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\r\n font-size: 14px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 28px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-details {\r\n gap: 20px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: rgba(183, 115, 82, 0.85) !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.3s ease, color 0.3s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\r\n transform: scale(1.1) !important;\r\n color: rgba(183, 115, 82, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n color: #ffffff !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 32px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 8px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__card-cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\r\n transition: left 0.6s ease !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover {\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\r\n border-color: rgba(183, 115, 82, 0.5) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\r\n }\r\n\r\n .koss_typologies__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n fill: currentColor !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover svg {\r\n transform: translateX(6px) !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n padding: 8px 14px !important;\r\n background: rgba(0, 0, 0, 0.3) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-radius: 6px !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 6 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__swap-hint {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__swap-hint svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr 1.5fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\r\n order: 2 !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: 1 !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #999999 !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 48px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_typologies__grid {\r\n grid-template-columns: 1.3fr 1fr !important;\r\n gap: 16px !important;\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_typologies {\r\n padding: 100px 0 !important;\r\n background-position: -20% 90% !important;\r\n background-size: auto 50% !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: unset !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 420px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n display: none !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n margin-top: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_typologies {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 380px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-size: 13px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 18px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 360px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 14px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-size: 10px !important;\r\n margin-top: 28px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_typologies\" id=\"typologies\">\r\n <div class=\"koss_typologies__container\">\r\n \r\n <header class=\"koss_typologies__header\">\r\n <span class=\"koss_typologies__label\">Sky Top Villas<\/span>\r\n <h2 class=\"koss_typologies__title\">W\u00e4hlen Sie Ihren Horizont<\/h2>\r\n <p class=\"koss_typologies__subtitle\">Zwei Konfigurationen, die sich Ihrem mediterranen Lebensstil anpassen<\/p>\r\n <\/header>\r\n\r\n <div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\r\n \r\n <article class=\"koss_typologies__card koss_typologies__card--main\" data-type=\"3bed\">\r\n <div class=\"koss_typologies__card-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\" alt=\"Villa mit 3 Schlafzimmern\" class=\"koss_typologies__card-image\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_typologies__card-overlay\"><\/div>\r\n \r\n <div class=\"koss_typologies__swap-hint\" style=\"display: none;\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\r\n <\/svg>\r\n Vergr\u00f6\u00dfern\r\n <\/div>\r\n\r\n <div class=\"koss_typologies__card-content\">\r\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\r\n <h3 class=\"koss_typologies__card-name\">3 Schlafzimmer<\/h3>\r\n <p class=\"koss_typologies__card-tagline\">Ihr Refugium mit endlosem Blick auf das Mittelmeer<\/p>\r\n <div class=\"koss_typologies__card-details\">\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\r\n <path d=\"M2 9h20\"\/>\r\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">1.120.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Wohnfl\u00e4che ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\r\n Entdecken\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"koss_typologies__card koss_typologies__card--secondary\" data-type=\"4bed\">\r\n <div class=\"koss_typologies__card-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\" alt=\"Villa mit 4 Schlafzimmern\" class=\"koss_typologies__card-image\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_typologies__card-overlay\"><\/div>\r\n \r\n <div class=\"koss_typologies__swap-hint\" style=\"display: flex;\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\r\n <\/svg>\r\n Vergr\u00f6\u00dfern\r\n <\/div>\r\n\r\n <div class=\"koss_typologies__card-content\">\r\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\r\n <h3 class=\"koss_typologies__card-name\">4 Schlafzimmer<\/h3>\r\n <p class=\"koss_typologies__card-tagline\">Grenzenloser Raum f\u00fcr alle, die gro\u00df tr\u00e4umen<\/p>\r\n <div class=\"koss_typologies__card-details\">\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\r\n <path d=\"M2 9h20\"\/>\r\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">1.300.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Wohnfl\u00e4che ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\r\n Entdecken\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <p class=\"koss_typologies__disclaimer\">Abbildungen ohne Vertragscharakter, erstellt auf Grundlage des Grundprojekts, das zur Bearbeitung der Baugenehmigung eingereicht wurde. Die Informationen k\u00f6nnen aufgrund technischer, rechtlicher oder kommerzieller Anforderungen w\u00e4hrend oder nach Abschluss der Bauarbeiten \u00c4nderungen unterliegen.<\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typologies');\r\n var grid = document.getElementById('koss_typologies_grid');\r\n var cards = document.querySelectorAll('.koss_typologies__card');\r\n var mainCard = document.querySelector('.koss_typologies__card--main');\r\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\r\n\r\n var swapTimeout = null;\r\n var isSwapped = false;\r\n\r\n cards.forEach(function(card) {\r\n card.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = card.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n card.style.setProperty('--mouse-x', x + 'px');\r\n card.style.setProperty('--mouse-y', y + 'px');\r\n\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n var percentX = (x \/ rect.width - 0.5) * 2;\r\n var percentY = (y \/ rect.height - 0.5) * 2;\r\n var moveX = percentX * 8;\r\n var moveY = percentY * 8;\r\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\r\n }\r\n });\r\n\r\n card.addEventListener('mouseleave', function() {\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n image.style.transform = '';\r\n }\r\n });\r\n });\r\n\r\n function swapCards(toSwapped) {\r\n if (window.innerWidth <= 991) return;\r\n if (toSwapped === isSwapped) return;\r\n\r\n isSwapped = toSwapped;\r\n\r\n if (toSwapped) {\r\n grid.classList.add('koss_grid--swapped');\r\n mainCard.classList.remove('koss_typologies__card--main');\r\n mainCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--main');\r\n } else {\r\n grid.classList.remove('koss_grid--swapped');\r\n mainCard.classList.add('koss_typologies__card--main');\r\n mainCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--main');\r\n }\r\n\r\n updateSwapHint();\r\n }\r\n\r\n function updateSwapHint() {\r\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\r\n hints.forEach(function(hint) {\r\n var card = hint.closest('.koss_typologies__card');\r\n if (card.classList.contains('koss_typologies__card--secondary')) {\r\n hint.style.display = 'flex';\r\n } else {\r\n hint.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n secondaryCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(true);\r\n }, 250);\r\n });\r\n\r\n mainCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(false);\r\n }, 250);\r\n });\r\n\r\n grid.addEventListener('mouseleave', function() {\r\n clearTimeout(swapTimeout);\r\n });\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_typologies--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateSwapHint();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-893162f elementor-widget elementor-widget-html\" data-id=\"893162f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"de\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>The Kos - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>*, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_divider {\r\n position: relative !important;\r\n height: 45vh !important;\r\n min-height: 360px !important;\r\n max-height: 500px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_divider__image {\r\n position: absolute !important;\r\n top: -15% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 130% !important;\r\n object-fit: cover !important;\r\n object-position: center 40% !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_divider__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: \r\n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\r\n linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.1) 100%) !important;\r\n }\r\n\r\n .koss_divider__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n text-align: center !important;\r\n padding: 0 40px !important;\r\n max-width: 1000px !important;\r\n }\r\n\r\n .koss_divider__quote {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(28px, 5vw, 52px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(25px) !important;\r\n transition: opacity 0.9s ease, transform 0.9s ease !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__quote {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 70px !important;\r\n height: 2px !important;\r\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\r\n margin: 28px auto 0 !important;\r\n border-radius: 1px !important;\r\n opacity: 0 !important;\r\n transform: scaleX(0) !important;\r\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__line {\r\n opacity: 1 !important;\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_divider {\r\n height: 40vh !important;\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_divider {\r\n height: 38vh !important;\r\n min-height: 280px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 55px !important;\r\n margin-top: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_divider {\r\n min-height: 260px !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"koss_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" alt=\"Panoramablick von The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\"><div class=\"koss_divider__overlay\"><\/div><div class=\"koss_divider__content\"><p class=\"koss_divider__quote\">Das Mittelmeer zu Ihren F\u00fc\u00dfen, der Himmel zum Greifen nah<\/p><div class=\"koss_divider__line\"><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('divider');\r\n var image = document.getElementById('koss_divider_image');\r\n\r\n function updateParallax() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n \r\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\r\n var translateY = (scrollProgress - 0.5) * 80;\r\n \r\n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_divider--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n updateParallax();\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateParallax();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45ccd4c e-con-full e-flex e-con e-parent\" data-id=\"45ccd4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9950d0d elementor-widget elementor-widget-html\" data-id=\"9950d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Galerie<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_gallery {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f6f6f6 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 105% 20% !important;\r\n background-size: auto 60% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_gallery__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 auto !important;\r\n max-width: 520px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(12, 1fr) !important;\r\n grid-template-rows: repeat(2, 280px) !important;\r\n gap: 16px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__item {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease !important;\r\n }\r\n\r\n .koss_gallery__item::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 12px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.7) 0%, rgba(128, 67, 48, 0.4) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_gallery__item:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__item::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 200px !important;\r\n height: 200px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_gallery__item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(1) { transition-delay: 0.35s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(3) { transition-delay: 0.55s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(4) { transition-delay: 0.65s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(5) { transition-delay: 0.75s !important; }\r\n\r\n .koss_gallery__item:nth-child(1) {\r\n grid-column: 1 \/ 6 !important;\r\n grid-row: 1 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(2) {\r\n grid-column: 6 \/ 9 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(3) {\r\n grid-column: 9 \/ 13 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(4) {\r\n grid-column: 6 \/ 10 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 10 \/ 13 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_gallery__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.7) 0%,\r\n rgba(0, 0, 0, 0.1) 40%,\r\n rgba(0, 0, 0, 0) 60%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n z-index: 4 !important;\r\n transform: translateY(10px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s ease, opacity 0.4s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .koss_gallery__caption-hint {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n margin-top: 8px !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption-hint {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_gallery__caption-hint svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n flex-shrink: 0 !important;\r\n position: relative !important;\r\n top: -2px !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption-hint svg {\r\n transform: translateX(3px) !important;\r\n }\r\n\r\n .koss_lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koss_lightbox.koss_lightbox--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_lightbox__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.95) 100%) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n }\r\n\r\n .koss_lightbox__vignette {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_lightbox__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 90vw !important;\r\n max-height: 85vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_lightbox__image {\r\n max-width: 100% !important;\r\n max-height: 85vh !important;\r\n object-fit: contain !important;\r\n border-radius: 8px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n transition: opacity 0.25s ease, transform 0.25s ease !important;\r\n }\r\n\r\n .koss_lightbox--open .koss_lightbox__image {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_lightbox__close {\r\n position: absolute !important;\r\n top: 24px !important;\r\n right: 24px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_lightbox__close:hover {\r\n background: rgba(183, 115, 82, 0.2) !important;\r\n border-color: rgba(183, 115, 82, 0.4) !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_lightbox__close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.06) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_lightbox__nav:hover {\r\n background: rgba(183, 115, 82, 0.15) !important;\r\n border-color: rgba(183, 115, 82, 0.3) !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 24px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev:hover {\r\n transform: translateY(-50%) translateX(-4px) !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 24px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next:hover {\r\n transform: translateY(-50%) translateX(4px) !important;\r\n }\r\n\r\n .koss_lightbox__nav svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_lightbox__info {\r\n position: absolute !important;\r\n bottom: 28px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n text-align: center !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .koss_lightbox__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_lightbox__counter {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 3px !important;\r\n color: rgba(183, 115, 82, 0.8) !important;\r\n }\r\n\r\n .koss_lightbox__swipe-hint {\r\n display: none !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1px !important;\r\n color: rgba(255, 255, 255, 0.35) !important;\r\n margin-top: 10px !important;\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_lightbox__swipe-hint {\r\n display: block !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_gallery__grid {\r\n grid-template-rows: repeat(2, 240px) !important;\r\n gap: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_gallery {\r\n padding: 100px 0 !important;\r\n background-position: 110% 90% !important;\r\n background-size: auto 45% !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-template-rows: repeat(3, 220px) !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(1) {\r\n grid-column: 1 \/ 3 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(2) {\r\n grid-column: 1 \/ 2 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(3) {\r\n grid-column: 2 \/ 3 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(4) {\r\n grid-column: 1 \/ 2 !important;\r\n grid-row: 3 \/ 4 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 2 \/ 3 !important;\r\n grid-row: 3 \/ 4 !important;\r\n }\r\n\r\n .koss_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 16px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 16px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_gallery {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n grid-template-columns: 1fr !important;\r\n grid-template-rows: repeat(5, 200px) !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(1),\r\n .koss_gallery__item:nth-child(2),\r\n .koss_gallery__item:nth-child(3),\r\n .koss_gallery__item:nth-child(4),\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 1 \/ -1 !important;\r\n grid-row: auto !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_gallery__caption-title {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_lightbox__close {\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 12px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 12px !important;\r\n }\r\n\r\n .koss_lightbox__nav svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_lightbox__info {\r\n bottom: 20px !important;\r\n }\r\n\r\n .koss_lightbox__title {\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_gallery__grid {\r\n grid-template-rows: repeat(5, 180px) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_gallery\" id=\"gallery\">\r\n <div class=\"koss_gallery__container\">\r\n \r\n <header class=\"koss_gallery__header\">\r\n <span class=\"koss_gallery__label\">R\u00e4ume<\/span>\r\n <h2 class=\"koss_gallery__title\">Jeder Winkel, ein Genuss<\/h2>\r\n <p class=\"koss_gallery__subtitle\">Innenr\u00e4ume, in denen Licht, Design und Wohlbefinden aufeinandertreffen<\/p>\r\n <\/header>\r\n\r\n <div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\r\n \r\n <div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Ihr Wohlbefinden hat Priorit\u00e4t\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Innenpool mit Ausblick\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Ihr Wohlbefinden hat Priorit\u00e4t<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"Wo Ideen entstehen\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\" alt=\"Arbeitsbereich mit Panoramablick\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Wo Ideen entstehen<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Ihr Ort der Inspiration\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\" alt=\"Privater Raum mit nat\u00fcrlichem Licht\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Ihr Ort der Inspiration<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energie f\u00fcr jeden Morgen\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\" alt=\"Fitnessstudio mit Technogym-Ausstattung\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Energie f\u00fcr jeden Morgen<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Das t\u00e4gliche Ritual\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\" alt=\"Designbad mit Premium-Ausstattung\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Das t\u00e4gliche Ritual<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_lightbox\" id=\"koss_lightbox\">\r\n <div class=\"koss_lightbox__backdrop\" id=\"koss_lightbox_backdrop\"><\/div>\r\n <div class=\"koss_lightbox__vignette\"><\/div>\r\n \r\n <button class=\"koss_lightbox__close\" id=\"koss_lightbox_close\" aria-label=\"Schlie\u00dfen\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <button class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\" aria-label=\"Zur\u00fcck\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\" aria-label=\"Weiter\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"koss_lightbox__content\">\r\n <img decoding=\"async\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"koss_lightbox__info\">\r\n <p class=\"koss_lightbox__title\" id=\"koss_lightbox_title\"><\/p>\r\n <p class=\"koss_lightbox__counter\" id=\"koss_lightbox_counter\"><\/p>\r\n <p class=\"koss_lightbox__swipe-hint\">Wischen zum Navigieren<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('gallery');\r\n var items = document.querySelectorAll('.koss_gallery__item');\r\n var lightbox = document.getElementById('koss_lightbox');\r\n var lightboxBackdrop = document.getElementById('koss_lightbox_backdrop');\r\n var lightboxImage = document.getElementById('koss_lightbox_image');\r\n var lightboxTitle = document.getElementById('koss_lightbox_title');\r\n var lightboxCounter = document.getElementById('koss_lightbox_counter');\r\n var lightboxClose = document.getElementById('koss_lightbox_close');\r\n var lightboxPrev = document.getElementById('koss_lightbox_prev');\r\n var lightboxNext = document.getElementById('koss_lightbox_next');\r\n\r\n var images = [];\r\n items.forEach(function(item) {\r\n images.push({\r\n src: item.querySelector('.koss_gallery__image').src,\r\n title: item.getAttribute('data-title')\r\n });\r\n });\r\n\r\n var currentIndex = 0;\r\n var totalImages = images.length;\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = item.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n item.style.setProperty('--mouse-x', x + 'px');\r\n item.style.setProperty('--mouse-y', y + 'px');\r\n });\r\n });\r\n\r\n function openLightbox(index) {\r\n currentIndex = index;\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n lightbox.classList.add('koss_lightbox--open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('koss_lightbox--open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n function updateLightbox() {\r\n lightboxImage.style.setProperty('opacity', '0', 'important');\r\n lightboxImage.style.setProperty('transform', 'scale(0.95)', 'important');\r\n \r\n setTimeout(function() {\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n \r\n setTimeout(function() {\r\n lightboxImage.style.setProperty('opacity', '1', 'important');\r\n lightboxImage.style.setProperty('transform', 'scale(1)', 'important');\r\n }, 50);\r\n }, 200);\r\n }\r\n\r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('click', function() {\r\n var index = parseInt(this.getAttribute('data-index'), 10);\r\n openLightbox(index);\r\n });\r\n });\r\n\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxBackdrop.addEventListener('click', closeLightbox);\r\n\r\n lightboxNext.addEventListener('click', nextImage);\r\n lightboxPrev.addEventListener('click', prevImage);\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('koss_lightbox--open')) return;\r\n \r\n if (e.key === 'Escape') {\r\n closeLightbox();\r\n } else if (e.key === 'ArrowRight') {\r\n nextImage();\r\n } else if (e.key === 'ArrowLeft') {\r\n prevImage();\r\n }\r\n });\r\n\r\n var touchStartX = 0;\r\n var touchEndX = 0;\r\n var touchStartY = 0;\r\n var touchEndY = 0;\r\n var minSwipeDistance = 50;\r\n\r\n lightbox.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n touchStartY = e.changedTouches[0].screenY;\r\n }, { passive: true });\r\n\r\n lightbox.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n touchEndY = e.changedTouches[0].screenY;\r\n handleSwipe();\r\n }, { passive: true });\r\n\r\n function handleSwipe() {\r\n var deltaX = touchEndX - touchStartX;\r\n var deltaY = touchEndY - touchStartY;\r\n \r\n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > minSwipeDistance) {\r\n if (deltaX > 0) {\r\n prevImage();\r\n } else {\r\n nextImage();\r\n }\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_gallery--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade6763 e-con-full e-flex e-con e-parent\" data-id=\"ade6763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2b6ac elementor-widget elementor-widget-html\" data-id=\"5e2b6ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"de\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>The Kos - Lage<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .koss_location {\r\n position: relative !important;\r\n padding: 120px 0 !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .koss_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .koss_location__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_location {\r\n padding: 100px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_location__title {\r\n margin-bottom: 16px !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"koss_location\" id=\"location\"><div class=\"koss_location__container\"><div class=\"koss_location__content\"><span class=\"koss_location__label\">Lage<\/span><h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2><p class=\"koss_location__subtitle\">Wo das Mittelmeer, die Berge und die Sonne aufeinandertreffen. Nur wenige Minuten vom Meer entfernt, mit der Welt verbunden.<\/p><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4385b elementor-widget elementor-widget-html\" data-id=\"ad4385b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe id=\"iframe-map\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/map\/kos.html\" allowfullscreen=\"\" title=\"Parque Vega, Interaktive Karte\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\r\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d33e05 e-con-full e-flex e-con e-parent\" data-id=\"9d33e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db64be elementor-widget elementor-widget-html\" data-id=\"0db64be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Freischalten<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_unlock {\r\n position: relative !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n .koss_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\r\n transform: scale(1.03) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n .koss_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e8e8e8 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_unlock__agent-card-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .koss_unlock__agent-card-sub {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\r\n\r\n .koss_unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field input[type=\"number\"],\r\n .koss_unlock .wpforms-field input[type=\"url\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input:focus,\r\n .koss_unlock .wpforms-field select:focus,\r\n .koss_unlock .wpforms-field textarea:focus {\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input::placeholder,\r\n .koss_unlock .wpforms-field textarea::placeholder {\r\n color: #aaaaaa !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n padding-right: 44px !important;\r\n min-width: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\r\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\r\n padding-top: 10px !important;\r\n padding-bottom: 5px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select option {\r\n padding: 12px 16px !important;\r\n white-space: normal !important;\r\n word-wrap: break-word !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country-list {\r\n max-width: 360px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox ul,\r\n .koss_unlock .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox li,\r\n .koss_unlock .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox label,\r\n .koss_unlock .wpforms-field-radio label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #555555 !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox input,\r\n .koss_unlock .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label,\r\n .koss_unlock .wpforms-field-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\r\n .koss_unlock .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_unlock .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n width: 100% !important;\r\n padding: 18px 32px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-has-error input,\r\n .koss_unlock .wpforms-field.wpforms-has-error select,\r\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-error {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: #f0f7f0 !important;\r\n border-radius: 12px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n\r\n .koss_evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 16px 0 0 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n\r\n .koss_evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koss_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n\r\n @keyframes koss_shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n }\r\n\r\n .koss_evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n .koss_evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: koss_shineEffect 1.2s ease-in-out !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .koss_agent_modal.koss_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .koss_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .koss_agent_modal--open .koss_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .koss_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .koss_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koss_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input[type=\"text\"],\r\n .koss_agent_modal .wpforms-field input[type=\"email\"],\r\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\r\n .koss_agent_modal .wpforms-field select,\r\n .koss_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 14px 18px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input:focus,\r\n .koss_agent_modal .wpforms-field select:focus,\r\n .koss_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\r\n .koss_agent_modal .wpforms-field-checkbox label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\r\n .koss_agent_modal .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-checkbox input,\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 60px 48px 60px 60px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n order: 2 !important;\r\n max-width: 100% !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n padding: 16px 28px !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_unlock\" id=\"unlock\">\r\n \r\n <div class=\"koss_unlock__grid\">\r\n \r\n <div class=\"koss_unlock__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Terrasse mit Blick auf das Mittelmeer\" class=\"koss_unlock__image\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"koss_unlock__form-wrapper\">\r\n <span class=\"koss_unlock__label\">Entdecken Sie Kos Villas von innen<\/span>\r\n <h2 class=\"koss_unlock__title\">Alle Informationen freischalten<\/h2>\r\n <p class=\"koss_unlock__subtitle\">Erhalten Sie Zugang zu detaillierten Grundrissen, aktuellen Preisen und Verf\u00fcgbarkeit in Echtzeit. Unverbindlich.<\/p>\r\n \r\n <div class=\"koss_unlock__form\">\r\n <style id=\"wpforms-css-vars-1668\">\n\t\t\t\t#wpforms-1668 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-1668\"><form id=\"wpforms-form-1668\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1668\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de\/wp-json\/wp\/v2\/pages\/1626\" data-token=\"7dae498cbf1c909a9632c03947eb15c9\" data-token-time=\"1779324556\"><noscript class=\"wpforms-error-noscript\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-1668-field_21-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"21\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_58-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"58\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-1668-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-1668-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_61-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"61\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-1668-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-1668-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_59-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"59\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-1668-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-1668-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_60-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"60\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-1668-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-1668-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_63-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"63\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-1668-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-1668-field_63-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_62-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"62\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-1668-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-1668-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_49-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"49\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"51\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-1668-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"0e8af60f-a8fc-4089-936b-f247bf49e7b8\" aria-errormessage=\"wpforms-1668-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"56\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-1668-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"51f65774-c533-49cb-a692-86f7d18e7a65\" aria-errormessage=\"wpforms-1668-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"55\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-1668-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"d15699e7-6c0e-4437-822a-aaeedf712ec0\" aria-errormessage=\"wpforms-1668-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"57\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-1668-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"743b4a8a-0f3f-4229-9097-af4b188f52a4\" aria-errormessage=\"wpforms-1668-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"52\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-1668-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"ca39c7c8-3eed-4336-bf4e-4bfa1c3bc105\" aria-errormessage=\"wpforms-1668-field_52-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_48-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"48\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_39-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"39\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-1668-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-1668-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_40-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"40\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-1668-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-1668-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_41-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"41\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-1668-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-1668-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_42-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"42\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-1668-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-1668-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_37-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"37\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_37\">Was ist Ihre Hauptmotivation f\u00fcr die Suche nach einer neuen Immobilie? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- W\u00e4hlen ---<\/option><option value=\"Ich suche einen Ort, an dem ich abschalten, entspannen und mich wirklich wie zu Hause f\u00fchlen kann.\" class=\"choice-1 depth-1\" >Ich suche einen Ort, an dem ich abschalten, entspannen und mich wirklich wie zu Hause f\u00fchlen kann.<\/option><option value=\"Wir m\u00f6chten einen neuen Lebensabschnitt in einem inspirierenden und komfortablen Umfeld beginnen.\" class=\"choice-2 depth-1\" >Wir m\u00f6chten einen neuen Lebensabschnitt in einem inspirierenden und komfortablen Umfeld beginnen.<\/option><option value=\"Wir suchen ein gr\u00f6\u00dferes Haus, das den Bed\u00fcrfnissen unserer Familie entspricht.\" class=\"choice-3 depth-1\" >Wir suchen ein gr\u00f6\u00dferes Haus, das den Bed\u00fcrfnissen unserer Familie entspricht.<\/option><option value=\"Ich suche eine gewinnbringende und sichere Immobilieninvestition.\" class=\"choice-4 depth-1\" >Ich suche eine gewinnbringende und sichere Immobilieninvestition.<\/option><option value=\"Ich suche einen Ort, an dem ich remote arbeiten und den Lebensstil genie\u00dfen kann.\" class=\"choice-5 depth-1\" >Ich suche einen Ort, an dem ich remote arbeiten und den Lebensstil genie\u00dfen kann.<\/option><\/select><\/div><div id=\"wpforms-1668-field_38-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"38\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_38\">Welche dieser Aussagen beschreibt Sie am besten? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- W\u00e4hlen ---<\/option><option value=\"Ich treffe gerne schnelle Entscheidungen und l\u00f6se Probleme.\" class=\"choice-1 depth-1\" >Ich treffe gerne schnelle Entscheidungen und l\u00f6se Probleme.<\/option><option value=\"Ich m\u00f6chte meine Optionen erst vollst\u00e4ndig verstehen, bevor ich eine Entscheidung treffe.\" class=\"choice-2 depth-1\" >Ich m\u00f6chte meine Optionen erst vollst\u00e4ndig verstehen, bevor ich eine Entscheidung treffe.<\/option><option value=\"Ich mag es, neue Ideen zu entdecken und kreativ zu sein.\" class=\"choice-3 depth-1\" >Ich mag es, neue Ideen zu entdecken und kreativ zu sein.<\/option><option value=\"Ich bevorzuge bew\u00e4hrte Methoden und die Aufrechterhaltung von Stabilit\u00e4t.\" class=\"choice-4 depth-1\" >Ich bevorzuge bew\u00e4hrte Methoden und die Aufrechterhaltung von Stabilit\u00e4t.<\/option><\/select><\/div>\t\t<div id=\"wpforms-1668-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1668-field_1\" >internacional LMP en<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1668-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1668-field_5-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"5\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_6\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1668-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1668-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_8\">Nachname <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1668-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-1668-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_9\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1668-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Telefon\" aria-errormessage=\"wpforms-1668-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1668-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1668-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_67-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"67\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_67\">Altersspanne <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- W\u00e4hlen Sie die Option aus --<\/option><option value=\"Unter 35 Jahren\" class=\"choice-1 depth-1\" >Unter 35 Jahren<\/option><option value=\"Zwischen 35 und 45 Jahren\" class=\"choice-2 depth-1\" >Zwischen 35 und 45 Jahren<\/option><option value=\"Zwischen 45 und 60 Jahren\" class=\"choice-3 depth-1\" >Zwischen 45 und 60 Jahren<\/option><option value=\"\u00dcber 60 Jahre alt\" class=\"choice-4 depth-1\" >\u00dcber 60 Jahre alt<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_68-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"68\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_68\">Geben Sie Ihre Nationalit\u00e4t an. <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- W\u00e4hlen Sie die Option aus --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-5 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-6 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-9 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-11 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-12 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-13 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-14 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-16 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-19 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-20 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-21 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-22 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-23 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-24 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-25 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-27 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-29 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-30 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-31 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-32 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-33 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-34 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-36 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-37 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-41 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-42 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-43 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-44 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-47 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-48 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-49 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-52 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-54 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-56 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-58 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-60 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-63 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-66 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-67 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-69 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-70 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-71 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-72 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-73 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-75 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-77 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-78 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-79 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-80 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-82 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-83 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-85 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-86 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-89 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-90 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-91 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-93 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-94 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-96 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-97 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-100 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-102 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-103 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-107 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-108 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-110 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-111 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-114 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-115 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-117 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-119 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-122 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-125 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-126 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-127 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-128 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-129 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-130 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-131 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-132 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-133 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-135 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-136 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-138 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-141 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-142 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-145 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-146 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-148 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-149 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-151 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-152 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-153 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-154 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-156 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-157 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-158 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-159 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-160 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-161 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-162 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-164 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-165 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-166 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-167 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-169 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-171 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-172 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-173 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-174 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-177 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-179 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-180 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-181 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-182 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-185 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-186 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-187 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-188 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-189 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-191 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-193 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-196 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-197 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-198 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_33-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-field-readonly\" data-field-id=\"33\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-1668-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Deutsch\" aria-errormessage=\"wpforms-1668-field_33-error\" ><\/div><div id=\"wpforms-1668-field_47-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"47\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-1668-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-1668-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Ich akzeptiere die Datenschutzbestimmungen dieser Website.\" aria-errormessage=\"wpforms-1668-field_47_1-error\" aria-describedby=\"wpforms-1668-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-1668-field_47_1\">Ich akzeptiere die Datenschutzbestimmungen dieser Website.<\/label><\/li><\/ul><div id=\"wpforms-1668-field_47-description\" class=\"wpforms-field-description\">Sie k\u00f6nnen die Datenschutzrichtlinie <a href=\"https:\/\/thekosvillas.com\/de\/privacidad\/\">hier einsehen<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-1668-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-1668-field_66\" name=\"wpforms[fields][66]\" value=\"1\"><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1668-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1668-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1668-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1668\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1668\" class=\"wpforms-submit\" data-alt-text=\"Wir sind mittendrin...\" data-submit-text=\"Informationen freischalten\" aria-live=\"assertive\" value=\"wpforms-submit\">Informationen freischalten<\/button><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Wird geladen\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <div class=\"koss_unlock__agent\">\r\n <a href=\"#agent-form\" class=\"koss_unlock__agent-card\" id=\"koss_agent_trigger\" role=\"button\">\r\n <p class=\"koss_unlock__agent-card-title\">Sind Sie Immobilienmakler?<\/p>\r\n <p class=\"koss_unlock__agent-card-sub\">Senden Sie uns Ihre Daten und wir setzen uns mit Ihnen in Verbindung.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\r\n <div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\r\n \r\n <div class=\"koss_agent_modal__content\">\r\n <button class=\"koss_agent_modal__close\" id=\"koss_agent_close\" aria-label=\"Schlie\u00dfen\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"koss_agent_modal__form\" id=\"agent-form\">\r\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-921-3824\" style=\"--evoost-accent:#b77352;--evoost-border-focus:#b77352;--evoost-focus-shadow:rgba(183,115,82,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Senden Sie uns Ihre Daten und <strong>wir werden uns bei Ihnen melden<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"921\" data-lang=\"de\" data-redirect=\"https:\/\/thekosvillas.com\/de\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"e8534c4d20\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/1626\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-3824-firstname\">Vorname <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Vorname\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-3824-lastname\">Nachname <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Nachname\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-3824-email\">E-Mail <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-3824-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-3824-phone\">Telefon <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-921-3824-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-3824-company\">Unternehmen<\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Unternehmen\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-3824-country\">Land <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-921-3824-country-search\" placeholder=\"Land...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-3824-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Land<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-3824-comments\">Kommentare<\/label>\n <textarea id=\"evoost-form-921-3824-comments\" name=\"comments\" rows=\"2\" placeholder=\"Kommentare...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n Mit dem Absenden dieses Formulars akzeptiere ich die Nutzungsbedingungen dieser Website, sowie die Verwendung von Cookies und die Datenschutzrichtlinie. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">datenschutzerkl\u00e4rung hier einsehen<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">sehen Sie auch unsere Cookie-Richtlinie<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Enviar<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Wird gesendet...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['921'] = {\"first_name\":\"Vorname\",\"last_name\":\"Nachname\",\"email\":\"E-Mail\",\"phone\":\"Telefon\",\"company\":\"Unternehmen\",\"country\":\"Land\",\"comments\":\"Kommentare\",\"consent\":\"Mit dem Absenden dieses Formulars akzeptiere ich die Nutzungsbedingungen dieser Website, sowie die Verwendung von Cookies und die Datenschutzrichtlinie.\",\"privacy\":\"datenschutzerkl\\u00e4rung hier einsehen\",\"cookies\":\"sehen Sie auch unsere Cookie-Richtlinie\",\"submit\":\"Absenden\",\"sending\":\"Wird gesendet...\",\"success\":\"Vielen Dank! Ihre Anfrage wurde erfolgreich gesendet.\",\"error\":\"Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.\",\"required\":\"Dieses Feld ist erforderlich.\",\"invalid_email\":\"Bitte geben Sie eine g\\u00fcltige E-Mail-Adresse ein.\"};\n })();\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('koss_agent_modal');\r\n var trigger = document.getElementById('koss_agent_trigger');\r\n var backdrop = document.getElementById('koss_agent_backdrop');\r\n var closeBtn = document.getElementById('koss_agent_close');\r\n var modalContent = document.querySelector('.koss_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('koss_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('koss_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n }, false);\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n }, false);\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n }, false);\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n }, false);\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5399f7 e-con-full e-flex e-con e-parent\" data-id=\"b5399f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741e2e0 elementor-widget elementor-widget-html\" data-id=\"741e2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n *, *::before, *::after { box-sizing: border-box; }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .koss_footer {\r\n background-color: #191919 !important;\r\n padding: 48px 60px !important;\r\n }\r\n\r\n .koss_footer__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 24px !important;\r\n }\r\n\r\n \/* Brand *\/\r\n .koss_footer__brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__logo-col {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__brand-separator {\r\n width: 1px !important;\r\n height: 36px !important;\r\n background-color: rgba(255,255,255,0.25) !important;\r\n align-self: center !important;\r\n }\r\n\r\n .koss_footer__logo { flex-shrink: 0 !important; }\r\n .koss_footer__logo img {\r\n height: 72px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.9 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__logo:hover img { opacity: 1 !important; }\r\n\r\n .koss_footer__phone {\r\n display: flex !important;\r\n align-items: center !important;\r\n align-self: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__phone:hover { opacity: 0.8 !important; }\r\n .koss_footer__phone-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n opacity: 0.9 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Legal *\/\r\n .koss_footer__legal {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n .koss_footer__legal a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\r\n .koss_footer__legal-separator {\r\n font-size: 12px !important;\r\n color: rgba(255,255,255,0.25) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* Life In Costa *\/\r\n .koss_footer__lic {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: flex-end !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__lic-logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 100% !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.55 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\r\n\r\n \/* Language switcher *\/\r\n .koss_footer__lang {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 4px !important;\r\n }\r\n .koss_footer__lang a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.35) !important;\r\n text-decoration: none !important;\r\n padding: 3px 5px !important;\r\n border-radius: 2px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__lang a:hover { color: rgba(255,255,255,0.75) !important; }\r\n .koss_footer__lang a.koss_lang--active {\r\n color: #fff !important;\r\n font-weight: 600 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n }\r\n .koss_footer__lang-sep {\r\n font-size: 10px !important;\r\n color: rgba(255,255,255,0.2) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_footer { padding: 32px 40px !important; }\r\n .koss_footer__container {\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n gap: 24px !important;\r\n }\r\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\r\n .koss_footer__logo-col { align-items: center !important; }\r\n .koss_footer__logo img { height: 64px !important; }\r\n .koss_footer__legal { order: 2 !important; }\r\n .koss_footer__lic { order: 3 !important; }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_footer { padding: 32px 20px !important; }\r\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\r\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\r\n .koss_footer__brand-separator { display: none !important; }\r\n .koss_footer__logo img { height: 56px !important; }\r\n .koss_footer__phone { font-size: 14px !important; }\r\n .koss_footer__legal a { font-size: 11px !important; }\r\n .koss_footer__lic-logo { height: 30px !important; }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer class=\"koss_footer\">\r\n <div class=\"koss_footer__container\">\r\n\r\n \r\n <div class=\"koss_footer__brand\">\r\n <div class=\"koss_footer__logo-col\">\r\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\r\n <\/a>\r\n <nav class=\"koss_footer__lang\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\r\n <a data-lang=\"es\" href=\"\/\">ES<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"en\" href=\"\/en\/\">EN<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"fr\" href=\"\/fr\/\">FR<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"de\" href=\"\/de\/\">DE<\/a>\r\n <\/nav>\r\n <\/div>\r\n <span class=\"koss_footer__brand-separator\"><\/span>\r\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\r\n <svg class=\"koss_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\r\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"koss_footer__lic\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\r\n alt=\"Life In Costa\"\r\n class=\"koss_footer__lic-logo\">\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n \/* \u2500\u2500 Lang config \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 var langMap = {\r\n es: {\r\n legal: { href: '\/legal', label: 'Legal' },\r\n privacy: { href: '\/privacidad', label: 'Privacidad' },\r\n cookies: { href: '\/cookies', label: 'Cookies' },\r\n ariaNav: 'Enlaces legales',\r\n ariaLang: 'Selector de idioma'\r\n },\r\n en: {\r\n prefix: '\/en',\r\n legal: { href: '\/en\/legal', label: 'Legal' },\r\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\r\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\r\n ariaNav: 'Legal links',\r\n ariaLang: 'Language selector'\r\n },\r\n fr: {\r\n prefix: '\/fr',\r\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\r\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\r\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\r\n ariaNav: 'Liens juridiques',\r\n ariaLang: 'S\u00e9lecteur de langue'\r\n },\r\n de: {\r\n prefix: '\/de',\r\n legal: { href: '\/de\/impressum', label: 'Impressum' },\r\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\r\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\r\n ariaNav: 'Rechtliche Hinweise',\r\n ariaLang: 'Sprachauswahl'\r\n }\r\n };\r\n\r\n \/* \u2500\u2500 Detect current locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var path = window.location.pathname;\r\n var match = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\r\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\r\n var cfg = langMap[locale];\r\n\r\n \/* \u2500\u2500 Legal links \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 var elLegal = document.getElementById('koss_legal_link');\r\n var elPrivacy = document.getElementById('koss_privacy_link');\r\n var elCookies = document.getElementById('koss_cookies_link');\r\n\r\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\r\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\r\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\r\n\r\n var navLegal = document.querySelector('.koss_footer__legal');\r\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\r\n\r\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var slug = path.replace(\/^\\\/[a-z]{2}(\\\/|$)\/, '\/');\r\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\r\n\r\n var switcher = document.getElementById('koss_lang_switcher');\r\n if (switcher) {\r\n switcher.setAttribute('aria-label', cfg.ariaLang);\r\n var links = switcher.querySelectorAll('a[data-lang]');\r\n for (var i = 0; i < links.length; i++) {\r\n var lang = links[i].getAttribute('data-lang');\r\n if (lang === locale) {\r\n links[i].classList.add('koss_lang--active');\r\n links[i].removeAttribute('href');\r\n } else {\r\n links[i].classList.remove('koss_lang--active');\r\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\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-f04032a e-con-full e-flex e-con e-parent\" data-id=\"f04032a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c917b9c elementor-widget elementor-widget-html\" data-id=\"c917b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"evoost-signature-wrapper\"><a href=\"https:\/\/evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\"><img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\"><span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span><\/a><\/div><style>\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n}\r\n\r\n.evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n}\r\n\r\n.evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n}\r\n\r\n.evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\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>The Kos – Hero Cinematic \u00dcber uns Typologien Galerie Lage Informationen freischalten \u00dcber uns Typologien Galerie Lage Informationen freischalten 36 Exklusive Sky Villas Wo der Horizont zu Ihrem Zuhause wird Erleben Sie das Gef\u00fchl, jeden Morgen mit dem Mittelmeer zu Ihren F\u00fc\u00dfen aufzuwachen \u2014 im Herzen der Costa del Sol. Entdecken Sie Ihre Villa Scroll […]<\/p>\n","protected":false},"author":2,"featured_media":1616,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1626","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool<\/title>\n<meta name=\"description\" content=\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool\" \/>\n<meta property=\"og:description\" content=\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:site_name\" content=\"The Kos Villas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:43:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"26\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thekosvillas.com\/\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool\",\"isPartOf\":{\"@id\":\"https:\/\/thekosvillas.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"datePublished\":\"2026-02-04T08:30:31+00:00\",\"dateModified\":\"2026-04-28T12:43:06+00:00\",\"description\":\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thekosvillas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thekosvillas.com\/#website\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Villas\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/thekosvillas.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thekosvillas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"width\":600,\"height\":424,\"caption\":\"The Kos Villas\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thekosvillas.com\/","og_locale":"de_DE","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","og_description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-04-28T12:43:06+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"26\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","isPartOf":{"@id":"https:\/\/thekosvillas.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"image":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"thumbnailUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","datePublished":"2026-02-04T08:30:31+00:00","dateModified":"2026-04-28T12:43:06+00:00","description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/thekosvillas.com\/#primaryimage","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/thekosvillas.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thekosvillas.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/thekosvillas.com\/#website","url":"https:\/\/thekosvillas.com\/","name":"The Kos Villas","description":"","publisher":{"@id":"https:\/\/thekosvillas.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thekosvillas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","width":600,"height":424,"caption":"The Kos Villas"},"image":{"@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/comments?post=1626"}],"version-history":[{"count":16,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":3689,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\/revisions\/3689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/media\/1616"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n The Kos - Hero Cinematic<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n body.koss_locked {\r\n overflow: hidden !important;\r\n height: 100vh !important;\r\n }\r\n\r\n .koss_loader {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n z-index: 10000 !important;\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\r\n }\r\n\r\n .koss_loader.koss_loader--hidden {\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 180px !important;\r\n width: 60% !important;\r\n height: auto !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\r\n }\r\n\r\n .koss_loader__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-top: 24px !important;\r\n opacity: 0 !important;\r\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\r\n }\r\n\r\n .koss_hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_hero__bg {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n }\r\n\r\n .koss_hero__video {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n width: auto !important;\r\n height: auto !important;\r\n transform: translate(-50%, -50%) !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_hero__overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0) 0%,\r\n rgba(0, 0, 0, 0.1) 35%,\r\n rgba(0, 0, 0, 0.35) 55%,\r\n rgba(0, 0, 0, 0.7) 100%\r\n ) !important;\r\n z-index: 2 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: grid !important;\r\n grid-template-columns: repeat(10, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n z-index: 5 !important;\r\n }\r\n\r\n .koss_hero__cell {\r\n background-color: #f8f8f8 !important;\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \r\n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_hero__cell.koss_cell--revealed {\r\n opacity: 0 !important;\r\n transform: scale(0.9) !important;\r\n }\r\n\r\n .koss_navbar {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 9999 !important;\r\n padding: 24px 0 !important;\r\n background-color: transparent !important;\r\n opacity: 0 !important;\r\n transform: translateY(-20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease, \r\n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_navbar.koss_navbar--solid {\r\n background-color: #f8f8f8 !important;\r\n padding: 16px 0 !important;\r\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_navbar__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n }\r\n\r\n .koss_navbar__logo {\r\n display: flex !important;\r\n align-items: center !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 70px !important;\r\n width: auto !important;\r\n transition: height 0.4s ease, filter 0.4s ease !important;\r\n filter: brightness(0) invert(1) !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__logo img {\r\n height: 56px !important;\r\n filter: none !important;\r\n }\r\n\r\n .koss_navbar__nav {\r\n flex: 1 !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_navbar__menu {\r\n display: flex !important;\r\n gap: 40px !important;\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__menu a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.5px !important;\r\n position: relative !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__menu a {\r\n color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__menu a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -4px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background-color: #ffffff !important;\r\n transition: width 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__menu a::after {\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__menu a:hover::after {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_navbar__cta {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 13px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 12px 28px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta {\r\n color: #ffffff !important;\r\n border-color: #7c362a !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__cta:hover {\r\n background-color: #5e2a20 !important;\r\n border-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_navbar__burger {\r\n display: none !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n gap: 6px !important;\r\n width: 32px !important;\r\n height: 32px !important;\r\n background: none !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger span {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 2px !important;\r\n background-color: #ffffff !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_navbar--solid .koss_navbar__burger span {\r\n background-color: #333333 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\r\n opacity: 0 !important;\r\n }\r\n\r\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg) !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 9998 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koss_mobile_menu.koss_mobile_menu--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_mobile_menu__list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_mobile_menu__list li {\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_mobile_menu__list a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 28px !important;\r\n color: #333333 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__list a:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta {\r\n display: inline-block !important;\r\n margin-top: 8px !important;\r\n padding: 10px 20px !important;\r\n border: 1px solid #7c362a !important;\r\n border-radius: 6px !important;\r\n font-size: 13px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.3px !important;\r\n white-space: nowrap !important;\r\n color: #ffffff !important;\r\n background-color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__cta:hover {\r\n color: #ffffff !important;\r\n border-color: #5e2a20 !important;\r\n background-color: #5e2a20 !important;\r\n }\r\n\r\n .koss_mobile_menu__footer {\r\n position: absolute !important;\r\n bottom: 48px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_mobile_menu__phone,\r\n .koss_mobile_menu__phone:link,\r\n .koss_mobile_menu__phone:visited,\r\n .koss_mobile_menu__phone:active {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #666666 !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_mobile_menu__phone:hover {\r\n color: #7c362a !important;\r\n }\r\n\r\n .koss_mobile_menu__phone svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n stroke: currentColor !important;\r\n }\r\n\r\n .koss_mobile_menu__phone-number,\r\n .koss_mobile_menu__phone-number * {\r\n color: inherit !important;\r\n font-family: inherit !important;\r\n font-size: inherit !important;\r\n font-weight: inherit !important;\r\n }\r\n\r\n .koss_hero__content {\r\n position: absolute !important;\r\n bottom: 12% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_hero__content.koss_content--visible {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n .koss_hero__content-text {\r\n max-width: 700px !important;\r\n }\r\n\r\n .koss_hero__label {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.8) !important;\r\n margin-bottom: 16px !important;\r\n padding-left: 40px !important;\r\n position: relative !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 28px !important;\r\n height: 1px !important;\r\n background-color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koss_hero__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 5vw, 64px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 24px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_hero__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(16px, 2vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n margin: 0 0 32px 0 !important;\r\n max-width: 500px !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n display: inline-block !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 400 !important;\r\n font-size: 14px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 48px !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 8px !important;\r\n letter-spacing: 0.5px !important;\r\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\r\n }\r\n\r\n .koss_hero__cta:hover {\r\n background-color: #7c362a !important;\r\n border-color: #7c362a !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n .koss_hero__scroll {\r\n position: absolute !important;\r\n bottom: 32px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.6s ease !important;\r\n }\r\n\r\n .koss_hero__scroll.koss_scroll--visible {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_hero__scroll span {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: 10px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n }\r\n\r\n .koss_hero__scroll-line {\r\n width: 1px !important;\r\n height: 40px !important;\r\n background-color: rgba(255, 255, 255, 0.3) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_hero__scroll-line::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -15px !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 15px !important;\r\n background-color: rgba(255, 255, 255, 0.8) !important;\r\n animation: koss_scrollLine 1.8s ease-in-out infinite !important;\r\n }\r\n\r\n .koss_content {\r\n position: relative !important;\r\n z-index: 20 !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n @keyframes koss_fadeInScale {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @keyframes koss_scrollLine {\r\n 0% {\r\n transform: translateY(0);\r\n }\r\n 100% {\r\n transform: translateY(55px);\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_navbar__container {\r\n padding: 0 40px !important;\r\n }\r\n \r\n .koss_navbar__nav,\r\n .koss_navbar__cta {\r\n display: none !important;\r\n }\r\n \r\n .koss_navbar__burger {\r\n display: flex !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(8, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_navbar__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_navbar__logo img {\r\n height: 56px !important;\r\n }\r\n\r\n .koss_hero__content-inner {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_hero__content {\r\n bottom: 15% !important;\r\n }\r\n\r\n .koss_hero__label {\r\n padding-left: 0 !important;\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_hero__label::before {\r\n display: none !important;\r\n }\r\n\r\n .koss_hero__cta {\r\n padding: 14px 36px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(6, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n\r\n .koss_loader__logo {\r\n max-width: 140px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_hero__grid {\r\n grid-template-columns: repeat(5, 1fr) !important;\r\n grid-template-rows: repeat(8, 1fr) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"koss_locked\">\r\n\r\n <header class=\"koss_navbar\" id=\"koss_navbar\">\r\n <div class=\"koss_navbar__container\">\r\n <a href=\"#\" class=\"koss_navbar__logo\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos Villas\">\r\n <\/a>\r\n \r\n <nav class=\"koss_navbar__nav\">\r\n <ul class=\"koss_navbar__menu\">\r\n <li><a href=\"#about\">\u00dcber uns<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologien<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Lage<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <a href=\"#unlock\" class=\"koss_navbar__cta\">Informationen freischalten<\/a>\r\n \r\n <button class=\"koss_navbar__burger\" id=\"koss_burger\" aria-label=\"Men\u00fc \u00f6ffnen\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\r\n <ul class=\"koss_mobile_menu__list\">\r\n <li><a href=\"#about\">\u00dcber uns<\/a><\/li>\r\n <li><a href=\"#tipology\">Typologien<\/a><\/li>\r\n <li><a href=\"#gallery\">Galerie<\/a><\/li>\r\n <li><a href=\"#location\">Lage<\/a><\/li>\r\n <li><a href=\"#unlock\" class=\"koss_mobile_menu__cta\">Informationen freischalten<\/a><\/li>\r\n <\/ul>\r\n <div class=\"koss_mobile_menu__footer\">\r\n <a href=\"tel:+34 911 67 34 39\" class=\"koss_mobile_menu__phone\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"koss_hero\" id=\"koss_hero\">\r\n <div class=\"koss_hero__bg\">\r\n <video class=\"koss_hero__video\" id=\"koss_hero_video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\r\n <source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"koss_hero__overlay\"><\/div>\r\n\r\n <div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\r\n\r\n <div class=\"koss_hero__content\" id=\"koss_hero_content\">\r\n <div class=\"koss_hero__content-inner\">\r\n <div class=\"koss_hero__content-text\">\r\n <span class=\"koss_hero__label\">36 Exklusive Sky Villas<\/span>\r\n <h1 class=\"koss_hero__title\">Wo der Horizont zu Ihrem Zuhause wird<\/h1>\r\n <p class=\"koss_hero__subtitle\">Erleben Sie das Gef\u00fchl, jeden Morgen mit dem Mittelmeer zu Ihren F\u00fc\u00dfen aufzuwachen \u2014 im Herzen der Costa del Sol.<\/p>\r\n <a href=\"#about\" class=\"koss_hero__cta\">Entdecken Sie Ihre Villa<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_hero__scroll\" id=\"koss_scroll\">\r\n <span>Scroll<\/span>\r\n <div class=\"koss_hero__scroll-line\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_content\"><\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var CONFIG = {\r\n LOADER_DURATION: 0,\r\n LOADER_FADE: 0,\r\n GRID_START_DELAY: 300,\r\n CELL_DELAY: 30,\r\n CONTENT_DELAY: 800,\r\n GRID_COLS: 10,\r\n GRID_ROWS: 8\r\n };\r\n\r\n var navbar = document.getElementById('koss_navbar');\r\n var grid = document.getElementById('koss_grid');\r\n var heroContent = document.getElementById('koss_hero_content');\r\n var scrollIndicator = document.getElementById('koss_scroll');\r\n var burger = document.getElementById('koss_burger');\r\n var mobileMenu = document.getElementById('koss_mobile_menu');\r\n var heroVideo = document.getElementById('koss_hero_video');\r\n\r\n function initVideo() {\r\n if (!heroVideo) return;\r\n \r\n heroVideo.play().catch(function(error) {\r\n setTimeout(function() {\r\n heroVideo.play().catch(function() {});\r\n }, 100);\r\n });\r\n }\r\n\r\n function generateGrid() {\r\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\r\n grid.innerHTML = '';\r\n \r\n for (var i = 0; i < totalCells; i++) {\r\n var cell = document.createElement('div');\r\n cell.className = 'koss_hero__cell';\r\n grid.appendChild(cell);\r\n }\r\n }\r\n\r\n function shuffleArray(array) {\r\n var shuffled = array.slice();\r\n for (var i = shuffled.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = shuffled[i];\r\n shuffled[i] = shuffled[j];\r\n shuffled[j] = temp;\r\n }\r\n return shuffled;\r\n }\r\n\r\n function revealGrid(callback) {\r\n var cells = grid.querySelectorAll('.koss_hero__cell');\r\n var indices = [];\r\n \r\n for (var i = 0; i < cells.length; i++) {\r\n indices.push(i);\r\n }\r\n \r\n var shuffledIndices = shuffleArray(indices);\r\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\r\n\r\n shuffledIndices.forEach(function(index, i) {\r\n setTimeout(function() {\r\n cells[index].classList.add('koss_cell--revealed');\r\n }, i * CONFIG.CELL_DELAY);\r\n });\r\n\r\n if (callback) {\r\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\r\n }\r\n }\r\n\r\n function showFinalContent() {\r\n navbar.classList.add('koss_navbar--visible');\r\n heroContent.classList.add('koss_content--visible');\r\n \r\n setTimeout(function() {\r\n scrollIndicator.classList.add('koss_scroll--visible');\r\n document.body.classList.remove('koss_locked');\r\n }, 400);\r\n }\r\n\r\n function startSequence() {\r\n generateGrid();\r\n initVideo();\r\n\r\n setTimeout(function() {\r\n revealGrid(function() {\r\n showFinalContent();\r\n });\r\n }, CONFIG.GRID_START_DELAY);\r\n }\r\n\r\n function handleScroll() {\r\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n \r\n if (scrollY > 100) {\r\n navbar.classList.add('koss_navbar--solid');\r\n } else {\r\n navbar.classList.remove('koss_navbar--solid');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n burger.classList.toggle('koss_burger--active');\r\n mobileMenu.classList.toggle('koss_mobile_menu--open');\r\n document.body.style.overflow = mobileMenu.classList.contains('koss_mobile_menu--open') ? 'hidden' : '';\r\n }\r\n\r\n var mobileLinks = mobileMenu.querySelectorAll('a');\r\n for (var i = 0; i < mobileLinks.length; i++) {\r\n mobileLinks[i].addEventListener('click', function() {\r\n burger.classList.remove('koss_burger--active');\r\n mobileMenu.classList.remove('koss_mobile_menu--open');\r\n document.body.style.overflow = '';\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n burger.addEventListener('click', toggleMobileMenu);\r\n \r\n startSequence();\r\n\r\n \/\/ Login-aware CTA toggle\r\n (function() {\r\n var isLogged = document.body.classList.contains('logged-in');\r\n var ctaText = isLogged ? 'Informationen ansehen' : 'Informationen freischalten';\r\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\r\n\r\n var desktopCta = document.querySelector('.koss_navbar__cta');\r\n if (desktopCta) {\r\n desktopCta.textContent = ctaText;\r\n desktopCta.href = ctaHref;\r\n }\r\n\r\n var mobileCta = document.querySelector('.koss_mobile_menu__cta');\r\n if (mobileCta) {\r\n mobileCta.textContent = ctaText;\r\n mobileCta.href = ctaHref;\r\n }\r\n })();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7561e0 e-con-full e-flex e-con e-parent\" data-id=\"c7561e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3447e5 elementor-widget elementor-widget-html\" data-id=\"c3447e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .koss_about {\r\n position: relative !important;\r\n padding: 160px 0px 100px 0px !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 35% center !important;\r\n background-size: auto 100% !important;\r\n }\r\n\r\n .koss_about__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 80px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 45% !important;\r\n position: sticky !important;\r\n top: 120px !important;\r\n }\r\n\r\n .koss_about__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 24px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(36px, 4.5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.12 !important;\r\n color: #333333 !important;\r\n margin: 0 0 32px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__text {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n line-height: 1.8 !important;\r\n color: #555555 !important;\r\n margin: 0 0 32px 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__text {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__highlight {\r\n color: #7c362a !important;\r\n font-weight: 400 !important;\r\n }\r\n\r\n .koss_about__gradient-text {\r\n background: linear-gradient(\r\n 90deg,\r\n #804330 0%,\r\n #b77352 25%,\r\n #804330 50%,\r\n #b77352 75%,\r\n #804330 100%\r\n ) !important;\r\n background-size: 200% 100% !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n animation: koss_gradient_shift 4s ease-in-out infinite !important;\r\n }\r\n\r\n @keyframes koss_gradient_shift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .koss_about__delivery {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 10px !important;\r\n padding: 14px 24px !important;\r\n background: linear-gradient(135deg, rgba(116, 133, 105, 0.08) 0%, rgba(116, 133, 105, 0.04) 100%) !important;\r\n border: 1px solid rgba(116, 133, 105, 0.2) !important;\r\n border-radius: 50px !important;\r\n margin-bottom: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__delivery {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__delivery-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n color: #748569 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n color: #748569 !important;\r\n }\r\n\r\n .koss_about__stats {\r\n display: flex !important;\r\n gap: 40px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__stats {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__stat {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: 48px !important;\r\n font-weight: 400 !important;\r\n color: #7c362a !important;\r\n line-height: 1 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 2px !important;\r\n color: #888888 !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 50% !important;\r\n display: flex !important;\r\n gap: 16px !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 1 !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 16px !important;\r\n will-change: transform !important;\r\n transition: transform 0.15s ease-out !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n background-color: #e5e5e5 !important;\r\n opacity: 0 !important;\r\n transform: translateY(40px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_about.koss_about--visible .koss_about__img-wrapper {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.15s !important; }\r\n .koss_about__column:nth-child(1) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.35s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.25s !important; }\r\n .koss_about__column:nth-child(2) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(1) { transition-delay: 0.2s !important; }\r\n .koss_about__column:nth-child(3) .koss_about__img-wrapper:nth-child(2) { transition-delay: 0.4s !important; }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 380px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 280px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;\r\n }\r\n\r\n .koss_about__img-wrapper:hover .koss_about__img {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n @media screen and (max-width: 1400px) {\r\n .koss_about__container {\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: 0 0 42% !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: 0 0 54% !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 40px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n gap: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1100px) {\r\n .koss_about {\r\n padding: 100px 0 !important;\r\n background-size: auto 80% !important;\r\n background-position: 60% bottom !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 40px !important;\r\n flex-direction: column !important;\r\n gap: 60px !important;\r\n }\r\n\r\n .koss_about__content {\r\n flex: none !important;\r\n width: 100% !important;\r\n position: relative !important;\r\n top: 0 !important;\r\n max-width: 600px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex: none !important;\r\n width: 100% !important;\r\n min-height: 500px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall {\r\n height: 300px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--medium {\r\n height: 220px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--short {\r\n height: 180px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_about {\r\n padding: 80px 0 60px !important;\r\n background-size: auto 50% !important;\r\n background-position: 70% 20% !important;\r\n background-attachment: scroll !important;\r\n }\r\n\r\n .koss_about__container {\r\n padding: 0 24px !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .koss_about__text {\r\n margin-bottom: 24px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n padding: 12px 20px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_about__delivery-label {\r\n font-size: 10px !important;\r\n }\r\n\r\n .koss_about__delivery-value {\r\n font-size: 13px !important;\r\n }\r\n\r\n .koss_about__stats {\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n padding: 20px 0 !important;\r\n border-top: 1px solid #e5e5e5 !important;\r\n border-bottom: 1px solid #e5e5e5 !important;\r\n }\r\n\r\n .koss_about__stat {\r\n flex: 1 !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 28px !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 9px !important;\r\n letter-spacing: 1px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n flex-direction: column !important;\r\n gap: 12px !important;\r\n min-height: auto !important;\r\n width: 100vw !important;\r\n margin-left: -24px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_about__column {\r\n flex: 0 0 auto !important;\r\n flex-direction: row !important;\r\n gap: 12px !important;\r\n width: max-content !important;\r\n padding: 0 !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_about__img-wrapper {\r\n flex-shrink: 0 !important;\r\n border-radius: 12px !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 48px) !important;\r\n height: 220px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_about__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_about__stat-number {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_about__stat-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_about__delivery {\r\n flex-wrap: wrap !important;\r\n gap: 6px 10px !important;\r\n }\r\n\r\n .koss_about__gallery {\r\n margin-left: -20px !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__column {\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_about__img-wrapper--tall,\r\n .koss_about__img-wrapper--medium,\r\n .koss_about__img-wrapper--short {\r\n width: calc(100vw - 40px) !important;\r\n height: 200px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_about\" id=\"about\">\r\n <div class=\"koss_about__container\">\r\n \r\n <div class=\"koss_about__content\">\r\n <span class=\"koss_about__label\">El Higuer\u00f3n, Costa del Sol<\/span>\r\n <h2 class=\"koss_about__title\">Die Eroberung der <span class=\"koss_about__gradient-text\">Sinne<\/span><\/h2>\r\n <p class=\"koss_about__text\">\r\n Hoch \u00fcber El Higuer\u00f3n, wo sich das Mittelmeer bis ins Unendliche erstreckt, entsteht ein einzigartiges Wohnkonzept. \r\n <span class=\"koss_about__highlight\">The Kos ist nicht nur ein Ort zum Leben \u2014 es ist eine Art, das Leben zu verstehen.<\/span> \r\n Architektur, die atmet, R\u00e4ume, die inspirieren, Ausblicke, die ber\u00fchren.\r\n <\/p>\r\n\r\n <div class=\"koss_about__delivery\">\r\n <svg class=\"koss_about__delivery-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n <\/svg>\r\n <span class=\"koss_about__delivery-label\">Voraussichtliche \u00dcbergabe<\/span>\r\n <span class=\"koss_about__delivery-value\">Q1 2027<\/span>\r\n <\/div>\r\n\r\n <div class=\"koss_about__stats\">\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"37\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Sky Villas<\/span>\r\n <\/div>\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"321\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Sonnentage<\/span>\r\n <\/div>\r\n <div class=\"koss_about__stat\">\r\n <span class=\"koss_about__stat-number\" data-target=\"181\">0<\/span>\r\n <span class=\"koss_about__stat-label\">Panoramablick<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__gallery\" id=\"koss_gallery\">\r\n \r\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.08\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--medium\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Luftaufnahme The Kos\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Innenpool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__column\" data-direction=\"down\" data-speed=\"0.12\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\" alt=\"Gemeinschaftspool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\" alt=\"Au\u00dfenterrasse\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.06\">\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\" alt=\"Wohnzimmer mit Terrasse\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\" alt=\"Au\u00dfenpool\" class=\"koss_about__img\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var about = document.getElementById('about');\r\n var columns = document.querySelectorAll('.koss_about__column');\r\n var statNumbers = document.querySelectorAll('.koss_about__stat-number');\r\n \r\n var ticking = false;\r\n var statsAnimated = false;\r\n var isMobile = window.innerWidth <= 768;\r\n\r\n function updateParallaxDesktop() {\r\n if (isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n\r\n var sectionCenter = rect.top + rect.height \/ 2;\r\n var viewportCenter = windowHeight \/ 2;\r\n var offset = sectionCenter - viewportCenter;\r\n\r\n columns.forEach(function(column) {\r\n var direction = column.getAttribute('data-direction');\r\n var speed = parseFloat(column.getAttribute('data-speed'));\r\n \r\n var movement = offset * speed;\r\n \r\n if (direction === 'up') {\r\n column.style.transform = 'translateY(' + movement + 'px)';\r\n } else {\r\n column.style.transform = 'translateY(' + (-movement) + 'px)';\r\n }\r\n });\r\n }\r\n\r\n function updateParallaxMobile() {\r\n if (!isMobile) return;\r\n\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n var sectionHeight = rect.height;\r\n \r\n var visibleTop = Math.max(0, windowHeight - rect.top);\r\n var scrollProgress = visibleTop \/ (windowHeight + sectionHeight);\r\n scrollProgress = Math.max(0, Math.min(1, scrollProgress));\r\n\r\n var padding = window.innerWidth <= 480 ? 20 : 24;\r\n var gapSize = window.innerWidth <= 480 ? 10 : 12;\r\n var imageWidth = window.innerWidth - (padding * 2);\r\n var maxShift = imageWidth + gapSize;\r\n\r\n columns.forEach(function(column, index) {\r\n var movement;\r\n var speed = 0.7;\r\n \r\n if (index === 0) {\r\n movement = padding - (scrollProgress * maxShift * speed);\r\n } else if (index === 1) {\r\n var startPos = -(imageWidth + gapSize) + padding;\r\n movement = startPos + (scrollProgress * maxShift * speed);\r\n } else {\r\n movement = padding - (scrollProgress * maxShift * (speed * 0.85));\r\n }\r\n \r\n column.style.setProperty('transform', 'translateX(' + movement + 'px)', 'important');\r\n });\r\n }\r\n\r\n function animateStats() {\r\n if (statsAnimated) return;\r\n \r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.7) {\r\n statsAnimated = true;\r\n \r\n statNumbers.forEach(function(stat) {\r\n var target = parseInt(stat.getAttribute('data-target'));\r\n var duration = 1500;\r\n var startTime = null;\r\n \r\n function animate(currentTime) {\r\n if (!startTime) startTime = currentTime;\r\n var progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n var easeProgress = 1 - Math.pow(2, -10 * progress);\r\n var current = Math.floor(easeProgress * target);\r\n \r\n if (target === 181) {\r\n stat.textContent = current + '\u00ba';\r\n } else {\r\n stat.textContent = current;\r\n }\r\n \r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n }\r\n \r\n requestAnimationFrame(animate);\r\n });\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = about.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n about.classList.add('koss_about--visible');\r\n }\r\n }\r\n\r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n function onResize() {\r\n var wasMobile = isMobile;\r\n isMobile = window.innerWidth <= 768;\r\n \r\n if (wasMobile !== isMobile) {\r\n columns.forEach(function(column) {\r\n column.style.transform = '';\r\n });\r\n }\r\n \r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', onResize, { passive: true });\r\n \r\n checkVisibility();\r\n animateStats();\r\n if (isMobile) {\r\n updateParallaxMobile();\r\n } else {\r\n updateParallaxDesktop();\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b1f2d e-con-full e-flex e-con e-parent\" data-id=\"22b1f2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adb30a4 elementor-widget elementor-widget-html\" data-id=\"adb30a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"koss_separator\" id=\"separator\" data-video-src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-video.mp4\" data-video-src-mobile=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-engage-mobile.mp4\">\r\n \r\n \r\n <div class=\"koss_separator__header\">\r\n <h2 class=\"koss_separator__title\">Zum Leben entworfen<\/h2>\r\n <p class=\"koss_separator__subtitle\">Jede Villa ist ein Refugium aus Licht, Raum und Ruhe<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"koss_separator__video-container\">\r\n <video class=\"koss_separator__video\" id=\"koss_separator_video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\r\n <\/video>\r\n \r\n <div class=\"koss_separator__video-overlay\"><\/div>\r\n\r\n \r\n <div class=\"koss_separator__controls\">\r\n \r\n \r\n <button class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\" aria-label=\"Pausar video\">\r\n <svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n <\/svg>\r\n <svg class=\"koss_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\" aria-label=\"Activar sonido\">\r\n <svg class=\"koss_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <svg class=\"koss_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <button class=\"koss_separator__control-btn\" id=\"koss_fullscreen\" aria-label=\"Pantalla completa\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n \/* ============================================\r\n SEPARATOR SECTION\r\n ============================================ *\/\r\n .koss_separator {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100vh !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n background-color: #1a1a1a !important;\r\n }\r\n\r\n \/* ============================================\r\n HEADER (20vh)\r\n ============================================ *\/\r\n .koss_separator__header {\r\n position: relative !important;\r\n height: 20vh !important;\r\n min-height: 160px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n padding: 24px 24px !important;\r\n background-color: #f8f8f8 !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_separator__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 5vw, 56px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 12px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-weight: 300 !important;\r\n font-size: clamp(15px, 1.8vw, 20px) !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 500px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n VIDEO CONTAINER (80vh)\r\n ============================================ *\/\r\n .koss_separator__video-container {\r\n position: relative !important;\r\n height: 80vh !important;\r\n min-height: 400px !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: scale(0.98) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__video-container {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_separator__video {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n .koss_separator__video-overlay {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0, 0, 0, 0.1) 0%,\r\n rgba(0, 0, 0, 0) 20%,\r\n rgba(0, 0, 0, 0) 80%,\r\n rgba(0, 0, 0, 0.2) 100%\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* ============================================\r\n GLASSMORPHISM CONTROLS\r\n ============================================ *\/\r\n .koss_separator__controls {\r\n position: absolute !important;\r\n bottom: 24px !important;\r\n right: 24px !important;\r\n display: flex !important;\r\n gap: 8px !important;\r\n z-index: 10 !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s !important;\r\n }\r\n\r\n .koss_separator.koss_separator--visible .koss_separator__controls {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-radius: 12px !important;\r\n background: rgba(255, 255, 255, 0.12) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover {\r\n background: rgba(255, 255, 255, 0.2) !important;\r\n border-color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_separator__control-btn:active {\r\n transform: scale(0.95) !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: rgba(255, 255, 255, 0.9) !important;\r\n transition: fill 0.3s ease !important;\r\n }\r\n\r\n .koss_separator__control-btn:hover svg {\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_separator__control-btn .koss_icon--pause,\r\n .koss_separator__control-btn .koss_icon--unmute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--play {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_playing .koss_icon--pause {\r\n display: block !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--mute {\r\n display: none !important;\r\n }\r\n\r\n .koss_separator__control-btn.koss_unmuted .koss_icon--unmute {\r\n display: block !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 1100px) {\r\n .koss_separator__header {\r\n min-height: 140px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_separator__header {\r\n height: 22vh !important;\r\n min-height: 140px !important;\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 78vh !important;\r\n min-height: 350px !important;\r\n }\r\n\r\n .koss_separator__title {\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_separator__controls {\r\n bottom: 16px !important;\r\n right: 16px !important;\r\n gap: 6px !important;\r\n }\r\n\r\n .koss_separator__control-btn {\r\n width: 46px !important;\r\n height: 46px !important;\r\n border-radius: 10px !important;\r\n }\r\n\r\n .koss_separator__control-btn svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_separator__header {\r\n height: 24vh !important;\r\n min-height: 130px !important;\r\n }\r\n\r\n .koss_separator__video-container {\r\n height: 76vh !important;\r\n }\r\n\r\n .koss_separator__subtitle {\r\n padding: 0 8px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n 'use strict';\r\n\r\n var separator = document.getElementById('separator');\r\n var video = document.getElementById('koss_separator_video');\r\n var playPauseBtn = document.getElementById('koss_playpause');\r\n var muteToggleBtn = document.getElementById('koss_mutetoggle');\r\n var fullscreenBtn = document.getElementById('koss_fullscreen');\r\n\r\n \/\/ ============================================\r\n \/\/ VISIBILITY ANIMATION\r\n \/\/ ============================================\r\n function checkVisibility() {\r\n var rect = separator.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n separator.classList.add('koss_separator--visible');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO CONTROLS\r\n \/\/ ============================================\r\n \r\n playPauseBtn.addEventListener('click', function() {\r\n if (video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n } else {\r\n video.pause();\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n }\r\n });\r\n\r\n muteToggleBtn.addEventListener('click', function() {\r\n if (video.muted) {\r\n video.muted = false;\r\n muteToggleBtn.classList.add('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Silenciar');\r\n } else {\r\n video.muted = true;\r\n muteToggleBtn.classList.remove('koss_unmuted');\r\n muteToggleBtn.setAttribute('aria-label', 'Activar sonido');\r\n }\r\n });\r\n\r\n fullscreenBtn.addEventListener('click', function() {\r\n if (document.fullscreenElement || document.webkitFullscreenElement) {\r\n if (document.exitFullscreen) {\r\n document.exitFullscreen();\r\n } else if (document.webkitExitFullscreen) {\r\n document.webkitExitFullscreen();\r\n }\r\n return;\r\n }\r\n\r\n if (video.webkitEnterFullscreen) {\r\n video.webkitEnterFullscreen();\r\n return;\r\n }\r\n\r\n if (video.requestFullscreen) {\r\n video.requestFullscreen();\r\n } else if (video.webkitRequestFullscreen) {\r\n video.webkitRequestFullscreen();\r\n } else if (video.msRequestFullscreen) {\r\n video.msRequestFullscreen();\r\n }\r\n });\r\n\r\n video.addEventListener('webkitendfullscreen', function() {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n });\r\n\r\n document.addEventListener('fullscreenchange', function() {\r\n if (!document.fullscreenElement && video.paused) {\r\n video.play();\r\n playPauseBtn.classList.add('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Pausar video');\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SCROLL HANDLER\r\n \/\/ ============================================\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INIT - Video source injection (desktop vs mobile)\r\n \/\/ ============================================\r\n var mobileBreakpoint = 768;\r\n var isMobile = window.innerWidth <= mobileBreakpoint;\r\n var videoSrcDesktop = separator.getAttribute('data-video-src');\r\n var videoSrcMobile = separator.getAttribute('data-video-src-mobile');\r\n\r\n var videoSrc = isMobile && videoSrcMobile && videoSrcMobile.indexOf('[') === -1 && videoSrcMobile.trim() !== ''\r\n ? videoSrcMobile\r\n : videoSrcDesktop;\r\n\r\n if (videoSrc && videoSrc.indexOf('[') === -1 && videoSrc.trim() !== '') {\r\n video.src = videoSrc;\r\n video.load();\r\n video.play().catch(function() {\r\n playPauseBtn.classList.remove('koss_playing');\r\n playPauseBtn.setAttribute('aria-label', 'Reproducir video');\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\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-13ba09f e-con-full e-flex e-con e-parent\" data-id=\"13ba09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec32e63 elementor-widget elementor-widget-html\" data-id=\"ec32e63\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tipology\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Typologien<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_typologies {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f8f8f8 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: -5% 80% !important;\r\n background-size: auto 70% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_typologies__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n max-width: 480px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n display: grid !important;\r\n grid-template-columns: 1.5fr 1fr !important;\r\n gap: 20px !important;\r\n min-height: 580px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s, grid-template-columns 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card {\r\n position: relative !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 16px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.6) 0%, rgba(128, 67, 48, 0.3) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_typologies__card:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 300px !important;\r\n height: 300px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_typologies__card:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__card--main {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary {\r\n min-height: 580px !important;\r\n }\r\n\r\n .koss_typologies__card-image-wrapper {\r\n position: absolute !important;\r\n inset: -20px !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_typologies__card-image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_typologies__card-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.8) 0%,\r\n rgba(0, 0, 0, 0.4) 40%,\r\n rgba(0, 0, 0, 0.1) 70%,\r\n rgba(0, 0, 0, 0.05) 100%\r\n ) !important;\r\n transition: background 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.75) 0%,\r\n rgba(0, 0, 0, 0.25) 40%,\r\n rgba(0, 0, 0, 0.02) 70%,\r\n transparent 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-overlay {\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.85) 0%,\r\n rgba(0, 0, 0, 0.5) 50%,\r\n rgba(0, 0, 0, 0.25) 100%\r\n ) !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 40px !important;\r\n z-index: 5 !important;\r\n transform: translateY(0) !important;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-content {\r\n transform: translateY(-10px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card-badge {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n margin-bottom: 12px !important;\r\n display: block !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-badge {\r\n color: rgba(183, 115, 82, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #ffffff !important;\r\n margin: 0 0 8px 0 !important;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: clamp(24px, 3vw, 32px) !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n letter-spacing: 0.3px !important;\r\n color: rgba(255, 255, 255, 0.65) !important;\r\n margin: 0 0 28px 0 !important;\r\n transition: color 0.4s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-tagline {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-tagline {\r\n font-size: 14px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 28px !important;\r\n margin-bottom: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-details {\r\n gap: 20px !important;\r\n margin-bottom: 22px !important;\r\n }\r\n\r\n .koss_typologies__card-detail {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 22px !important;\r\n height: 22px !important;\r\n color: rgba(183, 115, 82, 0.85) !important;\r\n flex-shrink: 0 !important;\r\n transition: transform 0.3s ease, color 0.3s ease !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__card-detail-icon {\r\n transform: scale(1.1) !important;\r\n color: rgba(183, 115, 82, 1) !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-icon {\r\n width: 20px !important;\r\n height: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-text {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 2px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 9px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.4) !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n color: #ffffff !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n padding: 16px 32px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n border-radius: 8px !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_typologies__card-cta::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;\r\n transition: left 0.6s ease !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover::before {\r\n left: 100% !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover {\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.35) 0%, rgba(128, 67, 48, 0.25) 100%) !important;\r\n border-color: rgba(183, 115, 82, 0.5) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 30px rgba(128, 67, 48, 0.25) !important;\r\n }\r\n\r\n .koss_typologies__card-cta svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n fill: currentColor !important;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_typologies__card-cta:hover svg {\r\n transform: translateX(6px) !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n position: absolute !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n display: none !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n padding: 8px 14px !important;\r\n background: rgba(0, 0, 0, 0.3) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border-radius: 6px !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 6 !important;\r\n }\r\n\r\n .koss_typologies__card:hover .koss_typologies__swap-hint {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_typologies__swap-hint svg {\r\n width: 12px !important;\r\n height: 12px !important;\r\n fill: currentColor !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr 1.5fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main {\r\n order: 2 !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: 1 !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n font-style: italic !important;\r\n line-height: 1.6 !important;\r\n color: #999999 !important;\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 48px auto 0 !important;\r\n padding: 0 20px !important;\r\n opacity: 0 !important;\r\n transform: translateY(10px) !important;\r\n transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s !important;\r\n }\r\n\r\n .koss_typologies.koss_typologies--visible .koss_typologies__disclaimer {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_typologies__grid {\r\n grid-template-columns: 1.3fr 1fr !important;\r\n gap: 16px !important;\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 520px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 32px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_typologies {\r\n padding: 100px 0 !important;\r\n background-position: -20% 90% !important;\r\n background-size: auto 50% !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n grid-template-columns: 1fr !important;\r\n gap: 16px !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--main,\r\n .koss_typologies__grid.koss_grid--swapped .koss_typologies__card--secondary {\r\n order: unset !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 420px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 28px !important;\r\n }\r\n\r\n .koss_typologies__swap-hint {\r\n display: none !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n margin-top: 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_typologies {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_typologies__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_typologies__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_typologies__grid {\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 380px !important;\r\n }\r\n\r\n .koss_typologies__card-content {\r\n padding: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-name {\r\n margin-bottom: 12px !important;\r\n }\r\n\r\n .koss_typologies__card--main .koss_typologies__card-name {\r\n font-size: 28px !important;\r\n }\r\n\r\n .koss_typologies__card--secondary .koss_typologies__card-name {\r\n font-size: 24px !important;\r\n }\r\n\r\n .koss_typologies__card-tagline {\r\n font-size: 13px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 18px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 15px !important;\r\n }\r\n\r\n .koss_typologies__card-cta {\r\n padding: 14px 28px !important;\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_typologies__card--main,\r\n .koss_typologies__card--secondary {\r\n min-height: 360px !important;\r\n }\r\n\r\n .koss_typologies__card-details {\r\n gap: 14px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-label {\r\n font-size: 8px !important;\r\n }\r\n\r\n .koss_typologies__card-detail-value {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_typologies__disclaimer {\r\n font-size: 10px !important;\r\n margin-top: 28px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_typologies\" id=\"typologies\">\r\n <div class=\"koss_typologies__container\">\r\n \r\n <header class=\"koss_typologies__header\">\r\n <span class=\"koss_typologies__label\">Sky Top Villas<\/span>\r\n <h2 class=\"koss_typologies__title\">W\u00e4hlen Sie Ihren Horizont<\/h2>\r\n <p class=\"koss_typologies__subtitle\">Zwei Konfigurationen, die sich Ihrem mediterranen Lebensstil anpassen<\/p>\r\n <\/header>\r\n\r\n <div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\r\n \r\n <article class=\"koss_typologies__card koss_typologies__card--main\" data-type=\"3bed\">\r\n <div class=\"koss_typologies__card-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\" alt=\"Villa mit 3 Schlafzimmern\" class=\"koss_typologies__card-image\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_typologies__card-overlay\"><\/div>\r\n \r\n <div class=\"koss_typologies__swap-hint\" style=\"display: none;\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\r\n <\/svg>\r\n Vergr\u00f6\u00dfern\r\n <\/div>\r\n\r\n <div class=\"koss_typologies__card-content\">\r\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\r\n <h3 class=\"koss_typologies__card-name\">3 Schlafzimmer<\/h3>\r\n <p class=\"koss_typologies__card-tagline\">Ihr Refugium mit endlosem Blick auf das Mittelmeer<\/p>\r\n <div class=\"koss_typologies__card-details\">\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\r\n <path d=\"M2 9h20\"\/>\r\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">1.120.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Wohnfl\u00e4che ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\r\n Entdecken\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"koss_typologies__card koss_typologies__card--secondary\" data-type=\"4bed\">\r\n <div class=\"koss_typologies__card-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\" alt=\"Villa mit 4 Schlafzimmern\" class=\"koss_typologies__card-image\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"koss_typologies__card-overlay\"><\/div>\r\n \r\n <div class=\"koss_typologies__swap-hint\" style=\"display: flex;\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"\/>\r\n <\/svg>\r\n Vergr\u00f6\u00dfern\r\n <\/div>\r\n\r\n <div class=\"koss_typologies__card-content\">\r\n <span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\r\n <h3 class=\"koss_typologies__card-name\">4 Schlafzimmer<\/h3>\r\n <p class=\"koss_typologies__card-tagline\">Grenzenloser Raum f\u00fcr alle, die gro\u00df tr\u00e4umen<\/p>\r\n <div class=\"koss_typologies__card-details\">\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M6 3h12l4 6-10 12L2 9z\"\/>\r\n <path d=\"M2 9h20\"\/>\r\n <path d=\"M12 21L8 9l4-6 4 6z\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">1.300.000 \u20ac<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"koss_typologies__card-detail\">\r\n <svg class=\"koss_typologies__card-detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <path d=\"M3 9h18M9 21V9\"\/>\r\n <\/svg>\r\n <div class=\"koss_typologies__card-detail-text\">\r\n <span class=\"koss_typologies__card-detail-label\">Wohnfl\u00e4che ab<\/span>\r\n <span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#unlock\" class=\"koss_typologies__card-cta\">\r\n Entdecken\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <p class=\"koss_typologies__disclaimer\">Abbildungen ohne Vertragscharakter, erstellt auf Grundlage des Grundprojekts, das zur Bearbeitung der Baugenehmigung eingereicht wurde. Die Informationen k\u00f6nnen aufgrund technischer, rechtlicher oder kommerzieller Anforderungen w\u00e4hrend oder nach Abschluss der Bauarbeiten \u00c4nderungen unterliegen.<\/p>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('typologies');\r\n var grid = document.getElementById('koss_typologies_grid');\r\n var cards = document.querySelectorAll('.koss_typologies__card');\r\n var mainCard = document.querySelector('.koss_typologies__card--main');\r\n var secondaryCard = document.querySelector('.koss_typologies__card--secondary');\r\n\r\n var swapTimeout = null;\r\n var isSwapped = false;\r\n\r\n cards.forEach(function(card) {\r\n card.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = card.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n card.style.setProperty('--mouse-x', x + 'px');\r\n card.style.setProperty('--mouse-y', y + 'px');\r\n\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n var percentX = (x \/ rect.width - 0.5) * 2;\r\n var percentY = (y \/ rect.height - 0.5) * 2;\r\n var moveX = percentX * 8;\r\n var moveY = percentY * 8;\r\n image.style.transform = 'scale(1.06) translate(' + moveX + 'px, ' + moveY + 'px)';\r\n }\r\n });\r\n\r\n card.addEventListener('mouseleave', function() {\r\n var image = card.querySelector('.koss_typologies__card-image');\r\n if (image) {\r\n image.style.transform = '';\r\n }\r\n });\r\n });\r\n\r\n function swapCards(toSwapped) {\r\n if (window.innerWidth <= 991) return;\r\n if (toSwapped === isSwapped) return;\r\n\r\n isSwapped = toSwapped;\r\n\r\n if (toSwapped) {\r\n grid.classList.add('koss_grid--swapped');\r\n mainCard.classList.remove('koss_typologies__card--main');\r\n mainCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--main');\r\n } else {\r\n grid.classList.remove('koss_grid--swapped');\r\n mainCard.classList.add('koss_typologies__card--main');\r\n mainCard.classList.remove('koss_typologies__card--secondary');\r\n secondaryCard.classList.add('koss_typologies__card--secondary');\r\n secondaryCard.classList.remove('koss_typologies__card--main');\r\n }\r\n\r\n updateSwapHint();\r\n }\r\n\r\n function updateSwapHint() {\r\n var hints = document.querySelectorAll('.koss_typologies__swap-hint');\r\n hints.forEach(function(hint) {\r\n var card = hint.closest('.koss_typologies__card');\r\n if (card.classList.contains('koss_typologies__card--secondary')) {\r\n hint.style.display = 'flex';\r\n } else {\r\n hint.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n secondaryCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(true);\r\n }, 250);\r\n });\r\n\r\n mainCard.addEventListener('mouseenter', function() {\r\n if (window.innerWidth <= 991) return;\r\n clearTimeout(swapTimeout);\r\n swapTimeout = setTimeout(function() {\r\n swapCards(false);\r\n }, 250);\r\n });\r\n\r\n grid.addEventListener('mouseleave', function() {\r\n clearTimeout(swapTimeout);\r\n });\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_typologies--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateSwapHint();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-893162f elementor-widget elementor-widget-html\" data-id=\"893162f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"de\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>The Kos - Divider<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>*, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_divider {\r\n position: relative !important;\r\n height: 45vh !important;\r\n min-height: 360px !important;\r\n max-height: 500px !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_divider__image {\r\n position: absolute !important;\r\n top: -15% !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 130% !important;\r\n object-fit: cover !important;\r\n object-position: center 40% !important;\r\n will-change: transform !important;\r\n }\r\n\r\n .koss_divider__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: \r\n radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%),\r\n linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.1) 100%) !important;\r\n }\r\n\r\n .koss_divider__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n text-align: center !important;\r\n padding: 0 40px !important;\r\n max-width: 1000px !important;\r\n }\r\n\r\n .koss_divider__quote {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(28px, 5vw, 52px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(25px) !important;\r\n transition: opacity 0.9s ease, transform 0.9s ease !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__quote {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 70px !important;\r\n height: 2px !important;\r\n background: linear-gradient(90deg, #804330 0%, #b77352 100%) !important;\r\n margin: 28px auto 0 !important;\r\n border-radius: 1px !important;\r\n opacity: 0 !important;\r\n transform: scaleX(0) !important;\r\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s !important;\r\n }\r\n\r\n .koss_divider.koss_divider--visible .koss_divider__line {\r\n opacity: 1 !important;\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_divider {\r\n height: 40vh !important;\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 32px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_divider {\r\n height: 38vh !important;\r\n min-height: 280px !important;\r\n }\r\n\r\n .koss_divider__content {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_divider__line {\r\n width: 55px !important;\r\n margin-top: 22px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_divider {\r\n min-height: 260px !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"koss_divider\" id=\"divider\"><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" alt=\"Panoramablick von The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\"><div class=\"koss_divider__overlay\"><\/div><div class=\"koss_divider__content\"><p class=\"koss_divider__quote\">Das Mittelmeer zu Ihren F\u00fc\u00dfen, der Himmel zum Greifen nah<\/p><div class=\"koss_divider__line\"><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('divider');\r\n var image = document.getElementById('koss_divider_image');\r\n\r\n function updateParallax() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.bottom < 0 || rect.top > windowHeight) return;\r\n \r\n var scrollProgress = (windowHeight - rect.top) \/ (windowHeight + rect.height);\r\n var translateY = (scrollProgress - 0.5) * 80;\r\n \r\n image.style.setProperty('transform', 'translateY(' + translateY + 'px)', 'important');\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_divider--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n updateParallax();\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n updateParallax();\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45ccd4c e-con-full e-flex e-con e-parent\" data-id=\"45ccd4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9950d0d elementor-widget elementor-widget-html\" data-id=\"9950d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Galerie<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_gallery {\r\n position: relative !important;\r\n padding: 140px 0 !important;\r\n background-color: #f6f6f6 !important;\r\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\r\n background-repeat: no-repeat !important;\r\n background-position: 105% 20% !important;\r\n background-size: auto 60% !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n text-align: center !important;\r\n margin-bottom: 64px !important;\r\n }\r\n\r\n .koss_gallery__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.15 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(16px, 1.6vw, 19px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.6 !important;\r\n color: #666666 !important;\r\n margin: 0 auto !important;\r\n max-width: 520px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(12, 1fr) !important;\r\n grid-template-rows: repeat(2, 280px) !important;\r\n gap: 16px !important;\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__grid {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery__item {\r\n position: relative !important;\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n cursor: pointer !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.6s ease, transform 0.6s ease !important;\r\n }\r\n\r\n .koss_gallery__item::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n border-radius: 12px !important;\r\n padding: 2px !important;\r\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.7) 0%, rgba(128, 67, 48, 0.4) 50%, transparent 100%) !important;\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n -webkit-mask-composite: xor !important;\r\n mask-composite: exclude !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.4s ease !important;\r\n z-index: 10 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .koss_gallery__item:hover::before {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__item::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n width: 200px !important;\r\n height: 200px !important;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%) !important;\r\n border-radius: 50% !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n transform: translate(-50%, -50%) !important;\r\n transition: opacity 0.3s ease !important;\r\n left: var(--mouse-x, 50%) !important;\r\n top: var(--mouse-y, 50%) !important;\r\n }\r\n\r\n .koss_gallery__item:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(1) { transition-delay: 0.35s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(2) { transition-delay: 0.45s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(3) { transition-delay: 0.55s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(4) { transition-delay: 0.65s !important; }\r\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(5) { transition-delay: 0.75s !important; }\r\n\r\n .koss_gallery__item:nth-child(1) {\r\n grid-column: 1 \/ 6 !important;\r\n grid-row: 1 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(2) {\r\n grid-column: 6 \/ 9 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(3) {\r\n grid-column: 9 \/ 13 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(4) {\r\n grid-column: 6 \/ 10 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 10 \/ 13 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__image {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .koss_gallery__overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0, 0, 0, 0.7) 0%,\r\n rgba(0, 0, 0, 0.1) 40%,\r\n rgba(0, 0, 0, 0) 60%\r\n ) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 24px !important;\r\n z-index: 4 !important;\r\n transform: translateY(10px) !important;\r\n opacity: 0 !important;\r\n transition: transform 0.4s ease, opacity 0.4s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption {\r\n transform: translateY(0) !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .koss_gallery__caption-hint {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n margin-top: 8px !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption-hint {\r\n color: rgba(255, 255, 255, 0.9) !important;\r\n }\r\n\r\n .koss_gallery__caption-hint svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n flex-shrink: 0 !important;\r\n position: relative !important;\r\n top: -2px !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .koss_gallery__item:hover .koss_gallery__caption-hint svg {\r\n transform: translateX(3px) !important;\r\n }\r\n\r\n .koss_lightbox {\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n }\r\n\r\n .koss_lightbox.koss_lightbox--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n }\r\n\r\n .koss_lightbox__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.95) 100%) !important;\r\n backdrop-filter: blur(12px) !important;\r\n -webkit-backdrop-filter: blur(12px) !important;\r\n }\r\n\r\n .koss_lightbox__vignette {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_lightbox__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 90vw !important;\r\n max-height: 85vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_lightbox__image {\r\n max-width: 100% !important;\r\n max-height: 85vh !important;\r\n object-fit: contain !important;\r\n border-radius: 8px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;\r\n opacity: 0 !important;\r\n transform: scale(0.95) !important;\r\n transition: opacity 0.25s ease, transform 0.25s ease !important;\r\n }\r\n\r\n .koss_lightbox--open .koss_lightbox__image {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n }\r\n\r\n .koss_lightbox__close {\r\n position: absolute !important;\r\n top: 24px !important;\r\n right: 24px !important;\r\n width: 48px !important;\r\n height: 48px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_lightbox__close:hover {\r\n background: rgba(183, 115, 82, 0.2) !important;\r\n border-color: rgba(183, 115, 82, 0.4) !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_lightbox__close svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: rgba(255, 255, 255, 0.06) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n z-index: 3 !important;\r\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_lightbox__nav:hover {\r\n background: rgba(183, 115, 82, 0.15) !important;\r\n border-color: rgba(183, 115, 82, 0.3) !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 24px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev:hover {\r\n transform: translateY(-50%) translateX(-4px) !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 24px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next:hover {\r\n transform: translateY(-50%) translateX(4px) !important;\r\n }\r\n\r\n .koss_lightbox__nav svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n fill: #ffffff !important;\r\n }\r\n\r\n .koss_lightbox__info {\r\n position: absolute !important;\r\n bottom: 28px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n text-align: center !important;\r\n z-index: 3 !important;\r\n }\r\n\r\n .koss_lightbox__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 400 !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .koss_lightbox__counter {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 3px !important;\r\n color: rgba(183, 115, 82, 0.8) !important;\r\n }\r\n\r\n .koss_lightbox__swipe-hint {\r\n display: none !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1px !important;\r\n color: rgba(255, 255, 255, 0.35) !important;\r\n margin-top: 10px !important;\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_lightbox__swipe-hint {\r\n display: block !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_gallery__grid {\r\n grid-template-rows: repeat(2, 240px) !important;\r\n gap: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_gallery {\r\n padding: 100px 0 !important;\r\n background-position: 110% 90% !important;\r\n background-size: auto 45% !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n padding: 0 40px !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n margin-bottom: 48px !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-template-rows: repeat(3, 220px) !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(1) {\r\n grid-column: 1 \/ 3 !important;\r\n grid-row: 1 \/ 2 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(2) {\r\n grid-column: 1 \/ 2 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(3) {\r\n grid-column: 2 \/ 3 !important;\r\n grid-row: 2 \/ 3 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(4) {\r\n grid-column: 1 \/ 2 !important;\r\n grid-row: 3 \/ 4 !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 2 \/ 3 !important;\r\n grid-row: 3 \/ 4 !important;\r\n }\r\n\r\n .koss_gallery__overlay {\r\n opacity: 1 !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n width: 46px !important;\r\n height: 46px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 16px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 16px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_gallery {\r\n padding: 80px 0 !important;\r\n background-image: none !important;\r\n }\r\n\r\n .koss_gallery__container {\r\n padding: 0 20px !important;\r\n }\r\n\r\n .koss_gallery__header {\r\n margin-bottom: 40px !important;\r\n }\r\n\r\n .koss_gallery__grid {\r\n grid-template-columns: 1fr !important;\r\n grid-template-rows: repeat(5, 200px) !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_gallery__item:nth-child(1),\r\n .koss_gallery__item:nth-child(2),\r\n .koss_gallery__item:nth-child(3),\r\n .koss_gallery__item:nth-child(4),\r\n .koss_gallery__item:nth-child(5) {\r\n grid-column: 1 \/ -1 !important;\r\n grid-row: auto !important;\r\n }\r\n\r\n .koss_gallery__caption {\r\n padding: 20px !important;\r\n }\r\n\r\n .koss_gallery__caption-title {\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_lightbox__close {\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 44px !important;\r\n height: 44px !important;\r\n }\r\n\r\n .koss_lightbox__nav {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n\r\n .koss_lightbox__nav--prev {\r\n left: 12px !important;\r\n }\r\n\r\n .koss_lightbox__nav--next {\r\n right: 12px !important;\r\n }\r\n\r\n .koss_lightbox__nav svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n }\r\n\r\n .koss_lightbox__info {\r\n bottom: 20px !important;\r\n }\r\n\r\n .koss_lightbox__title {\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .koss_gallery__grid {\r\n grid-template-rows: repeat(5, 180px) !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_gallery\" id=\"gallery\">\r\n <div class=\"koss_gallery__container\">\r\n \r\n <header class=\"koss_gallery__header\">\r\n <span class=\"koss_gallery__label\">R\u00e4ume<\/span>\r\n <h2 class=\"koss_gallery__title\">Jeder Winkel, ein Genuss<\/h2>\r\n <p class=\"koss_gallery__subtitle\">Innenr\u00e4ume, in denen Licht, Design und Wohlbefinden aufeinandertreffen<\/p>\r\n <\/header>\r\n\r\n <div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\r\n \r\n <div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Ihr Wohlbefinden hat Priorit\u00e4t\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\" alt=\"Innenpool mit Ausblick\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Ihr Wohlbefinden hat Priorit\u00e4t<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"Wo Ideen entstehen\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\" alt=\"Arbeitsbereich mit Panoramablick\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Wo Ideen entstehen<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Ihr Ort der Inspiration\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\" alt=\"Privater Raum mit nat\u00fcrlichem Licht\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Ihr Ort der Inspiration<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energie f\u00fcr jeden Morgen\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\" alt=\"Fitnessstudio mit Technogym-Ausstattung\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Energie f\u00fcr jeden Morgen<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Das t\u00e4gliche Ritual\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\" alt=\"Designbad mit Premium-Ausstattung\" class=\"koss_gallery__image\" loading=\"lazy\">\r\n <div class=\"koss_gallery__overlay\"><\/div>\r\n <div class=\"koss_gallery__caption\">\r\n <p class=\"koss_gallery__caption-title\">Das t\u00e4gliche Ritual<\/p>\r\n <p class=\"koss_gallery__caption-hint\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Bild vergr\u00f6\u00dfern\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"koss_lightbox\" id=\"koss_lightbox\">\r\n <div class=\"koss_lightbox__backdrop\" id=\"koss_lightbox_backdrop\"><\/div>\r\n <div class=\"koss_lightbox__vignette\"><\/div>\r\n \r\n <button class=\"koss_lightbox__close\" id=\"koss_lightbox_close\" aria-label=\"Schlie\u00dfen\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <button class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\" aria-label=\"Zur\u00fcck\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\" aria-label=\"Weiter\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"koss_lightbox__content\">\r\n <img decoding=\"async\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"koss_lightbox__info\">\r\n <p class=\"koss_lightbox__title\" id=\"koss_lightbox_title\"><\/p>\r\n <p class=\"koss_lightbox__counter\" id=\"koss_lightbox_counter\"><\/p>\r\n <p class=\"koss_lightbox__swipe-hint\">Wischen zum Navigieren<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('gallery');\r\n var items = document.querySelectorAll('.koss_gallery__item');\r\n var lightbox = document.getElementById('koss_lightbox');\r\n var lightboxBackdrop = document.getElementById('koss_lightbox_backdrop');\r\n var lightboxImage = document.getElementById('koss_lightbox_image');\r\n var lightboxTitle = document.getElementById('koss_lightbox_title');\r\n var lightboxCounter = document.getElementById('koss_lightbox_counter');\r\n var lightboxClose = document.getElementById('koss_lightbox_close');\r\n var lightboxPrev = document.getElementById('koss_lightbox_prev');\r\n var lightboxNext = document.getElementById('koss_lightbox_next');\r\n\r\n var images = [];\r\n items.forEach(function(item) {\r\n images.push({\r\n src: item.querySelector('.koss_gallery__image').src,\r\n title: item.getAttribute('data-title')\r\n });\r\n });\r\n\r\n var currentIndex = 0;\r\n var totalImages = images.length;\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('mousemove', function(e) {\r\n if (window.innerWidth <= 991) return;\r\n \r\n var rect = item.getBoundingClientRect();\r\n var x = e.clientX - rect.left;\r\n var y = e.clientY - rect.top;\r\n \r\n item.style.setProperty('--mouse-x', x + 'px');\r\n item.style.setProperty('--mouse-y', y + 'px');\r\n });\r\n });\r\n\r\n function openLightbox(index) {\r\n currentIndex = index;\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n lightbox.classList.add('koss_lightbox--open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('koss_lightbox--open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n function updateLightbox() {\r\n lightboxImage.style.setProperty('opacity', '0', 'important');\r\n lightboxImage.style.setProperty('transform', 'scale(0.95)', 'important');\r\n \r\n setTimeout(function() {\r\n lightboxImage.src = images[currentIndex].src;\r\n lightboxImage.alt = images[currentIndex].title;\r\n lightboxTitle.textContent = images[currentIndex].title;\r\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\r\n \r\n setTimeout(function() {\r\n lightboxImage.style.setProperty('opacity', '1', 'important');\r\n lightboxImage.style.setProperty('transform', 'scale(1)', 'important');\r\n }, 50);\r\n }, 200);\r\n }\r\n\r\n function nextImage() {\r\n currentIndex = (currentIndex + 1) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n function prevImage() {\r\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\r\n updateLightbox();\r\n }\r\n\r\n items.forEach(function(item) {\r\n item.addEventListener('click', function() {\r\n var index = parseInt(this.getAttribute('data-index'), 10);\r\n openLightbox(index);\r\n });\r\n });\r\n\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxBackdrop.addEventListener('click', closeLightbox);\r\n\r\n lightboxNext.addEventListener('click', nextImage);\r\n lightboxPrev.addEventListener('click', prevImage);\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (!lightbox.classList.contains('koss_lightbox--open')) return;\r\n \r\n if (e.key === 'Escape') {\r\n closeLightbox();\r\n } else if (e.key === 'ArrowRight') {\r\n nextImage();\r\n } else if (e.key === 'ArrowLeft') {\r\n prevImage();\r\n }\r\n });\r\n\r\n var touchStartX = 0;\r\n var touchEndX = 0;\r\n var touchStartY = 0;\r\n var touchEndY = 0;\r\n var minSwipeDistance = 50;\r\n\r\n lightbox.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n touchStartY = e.changedTouches[0].screenY;\r\n }, { passive: true });\r\n\r\n lightbox.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n touchEndY = e.changedTouches[0].screenY;\r\n handleSwipe();\r\n }, { passive: true });\r\n\r\n function handleSwipe() {\r\n var deltaX = touchEndX - touchStartX;\r\n var deltaY = touchEndY - touchStartY;\r\n \r\n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > minSwipeDistance) {\r\n if (deltaX > 0) {\r\n prevImage();\r\n } else {\r\n nextImage();\r\n }\r\n }\r\n }\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.8) {\r\n section.classList.add('koss_gallery--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade6763 e-con-full e-flex e-con e-parent\" data-id=\"ade6763\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e2b6ac elementor-widget elementor-widget-html\" data-id=\"5e2b6ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html><html lang=\"de\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>The Kos - Lage<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"><style>\/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n \/* ============================================\r\n LOCATION SECTION\r\n ============================================ *\/\r\n .koss_location {\r\n position: relative !important;\r\n padding: 120px 0 !important;\r\n background-color: #f0f0f0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n padding: 0 60px !important;\r\n }\r\n\r\n \/* ============================================\r\n CONTENT\r\n ============================================ *\/\r\n .koss_location__content {\r\n text-align: center !important;\r\n max-width: 720px !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n .koss_location__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease, transform 0.7s ease !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__label {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4.5vw, 48px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 20px 0 !important;\r\n letter-spacing: -1px !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__title {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_location__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: clamp(17px, 1.8vw, 20px) !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) !important;\r\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\r\n }\r\n\r\n .koss_location.koss_location--visible .koss_location__subtitle {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_location {\r\n padding: 100px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 40px !important;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_location {\r\n padding: 80px 0 !important;\r\n }\r\n\r\n .koss_location__container {\r\n padding: 0 24px !important;\r\n }\r\n\r\n .koss_location__title {\r\n margin-bottom: 16px !important;\r\n }\r\n }\r\n <\/style><\/head><body><section class=\"koss_location\" id=\"location\"><div class=\"koss_location__container\"><div class=\"koss_location__content\"><span class=\"koss_location__label\">Lage<\/span><h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2><p class=\"koss_location__subtitle\">Wo das Mittelmeer, die Berge und die Sonne aufeinandertreffen. Nur wenige Minuten vom Meer entfernt, mit der Welt verbunden.<\/p><\/div><\/div><\/section><script>(function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('location');\r\n\r\n function checkVisibility() {\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_location--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4385b elementor-widget elementor-widget-html\" data-id=\"ad4385b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe id=\"iframe-map\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/map\/kos.html\" allowfullscreen=\"\" title=\"Parque Vega, Interaktive Karte\" loading=\"lazy\" style=\"height: 80vh; width: 100%;\">\r\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d33e05 e-con-full e-flex e-con e-parent\" data-id=\"9d33e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db64be elementor-widget elementor-widget-html\" data-id=\"0db64be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>The Kos - Freischalten<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n \r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Josefin Sans', sans-serif;\r\n background-color: #f8f8f8;\r\n color: #333333;\r\n }\r\n\r\n .koss_unlock {\r\n position: relative !important;\r\n background-color: #f8f8f8 !important;\r\n }\r\n\r\n .koss_unlock__grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n min-height: 700px !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n opacity: 0 !important;\r\n transform: translateX(-30px) !important;\r\n transition: opacity 0.8s ease, transform 0.8s ease !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__image {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transition: transform 0.6s ease !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper:hover .koss_unlock__image {\r\n transform: scale(1.03) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 80px 60px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n opacity: 0 !important;\r\n transform: translateX(30px) !important;\r\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n opacity: 1 !important;\r\n transform: translateX(0) !important;\r\n }\r\n\r\n .koss_unlock__label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 4px !important;\r\n text-transform: uppercase !important;\r\n color: #999999 !important;\r\n margin-bottom: 16px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock__title {\r\n font-family: Georgia, 'Times New Roman', serif !important;\r\n font-size: clamp(32px, 4vw, 44px) !important;\r\n font-weight: 400 !important;\r\n line-height: 1.2 !important;\r\n color: #333333 !important;\r\n margin: 0 0 16px 0 !important;\r\n letter-spacing: -1px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #666666 !important;\r\n margin: 0 0 40px 0 !important;\r\n }\r\n\r\n .koss_unlock__agent {\r\n margin-top: 32px !important;\r\n padding-top: 28px !important;\r\n border-top: 1px solid #e8e8e8 !important;\r\n text-align: center !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .koss_unlock__agent-card {\r\n display: block !important;\r\n padding: 14px 24px !important;\r\n border: 1px solid #d8d8d8 !important;\r\n border-radius: 16px !important;\r\n background: #ffffff !important;\r\n cursor: pointer !important;\r\n text-decoration: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important;\r\n touch-action: manipulation !important;\r\n max-width: 340px !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock__agent-card:hover {\r\n border-color: #b0b0b0 !important;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n\r\n .koss_unlock__agent-card-title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n font-weight: 600 !important;\r\n color: #333333 !important;\r\n margin: 0 0 4px 0 !important;\r\n line-height: 1.4 !important;\r\n }\r\n\r\n .koss_unlock__agent-card-sub {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n color: #777777 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside unlock \u2500\u2500 *\/\r\n\r\n .koss_unlock .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field {\r\n margin-bottom: 20px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row {\r\n display: flex !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block {\r\n flex: 1 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-row .wpforms-field-row-block input {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field input[type=\"number\"],\r\n .koss_unlock .wpforms-field input[type=\"url\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 16px 20px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #ffffff !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input:focus,\r\n .koss_unlock .wpforms-field select:focus,\r\n .koss_unlock .wpforms-field textarea:focus {\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input::placeholder,\r\n .koss_unlock .wpforms-field textarea::placeholder {\r\n color: #aaaaaa !important;\r\n font-weight: 300 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field textarea {\r\n min-height: 120px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\r\n background-repeat: no-repeat !important;\r\n background-position: right 16px center !important;\r\n padding-right: 44px !important;\r\n min-width: 0 !important;\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-field-select-style-classic select,\r\n div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {\r\n padding-top: 10px !important;\r\n padding-bottom: 5px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field select option {\r\n padding: 12px 16px !important;\r\n white-space: normal !important;\r\n word-wrap: break-word !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country-list {\r\n max-width: 360px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox ul,\r\n .koss_unlock .wpforms-field-radio ul {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox li,\r\n .koss_unlock .wpforms-field-radio li {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox label,\r\n .koss_unlock .wpforms-field-radio label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #555555 !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-checkbox input,\r\n .koss_unlock .wpforms-field-radio input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label,\r\n .koss_unlock .wpforms-field-checkbox label {\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a,\r\n .koss_unlock .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_unlock .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit-container {\r\n margin-top: 32px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n width: 100% !important;\r\n padding: 18px 32px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #804330 0%, #b77352 100%) !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(128, 67, 48, 0.3) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field.wpforms-has-error input,\r\n .koss_unlock .wpforms-field.wpforms-has-error select,\r\n .koss_unlock .wpforms-field.wpforms-has-error textarea {\r\n border-color: #d64545 !important;\r\n }\r\n\r\n .koss_unlock .wpforms-error {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n color: #d64545 !important;\r\n margin-top: 6px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full {\r\n padding: 40px !important;\r\n background-color: #f0f7f0 !important;\r\n border-radius: 12px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .koss_unlock .wpforms-confirmation-container-full p {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 17px !important;\r\n font-weight: 300 !important;\r\n line-height: 1.7 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500 eVoost Partners Signature \u2500\u2500 *\/\r\n\r\n .koss_evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 16px 0 0 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n\r\n .koss_evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n }\r\n\r\n .koss_evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .koss_evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n }\r\n\r\n .koss_evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n .koss_evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n }\r\n\r\n @keyframes koss_shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n }\r\n\r\n .koss_evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover:before {\r\n opacity: 1;\r\n }\r\n\r\n .koss_evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: koss_shineEffect 1.2s ease-in-out !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n }\r\n\r\n .koss_evoost-signature:hover .koss_evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Agent Modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n\r\n .koss_agent_modal.koss_agent_modal--open {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .koss_agent_modal__backdrop {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 90vh !important;\r\n overflow-y: auto !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n background: #ffffff !important;\r\n border-radius: 16px !important;\r\n padding: 48px 56px !important;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3) !important;\r\n opacity: 0 !important;\r\n transform: translateY(20px) scale(0.98) !important;\r\n transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s !important;\r\n }\r\n\r\n .koss_agent_modal--open .koss_agent_modal__content {\r\n opacity: 1 !important;\r\n transform: translateY(0) scale(1) !important;\r\n }\r\n\r\n .koss_agent_modal__close {\r\n position: absolute !important;\r\n top: 16px !important;\r\n right: 16px !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: #f5f5f5 !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n transition: background 0.3s ease, transform 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal__close:hover {\r\n background: #e8e8e8 !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n .koss_agent_modal__close svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n fill: #666666 !important;\r\n }\r\n\r\n .koss_agent_modal__header {\r\n text-align: center !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_agent_modal__logo {\r\n width: 56px !important;\r\n height: 56px !important;\r\n margin: 0 auto 24px !important;\r\n display: block !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 22px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .koss_agent_modal__title strong {\r\n font-weight: 400 !important;\r\n }\r\n\r\n \/* \u2500\u2500 WPForms inside agent modal \u2500\u2500 *\/\r\n\r\n .koss_agent_modal .wpforms-container {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-form {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field {\r\n margin-bottom: 18px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n color: #666666 !important;\r\n margin-bottom: 8px !important;\r\n display: block !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-required {\r\n color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input[type=\"text\"],\r\n .koss_agent_modal .wpforms-field input[type=\"email\"],\r\n .koss_agent_modal .wpforms-field input[type=\"tel\"],\r\n .koss_agent_modal .wpforms-field select,\r\n .koss_agent_modal .wpforms-field textarea {\r\n width: 100% !important;\r\n padding: 14px 18px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 300 !important;\r\n color: #333333 !important;\r\n background-color: #f8f8f8 !important;\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 8px !important;\r\n outline: none !important;\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field input:focus,\r\n .koss_agent_modal .wpforms-field select:focus,\r\n .koss_agent_modal .wpforms-field textarea:focus {\r\n background-color: #ffffff !important;\r\n border-color: #b77352 !important;\r\n box-shadow: 0 0 0 3px rgba(183, 115, 82, 0.1) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field textarea {\r\n min-height: 100px !important;\r\n resize: vertical !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti {\r\n width: 100% !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__flag-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__selected-flag {\r\n padding: 0 12px 0 16px !important;\r\n background: transparent !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone input[type=\"tel\"] {\r\n padding-left: 85px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 100px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country-list {\r\n max-width: 320px !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #e0e0e0 !important;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country {\r\n padding: 10px 16px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-phone .iti__country:hover {\r\n background-color: #f5f5f5 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label,\r\n .koss_agent_modal .wpforms-field-checkbox label {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 13px !important;\r\n line-height: 1.5 !important;\r\n color: #888888 !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a,\r\n .koss_agent_modal .wpforms-field-checkbox label a {\r\n color: #b77352 !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox label a:hover,\r\n .koss_agent_modal .wpforms-field-checkbox label a:hover {\r\n text-decoration: underline !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-field-checkbox input,\r\n .koss_agent_modal .wpforms-field-gdpr-checkbox input {\r\n width: 18px !important;\r\n height: 18px !important;\r\n margin-top: 2px !important;\r\n accent-color: #b77352 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit-container {\r\n position: relative !important;\r\n margin-top: 28px !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 100% !important;\r\n padding: 18px 28px 28px 0px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 2px !important;\r\n text-transform: uppercase !important;\r\n color: #ffffff !important;\r\n background: #2a2a2a !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n cursor: pointer !important;\r\n overflow: hidden !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;\r\n }\r\n\r\n .koss_agent_modal .wpforms-submit:active {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n\r\n @media screen and (max-width: 1200px) {\r\n .koss_unlock__grid {\r\n min-height: 600px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 60px 48px 60px 60px !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 991px) {\r\n .koss_unlock__grid {\r\n grid-template-columns: 1fr !important;\r\n min-height: auto !important;\r\n }\r\n\r\n .koss_unlock__image-wrapper {\r\n order: 1 !important;\r\n min-height: 400px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__image-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n order: 2 !important;\r\n max-width: 100% !important;\r\n padding: 60px 40px !important;\r\n transform: translateY(20px) !important;\r\n }\r\n\r\n .koss_unlock.koss_unlock--visible .koss_unlock__form-wrapper {\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n .koss_unlock__image-wrapper {\r\n min-height: 320px !important;\r\n }\r\n\r\n .koss_unlock__form-wrapper {\r\n padding: 48px 24px !important;\r\n }\r\n\r\n .koss_unlock__subtitle {\r\n font-size: 16px !important;\r\n margin-bottom: 32px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-field input[type=\"text\"],\r\n .koss_unlock .wpforms-field input[type=\"email\"],\r\n .koss_unlock .wpforms-field input[type=\"tel\"],\r\n .koss_unlock .wpforms-field select,\r\n .koss_unlock .wpforms-field textarea {\r\n padding: 14px 16px !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n .koss_unlock .wpforms-submit {\r\n padding: 16px 28px !important;\r\n }\r\n\r\n .koss_agent_modal__content {\r\n padding: 40px 24px !important;\r\n }\r\n\r\n .koss_agent_modal__title {\r\n font-size: 19px !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"koss_unlock\" id=\"unlock\">\r\n \r\n <div class=\"koss_unlock__grid\">\r\n \r\n <div class=\"koss_unlock__image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\" alt=\"Terrasse mit Blick auf das Mittelmeer\" class=\"koss_unlock__image\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"koss_unlock__form-wrapper\">\r\n <span class=\"koss_unlock__label\">Entdecken Sie Kos Villas von innen<\/span>\r\n <h2 class=\"koss_unlock__title\">Alle Informationen freischalten<\/h2>\r\n <p class=\"koss_unlock__subtitle\">Erhalten Sie Zugang zu detaillierten Grundrissen, aktuellen Preisen und Verf\u00fcgbarkeit in Echtzeit. Unverbindlich.<\/p>\r\n \r\n <div class=\"koss_unlock__form\">\r\n <style id=\"wpforms-css-vars-1668\">\n\t\t\t\t#wpforms-1668 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-1668\"><form id=\"wpforms-form-1668\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1668\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de\/wp-json\/wp\/v2\/pages\/1626\" data-token=\"7dae498cbf1c909a9632c03947eb15c9\" data-token-time=\"1779324556\"><noscript class=\"wpforms-error-noscript\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-1668-field_21-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"21\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_58-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"58\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-1668-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-1668-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_61-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"61\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-1668-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-1668-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_59-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"59\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-1668-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-1668-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_60-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"60\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-1668-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-1668-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_63-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"63\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-1668-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-1668-field_63-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_62-container\" class=\"wpforms-field wpforms-field-text oculto-form\" data-field-id=\"62\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-1668-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-1668-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_49-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"49\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_51-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"51\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-1668-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"0e8af60f-a8fc-4089-936b-f247bf49e7b8\" aria-errormessage=\"wpforms-1668-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_56-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"56\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-1668-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"51f65774-c533-49cb-a692-86f7d18e7a65\" aria-errormessage=\"wpforms-1668-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_55-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"55\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-1668-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"d15699e7-6c0e-4437-822a-aaeedf712ec0\" aria-errormessage=\"wpforms-1668-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_57-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"57\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-1668-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"743b4a8a-0f3f-4229-9097-af4b188f52a4\" aria-errormessage=\"wpforms-1668-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_52-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"52\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-1668-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"ca39c7c8-3eed-4336-bf4e-4bfa1c3bc105\" aria-errormessage=\"wpforms-1668-field_52-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_48-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"48\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_39-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"39\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-1668-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-1668-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_40-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"40\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-1668-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-1668-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_41-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"41\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-1668-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-1668-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-1668-field_42-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-conditional-field wpforms-conditional-show\" data-field-id=\"42\" style=\"display:none;\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-1668-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-1668-field_42-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_37-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"37\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_37\">Was ist Ihre Hauptmotivation f\u00fcr die Suche nach einer neuen Immobilie? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- W\u00e4hlen ---<\/option><option value=\"Ich suche einen Ort, an dem ich abschalten, entspannen und mich wirklich wie zu Hause f\u00fchlen kann.\" class=\"choice-1 depth-1\" >Ich suche einen Ort, an dem ich abschalten, entspannen und mich wirklich wie zu Hause f\u00fchlen kann.<\/option><option value=\"Wir m\u00f6chten einen neuen Lebensabschnitt in einem inspirierenden und komfortablen Umfeld beginnen.\" class=\"choice-2 depth-1\" >Wir m\u00f6chten einen neuen Lebensabschnitt in einem inspirierenden und komfortablen Umfeld beginnen.<\/option><option value=\"Wir suchen ein gr\u00f6\u00dferes Haus, das den Bed\u00fcrfnissen unserer Familie entspricht.\" class=\"choice-3 depth-1\" >Wir suchen ein gr\u00f6\u00dferes Haus, das den Bed\u00fcrfnissen unserer Familie entspricht.<\/option><option value=\"Ich suche eine gewinnbringende und sichere Immobilieninvestition.\" class=\"choice-4 depth-1\" >Ich suche eine gewinnbringende und sichere Immobilieninvestition.<\/option><option value=\"Ich suche einen Ort, an dem ich remote arbeiten und den Lebensstil genie\u00dfen kann.\" class=\"choice-5 depth-1\" >Ich suche einen Ort, an dem ich remote arbeiten und den Lebensstil genie\u00dfen kann.<\/option><\/select><\/div><div id=\"wpforms-1668-field_38-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-classic\" data-field-id=\"38\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_38\">Welche dieser Aussagen beschreibt Sie am besten? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- W\u00e4hlen ---<\/option><option value=\"Ich treffe gerne schnelle Entscheidungen und l\u00f6se Probleme.\" class=\"choice-1 depth-1\" >Ich treffe gerne schnelle Entscheidungen und l\u00f6se Probleme.<\/option><option value=\"Ich m\u00f6chte meine Optionen erst vollst\u00e4ndig verstehen, bevor ich eine Entscheidung treffe.\" class=\"choice-2 depth-1\" >Ich m\u00f6chte meine Optionen erst vollst\u00e4ndig verstehen, bevor ich eine Entscheidung treffe.<\/option><option value=\"Ich mag es, neue Ideen zu entdecken und kreativ zu sein.\" class=\"choice-3 depth-1\" >Ich mag es, neue Ideen zu entdecken und kreativ zu sein.<\/option><option value=\"Ich bevorzuge bew\u00e4hrte Methoden und die Aufrechterhaltung von Stabilit\u00e4t.\" class=\"choice-4 depth-1\" >Ich bevorzuge bew\u00e4hrte Methoden und die Aufrechterhaltung von Stabilit\u00e4t.<\/option><\/select><\/div>\t\t<div id=\"wpforms-1668-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1668-field_1\" >internacional LMP en<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1668-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1668-field_5-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"5\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_6\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1668-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1668-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_8\">Nachname <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1668-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-1668-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_9\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1668-field_9\" class=\"wpforms-field-medium wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][9]\" aria-label=\"Telefon\" aria-errormessage=\"wpforms-1668-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_15\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1668-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1668-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_67-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"67\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_67\">Altersspanne <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- W\u00e4hlen Sie die Option aus --<\/option><option value=\"Unter 35 Jahren\" class=\"choice-1 depth-1\" >Unter 35 Jahren<\/option><option value=\"Zwischen 35 und 45 Jahren\" class=\"choice-2 depth-1\" >Zwischen 35 und 45 Jahren<\/option><option value=\"Zwischen 45 und 60 Jahren\" class=\"choice-3 depth-1\" >Zwischen 45 und 60 Jahren<\/option><option value=\"\u00dcber 60 Jahre alt\" class=\"choice-4 depth-1\" >\u00dcber 60 Jahre alt<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1668-field_68-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"68\"><label class=\"wpforms-field-label\" for=\"wpforms-1668-field_68\">Geben Sie Ihre Nationalit\u00e4t an. <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1668-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- W\u00e4hlen Sie die Option aus --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albania\" class=\"choice-5 depth-1\" >Albania<\/option><option value=\"Algeria\" class=\"choice-6 depth-1\" >Algeria<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua and Barbuda\" class=\"choice-9 depth-1\" >Antigua and Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenia\" class=\"choice-11 depth-1\" >Armenia<\/option><option value=\"Australia\" class=\"choice-12 depth-1\" >Australia<\/option><option value=\"Austria\" class=\"choice-13 depth-1\" >Austria<\/option><option value=\"Azerbaijan\" class=\"choice-14 depth-1\" >Azerbaijan<\/option><option value=\"Bahamas\" class=\"choice-15 depth-1\" >Bahamas<\/option><option value=\"Bahrain\" class=\"choice-16 depth-1\" >Bahrain<\/option><option value=\"Bangladesh\" class=\"choice-17 depth-1\" >Bangladesh<\/option><option value=\"Barbados\" class=\"choice-18 depth-1\" >Barbados<\/option><option value=\"Belarus\" class=\"choice-19 depth-1\" >Belarus<\/option><option value=\"Belgium\" class=\"choice-20 depth-1\" >Belgium<\/option><option value=\"Belize\" class=\"choice-21 depth-1\" >Belize<\/option><option value=\"Benin\" class=\"choice-22 depth-1\" >Benin<\/option><option value=\"Bhutan\" class=\"choice-23 depth-1\" >Bhutan<\/option><option value=\"Bolivia\" class=\"choice-24 depth-1\" >Bolivia<\/option><option value=\"Bosnia and Herzegovina\" class=\"choice-25 depth-1\" >Bosnia and Herzegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brazil\" class=\"choice-27 depth-1\" >Brazil<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgaria\" class=\"choice-29 depth-1\" >Bulgaria<\/option><option value=\"Burkina Faso\" class=\"choice-30 depth-1\" >Burkina Faso<\/option><option value=\"Burundi\" class=\"choice-31 depth-1\" >Burundi<\/option><option value=\"Cabo Verde\" class=\"choice-32 depth-1\" >Cabo Verde<\/option><option value=\"Cambodia\" class=\"choice-33 depth-1\" >Cambodia<\/option><option value=\"Cameroon\" class=\"choice-34 depth-1\" >Cameroon<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Central African Republic\" class=\"choice-36 depth-1\" >Central African Republic<\/option><option value=\"Chad\" class=\"choice-37 depth-1\" >Chad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"China\" class=\"choice-39 depth-1\" >China<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comoros\" class=\"choice-41 depth-1\" >Comoros<\/option><option value=\"Congo\" class=\"choice-42 depth-1\" >Congo<\/option><option value=\"Costa Rica\" class=\"choice-43 depth-1\" >Costa Rica<\/option><option value=\"Croatia\" class=\"choice-44 depth-1\" >Croatia<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cyprus\" class=\"choice-46 depth-1\" >Cyprus<\/option><option value=\"Czech Republic\" class=\"choice-47 depth-1\" >Czech Republic<\/option><option value=\"Democratic Republic of the Congo\" class=\"choice-48 depth-1\" >Democratic Republic of the Congo<\/option><option value=\"Denmark\" class=\"choice-49 depth-1\" >Denmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominican Republic\" class=\"choice-52 depth-1\" >Dominican Republic<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypt\" class=\"choice-54 depth-1\" >Egypt<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"Equatorial Guinea\" class=\"choice-56 depth-1\" >Equatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estonia\" class=\"choice-58 depth-1\" >Estonia<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Ethiopia\" class=\"choice-60 depth-1\" >Ethiopia<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"France\" class=\"choice-63 depth-1\" >France<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgia\" class=\"choice-66 depth-1\" >Georgia<\/option><option value=\"Germany\" class=\"choice-67 depth-1\" >Germany<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Greece\" class=\"choice-69 depth-1\" >Greece<\/option><option value=\"Grenada\" class=\"choice-70 depth-1\" >Grenada<\/option><option value=\"Guatemala\" class=\"choice-71 depth-1\" >Guatemala<\/option><option value=\"Guinea\" class=\"choice-72 depth-1\" >Guinea<\/option><option value=\"Guinea-Bissau\" class=\"choice-73 depth-1\" >Guinea-Bissau<\/option><option value=\"Guyana\" class=\"choice-74 depth-1\" >Guyana<\/option><option value=\"Haiti\" class=\"choice-75 depth-1\" >Haiti<\/option><option value=\"Honduras\" class=\"choice-76 depth-1\" >Honduras<\/option><option value=\"Hungary\" class=\"choice-77 depth-1\" >Hungary<\/option><option value=\"Iceland\" class=\"choice-78 depth-1\" >Iceland<\/option><option value=\"India\" class=\"choice-79 depth-1\" >India<\/option><option value=\"Indonesia\" class=\"choice-80 depth-1\" >Indonesia<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Iraq\" class=\"choice-82 depth-1\" >Iraq<\/option><option value=\"Ireland\" class=\"choice-83 depth-1\" >Ireland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italy\" class=\"choice-85 depth-1\" >Italy<\/option><option value=\"Ivory Coast\" class=\"choice-86 depth-1\" >Ivory Coast<\/option><option value=\"Jamaica\" class=\"choice-87 depth-1\" >Jamaica<\/option><option value=\"Japan\" class=\"choice-88 depth-1\" >Japan<\/option><option value=\"Jordan\" class=\"choice-89 depth-1\" >Jordan<\/option><option value=\"Kazakhstan\" class=\"choice-90 depth-1\" >Kazakhstan<\/option><option value=\"Kenya\" class=\"choice-91 depth-1\" >Kenya<\/option><option value=\"Kiribati\" class=\"choice-92 depth-1\" >Kiribati<\/option><option value=\"Kuwait\" class=\"choice-93 depth-1\" >Kuwait<\/option><option value=\"Kyrgyzstan\" class=\"choice-94 depth-1\" >Kyrgyzstan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Latvia\" class=\"choice-96 depth-1\" >Latvia<\/option><option value=\"Lebanon\" class=\"choice-97 depth-1\" >Lebanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libya\" class=\"choice-100 depth-1\" >Libya<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Lithuania\" class=\"choice-102 depth-1\" >Lithuania<\/option><option value=\"Luxembourg\" class=\"choice-103 depth-1\" >Luxembourg<\/option><option value=\"Madagascar\" class=\"choice-104 depth-1\" >Madagascar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldives\" class=\"choice-107 depth-1\" >Maldives<\/option><option value=\"Mali\" class=\"choice-108 depth-1\" >Mali<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall Islands\" class=\"choice-110 depth-1\" >Marshall Islands<\/option><option value=\"Mauritania\" class=\"choice-111 depth-1\" >Mauritania<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Micronesia\" class=\"choice-114 depth-1\" >Micronesia<\/option><option value=\"Moldova\" class=\"choice-115 depth-1\" >Moldova<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongolia\" class=\"choice-117 depth-1\" >Mongolia<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Morocco\" class=\"choice-119 depth-1\" >Morocco<\/option><option value=\"Mozambique\" class=\"choice-120 depth-1\" >Mozambique<\/option><option value=\"Myanmar\" class=\"choice-121 depth-1\" >Myanmar<\/option><option value=\"Namibia\" class=\"choice-122 depth-1\" >Namibia<\/option><option value=\"Nauru\" class=\"choice-123 depth-1\" >Nauru<\/option><option value=\"Nepal\" class=\"choice-124 depth-1\" >Nepal<\/option><option value=\"Netherlands\" class=\"choice-125 depth-1\" >Netherlands<\/option><option value=\"New Zealand\" class=\"choice-126 depth-1\" >New Zealand<\/option><option value=\"Nicaragua\" class=\"choice-127 depth-1\" >Nicaragua<\/option><option value=\"Niger\" class=\"choice-128 depth-1\" >Niger<\/option><option value=\"Nigeria\" class=\"choice-129 depth-1\" >Nigeria<\/option><option value=\"North Korea\" class=\"choice-130 depth-1\" >North Korea<\/option><option value=\"North Macedonia\" class=\"choice-131 depth-1\" >North Macedonia<\/option><option value=\"Norway\" class=\"choice-132 depth-1\" >Norway<\/option><option value=\"Oman\" class=\"choice-133 depth-1\" >Oman<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"Palau\" class=\"choice-135 depth-1\" >Palau<\/option><option value=\"Palestine\" class=\"choice-136 depth-1\" >Palestine<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua New Guinea\" class=\"choice-138 depth-1\" >Papua New Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Philippines\" class=\"choice-141 depth-1\" >Philippines<\/option><option value=\"Poland\" class=\"choice-142 depth-1\" >Poland<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Romania\" class=\"choice-145 depth-1\" >Romania<\/option><option value=\"Russia\" class=\"choice-146 depth-1\" >Russia<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts and Nevis\" class=\"choice-148 depth-1\" >Saint Kitts and Nevis<\/option><option value=\"Saint Lucia\" class=\"choice-149 depth-1\" >Saint Lucia<\/option><option value=\"Saint Vincent and the Grenadines\" class=\"choice-150 depth-1\" >Saint Vincent and the Grenadines<\/option><option value=\"Samoa\" class=\"choice-151 depth-1\" >Samoa<\/option><option value=\"San Marino\" class=\"choice-152 depth-1\" >San Marino<\/option><option value=\"Sao Tome and Principe\" class=\"choice-153 depth-1\" >Sao Tome and Principe<\/option><option value=\"Saudi Arabia\" class=\"choice-154 depth-1\" >Saudi Arabia<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbia\" class=\"choice-156 depth-1\" >Serbia<\/option><option value=\"Seychelles\" class=\"choice-157 depth-1\" >Seychelles<\/option><option value=\"Sierra Leone\" class=\"choice-158 depth-1\" >Sierra Leone<\/option><option value=\"Singapore\" class=\"choice-159 depth-1\" >Singapore<\/option><option value=\"Slovakia\" class=\"choice-160 depth-1\" >Slovakia<\/option><option value=\"Slovenia\" class=\"choice-161 depth-1\" >Slovenia<\/option><option value=\"Solomon Islands\" class=\"choice-162 depth-1\" >Solomon Islands<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"South Africa\" class=\"choice-164 depth-1\" >South Africa<\/option><option value=\"South Korea\" class=\"choice-165 depth-1\" >South Korea<\/option><option value=\"South Sudan\" class=\"choice-166 depth-1\" >South Sudan<\/option><option value=\"Spain\" class=\"choice-167 depth-1\" >Spain<\/option><option value=\"Sri Lanka\" class=\"choice-168 depth-1\" >Sri Lanka<\/option><option value=\"Sudan\" class=\"choice-169 depth-1\" >Sudan<\/option><option value=\"Suriname\" class=\"choice-170 depth-1\" >Suriname<\/option><option value=\"Sweden\" class=\"choice-171 depth-1\" >Sweden<\/option><option value=\"Switzerland\" class=\"choice-172 depth-1\" >Switzerland<\/option><option value=\"Syria\" class=\"choice-173 depth-1\" >Syria<\/option><option value=\"Tajikistan\" class=\"choice-174 depth-1\" >Tajikistan<\/option><option value=\"Tanzania\" class=\"choice-175 depth-1\" >Tanzania<\/option><option value=\"Thailand\" class=\"choice-176 depth-1\" >Thailand<\/option><option value=\"Timor-Leste\" class=\"choice-177 depth-1\" >Timor-Leste<\/option><option value=\"Togo\" class=\"choice-178 depth-1\" >Togo<\/option><option value=\"Tonga\" class=\"choice-179 depth-1\" >Tonga<\/option><option value=\"Trinidad and Tobago\" class=\"choice-180 depth-1\" >Trinidad and Tobago<\/option><option value=\"Tunisia\" class=\"choice-181 depth-1\" >Tunisia<\/option><option value=\"Turkey\" class=\"choice-182 depth-1\" >Turkey<\/option><option value=\"Turkmenistan\" class=\"choice-183 depth-1\" >Turkmenistan<\/option><option value=\"Tuvalu\" class=\"choice-184 depth-1\" >Tuvalu<\/option><option value=\"Uganda\" class=\"choice-185 depth-1\" >Uganda<\/option><option value=\"Ukraine\" class=\"choice-186 depth-1\" >Ukraine<\/option><option value=\"United Arab Emirates\" class=\"choice-187 depth-1\" >United Arab Emirates<\/option><option value=\"United Kingdom\" class=\"choice-188 depth-1\" >United Kingdom<\/option><option value=\"United States\" class=\"choice-189 depth-1\" >United States<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Uzbekistan\" class=\"choice-191 depth-1\" >Uzbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatican City\" class=\"choice-193 depth-1\" >Vatican City<\/option><option value=\"Venezuela\" class=\"choice-194 depth-1\" >Venezuela<\/option><option value=\"Vietnam\" class=\"choice-195 depth-1\" >Vietnam<\/option><option value=\"Yemen\" class=\"choice-196 depth-1\" >Yemen<\/option><option value=\"Zambia\" class=\"choice-197 depth-1\" >Zambia<\/option><option value=\"Zimbabwe\" class=\"choice-198 depth-1\" >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-1668-field_33-container\" class=\"wpforms-field wpforms-field-text oculto-form wpforms-field-readonly\" data-field-id=\"33\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-1668-field_33\" aria-hidden=\"false\">Language<\/label><input type=\"text\" id=\"wpforms-1668-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Deutsch\" aria-errormessage=\"wpforms-1668-field_33-error\" ><\/div><div id=\"wpforms-1668-field_47-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-id=\"47\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">RGPD <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-1668-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-1668-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Ich akzeptiere die Datenschutzbestimmungen dieser Website.\" aria-errormessage=\"wpforms-1668-field_47_1-error\" aria-describedby=\"wpforms-1668-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-1668-field_47_1\">Ich akzeptiere die Datenschutzbestimmungen dieser Website.<\/label><\/li><\/ul><div id=\"wpforms-1668-field_47-description\" class=\"wpforms-field-description\">Sie k\u00f6nnen die Datenschutzrichtlinie <a href=\"https:\/\/thekosvillas.com\/de\/privacidad\/\">hier einsehen<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-1668-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-1668-field_66\" name=\"wpforms[fields][66]\" value=\"1\"><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1668-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1668-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1668-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1668\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1668\" class=\"wpforms-submit\" data-alt-text=\"Wir sind mittendrin...\" data-submit-text=\"Informationen freischalten\" aria-live=\"assertive\" value=\"wpforms-submit\">Informationen freischalten<\/button><img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Wird geladen\"><\/div><\/form><\/div> \r\n <\/div>\r\n\r\n <div class=\"koss_unlock__agent\">\r\n <a href=\"#agent-form\" class=\"koss_unlock__agent-card\" id=\"koss_agent_trigger\" role=\"button\">\r\n <p class=\"koss_unlock__agent-card-title\">Sind Sie Immobilienmakler?<\/p>\r\n <p class=\"koss_unlock__agent-card-sub\">Senden Sie uns Ihre Daten und wir setzen uns mit Ihnen in Verbindung.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\r\n <div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\r\n \r\n <div class=\"koss_agent_modal__content\">\r\n <button class=\"koss_agent_modal__close\" id=\"koss_agent_close\" aria-label=\"Schlie\u00dfen\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"koss_agent_modal__form\" id=\"agent-form\">\r\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-921-3824\" style=\"--evoost-accent:#b77352;--evoost-border-focus:#b77352;--evoost-focus-shadow:rgba(183,115,82,0.1);\">\n\n <div class=\"evoost-form-header\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"\" class=\"evoost-form-header-logo\">\n <h3 class=\"evoost-form-header-title\">Senden Sie uns Ihre Daten und <strong>wir werden uns bei Ihnen melden<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"921\" data-lang=\"de\" data-redirect=\"https:\/\/thekosvillas.com\/de\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"e8534c4d20\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/1626\" \/>\n <div class=\"evoost-fields-grid\">\n \n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-3824-firstname\">Vorname <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Vorname\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-3824-lastname\">Nachname <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Nachname\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-3824-email\">E-Mail <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-3824-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-3824-phone\">Telefon <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-phone-wrapper\">\n <span class=\"evoost-phone-prefix\" data-default=\"+34\">+34<\/span>\n <input type=\"tel\" id=\"evoost-form-921-3824-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-3824-company\">Unternehmen<\/label>\n <input type=\"text\" id=\"evoost-form-921-3824-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Unternehmen\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n \n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-3824-country\">Land <span class=\"evoost-required\">*<\/span><\/label>\n <div class=\"evoost-select-search-wrapper\">\n <input type=\"text\" class=\"evoost-select-search-input\" id=\"evoost-form-921-3824-country-search\" placeholder=\"Land...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-3824-country\" name=\"country_visible\" required class=\"evoost-select-hidden\">\n <option value=\"\">Land<\/option>\n <option value=\"Afghanistan\">Afghanistan<\/option>\n <option value=\"Albania\">Albania<\/option>\n <option value=\"Algeria\">Algeria<\/option>\n <option value=\"Andorra\">Andorra<\/option>\n <option value=\"Angola\">Angola<\/option>\n <option value=\"Antigua and Barbuda\">Antigua and Barbuda<\/option>\n <option value=\"Argentina\">Argentina<\/option>\n <option value=\"Armenia\">Armenia<\/option>\n <option value=\"Australia\">Australia<\/option>\n <option value=\"Austria\">Austria<\/option>\n <option value=\"Azerbaijan\">Azerbaijan<\/option>\n <option value=\"Bahamas\">Bahamas<\/option>\n <option value=\"Bahrain\">Bahrain<\/option>\n <option value=\"Bangladesh\">Bangladesh<\/option>\n <option value=\"Barbados\">Barbados<\/option>\n <option value=\"Belarus\">Belarus<\/option>\n <option value=\"Belgium\">Belgium<\/option>\n <option value=\"Belize\">Belize<\/option>\n <option value=\"Benin\">Benin<\/option>\n <option value=\"Bhutan\">Bhutan<\/option>\n <option value=\"Bolivia\">Bolivia<\/option>\n <option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option>\n <option value=\"Botswana\">Botswana<\/option>\n <option value=\"Brazil\">Brazil<\/option>\n <option value=\"Brunei\">Brunei<\/option>\n <option value=\"Bulgaria\">Bulgaria<\/option>\n <option value=\"Burkina Faso\">Burkina Faso<\/option>\n <option value=\"Burundi\">Burundi<\/option>\n <option value=\"Cabo Verde\">Cabo Verde<\/option>\n <option value=\"Cambodia\">Cambodia<\/option>\n <option value=\"Cameroon\">Cameroon<\/option>\n <option value=\"Canada\">Canada<\/option>\n <option value=\"Central African Republic\">Central African Republic<\/option>\n <option value=\"Chad\">Chad<\/option>\n <option value=\"Chile\">Chile<\/option>\n <option value=\"China\">China<\/option>\n <option value=\"Colombia\">Colombia<\/option>\n <option value=\"Comoros\">Comoros<\/option>\n <option value=\"Congo\">Congo<\/option>\n <option value=\"Costa Rica\">Costa Rica<\/option>\n <option value=\"Croatia\">Croatia<\/option>\n <option value=\"Cuba\">Cuba<\/option>\n <option value=\"Cyprus\">Cyprus<\/option>\n <option value=\"Czech Republic\">Czech Republic<\/option>\n <option value=\"Democratic Republic of the Congo\">Democratic Republic of the Congo<\/option>\n <option value=\"Denmark\">Denmark<\/option>\n <option value=\"Djibouti\">Djibouti<\/option>\n <option value=\"Dominica\">Dominica<\/option>\n <option value=\"Dominican Republic\">Dominican Republic<\/option>\n <option value=\"Ecuador\">Ecuador<\/option>\n <option value=\"Egypt\">Egypt<\/option>\n <option value=\"El Salvador\">El Salvador<\/option>\n <option value=\"Equatorial Guinea\">Equatorial Guinea<\/option>\n <option value=\"Eritrea\">Eritrea<\/option>\n <option value=\"Estonia\">Estonia<\/option>\n <option value=\"Eswatini\">Eswatini<\/option>\n <option value=\"Ethiopia\">Ethiopia<\/option>\n <option value=\"Fiji\">Fiji<\/option>\n <option value=\"Finland\">Finland<\/option>\n <option value=\"France\">France<\/option>\n <option value=\"Gabon\">Gabon<\/option>\n <option value=\"Gambia\">Gambia<\/option>\n <option value=\"Georgia\">Georgia<\/option>\n <option value=\"Germany\">Germany<\/option>\n <option value=\"Ghana\">Ghana<\/option>\n <option value=\"Greece\">Greece<\/option>\n <option value=\"Grenada\">Grenada<\/option>\n <option value=\"Guatemala\">Guatemala<\/option>\n <option value=\"Guinea\">Guinea<\/option>\n <option value=\"Guinea-Bissau\">Guinea-Bissau<\/option>\n <option value=\"Guyana\">Guyana<\/option>\n <option value=\"Haiti\">Haiti<\/option>\n <option value=\"Honduras\">Honduras<\/option>\n <option value=\"Hungary\">Hungary<\/option>\n <option value=\"Iceland\">Iceland<\/option>\n <option value=\"India\">India<\/option>\n <option value=\"Indonesia\">Indonesia<\/option>\n <option value=\"Iran\">Iran<\/option>\n <option value=\"Iraq\">Iraq<\/option>\n <option value=\"Ireland\">Ireland<\/option>\n <option value=\"Israel\">Israel<\/option>\n <option value=\"Italy\">Italy<\/option>\n <option value=\"Ivory Coast\">Ivory Coast<\/option>\n <option value=\"Jamaica\">Jamaica<\/option>\n <option value=\"Japan\">Japan<\/option>\n <option value=\"Jordan\">Jordan<\/option>\n <option value=\"Kazakhstan\">Kazakhstan<\/option>\n <option value=\"Kenya\">Kenya<\/option>\n <option value=\"Kiribati\">Kiribati<\/option>\n <option value=\"Kuwait\">Kuwait<\/option>\n <option value=\"Kyrgyzstan\">Kyrgyzstan<\/option>\n <option value=\"Laos\">Laos<\/option>\n <option value=\"Latvia\">Latvia<\/option>\n <option value=\"Lebanon\">Lebanon<\/option>\n <option value=\"Lesotho\">Lesotho<\/option>\n <option value=\"Liberia\">Liberia<\/option>\n <option value=\"Libya\">Libya<\/option>\n <option value=\"Liechtenstein\">Liechtenstein<\/option>\n <option value=\"Lithuania\">Lithuania<\/option>\n <option value=\"Luxembourg\">Luxembourg<\/option>\n <option value=\"Madagascar\">Madagascar<\/option>\n <option value=\"Malawi\">Malawi<\/option>\n <option value=\"Malaysia\">Malaysia<\/option>\n <option value=\"Maldives\">Maldives<\/option>\n <option value=\"Mali\">Mali<\/option>\n <option value=\"Malta\">Malta<\/option>\n <option value=\"Marshall Islands\">Marshall Islands<\/option>\n <option value=\"Mauritania\">Mauritania<\/option>\n <option value=\"Mauritius\">Mauritius<\/option>\n <option value=\"Mexico\">Mexico<\/option>\n <option value=\"Micronesia\">Micronesia<\/option>\n <option value=\"Moldova\">Moldova<\/option>\n <option value=\"Monaco\">Monaco<\/option>\n <option value=\"Mongolia\">Mongolia<\/option>\n <option value=\"Montenegro\">Montenegro<\/option>\n <option value=\"Morocco\">Morocco<\/option>\n <option value=\"Mozambique\">Mozambique<\/option>\n <option value=\"Myanmar\">Myanmar<\/option>\n <option value=\"Namibia\">Namibia<\/option>\n <option value=\"Nauru\">Nauru<\/option>\n <option value=\"Nepal\">Nepal<\/option>\n <option value=\"Netherlands\">Netherlands<\/option>\n <option value=\"New Zealand\">New Zealand<\/option>\n <option value=\"Nicaragua\">Nicaragua<\/option>\n <option value=\"Niger\">Niger<\/option>\n <option value=\"Nigeria\">Nigeria<\/option>\n <option value=\"North Korea\">North Korea<\/option>\n <option value=\"North Macedonia\">North Macedonia<\/option>\n <option value=\"Norway\">Norway<\/option>\n <option value=\"Oman\">Oman<\/option>\n <option value=\"Pakistan\">Pakistan<\/option>\n <option value=\"Palau\">Palau<\/option>\n <option value=\"Palestine\">Palestine<\/option>\n <option value=\"Panama\">Panama<\/option>\n <option value=\"Papua New Guinea\">Papua New Guinea<\/option>\n <option value=\"Paraguay\">Paraguay<\/option>\n <option value=\"Peru\">Peru<\/option>\n <option value=\"Philippines\">Philippines<\/option>\n <option value=\"Poland\">Poland<\/option>\n <option value=\"Portugal\">Portugal<\/option>\n <option value=\"Qatar\">Qatar<\/option>\n <option value=\"Romania\">Romania<\/option>\n <option value=\"Russia\">Russia<\/option>\n <option value=\"Rwanda\">Rwanda<\/option>\n <option value=\"Saint Kitts and Nevis\">Saint Kitts and Nevis<\/option>\n <option value=\"Saint Lucia\">Saint Lucia<\/option>\n <option value=\"Saint Vincent and the Grenadines\">Saint Vincent and the Grenadines<\/option>\n <option value=\"Samoa\">Samoa<\/option>\n <option value=\"San Marino\">San Marino<\/option>\n <option value=\"Sao Tome and Principe\">Sao Tome and Principe<\/option>\n <option value=\"Saudi Arabia\">Saudi Arabia<\/option>\n <option value=\"Senegal\">Senegal<\/option>\n <option value=\"Serbia\">Serbia<\/option>\n <option value=\"Seychelles\">Seychelles<\/option>\n <option value=\"Sierra Leone\">Sierra Leone<\/option>\n <option value=\"Singapore\">Singapore<\/option>\n <option value=\"Slovakia\">Slovakia<\/option>\n <option value=\"Slovenia\">Slovenia<\/option>\n <option value=\"Solomon Islands\">Solomon Islands<\/option>\n <option value=\"Somalia\">Somalia<\/option>\n <option value=\"South Africa\">South Africa<\/option>\n <option value=\"South Korea\">South Korea<\/option>\n <option value=\"South Sudan\">South Sudan<\/option>\n <option value=\"Spain\">Spain<\/option>\n <option value=\"Sri Lanka\">Sri Lanka<\/option>\n <option value=\"Sudan\">Sudan<\/option>\n <option value=\"Suriname\">Suriname<\/option>\n <option value=\"Sweden\">Sweden<\/option>\n <option value=\"Switzerland\">Switzerland<\/option>\n <option value=\"Syria\">Syria<\/option>\n <option value=\"Tajikistan\">Tajikistan<\/option>\n <option value=\"Tanzania\">Tanzania<\/option>\n <option value=\"Thailand\">Thailand<\/option>\n <option value=\"Timor-Leste\">Timor-Leste<\/option>\n <option value=\"Togo\">Togo<\/option>\n <option value=\"Tonga\">Tonga<\/option>\n <option value=\"Trinidad and Tobago\">Trinidad and Tobago<\/option>\n <option value=\"Tunisia\">Tunisia<\/option>\n <option value=\"Turkey\">Turkey<\/option>\n <option value=\"Turkmenistan\">Turkmenistan<\/option>\n <option value=\"Tuvalu\">Tuvalu<\/option>\n <option value=\"Uganda\">Uganda<\/option>\n <option value=\"Ukraine\">Ukraine<\/option>\n <option value=\"United Arab Emirates\">United Arab Emirates<\/option>\n <option value=\"United Kingdom\">United Kingdom<\/option>\n <option value=\"United States\">United States<\/option>\n <option value=\"Uruguay\">Uruguay<\/option>\n <option value=\"Uzbekistan\">Uzbekistan<\/option>\n <option value=\"Vanuatu\">Vanuatu<\/option>\n <option value=\"Vatican City\">Vatican City<\/option>\n <option value=\"Venezuela\">Venezuela<\/option>\n <option value=\"Vietnam\">Vietnam<\/option>\n <option value=\"Yemen\">Yemen<\/option>\n <option value=\"Zambia\">Zambia<\/option>\n <option value=\"Zimbabwe\">Zimbabwe<\/option>\n <\/select>\n <div class=\"evoost-select-dropdown\" style=\"display:none;\"><\/div>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-3824-comments\">Kommentare<\/label>\n <textarea id=\"evoost-form-921-3824-comments\" name=\"comments\" rows=\"2\" placeholder=\"Kommentare...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-consent\">\n <label class=\"evoost-consent-label\">\n <input type=\"checkbox\" name=\"consent\" required \/>\n <span class=\"evoost-checkbox-custom\">\n <svg viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M1.5 5.5L4 8L8.5 2\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <span class=\"evoost-consent-text\">\n Mit dem Absenden dieses Formulars akzeptiere ich die Nutzungsbedingungen dieser Website, sowie die Verwendung von Cookies und die Datenschutzrichtlinie. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">datenschutzerkl\u00e4rung hier einsehen<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">sehen Sie auch unsere Cookie-Richtlinie<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n \n <div class=\"evoost-field evoost-field-submit\">\n <button type=\"submit\" class=\"evoost-submit-btn\" style=\"--evoost-btn-color: #2a2a2a\">\n <span class=\"evoost-btn-text\">Enviar<\/span>\n <span class=\"evoost-btn-loading\" style=\"display:none;\">Wird gesendet...<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n \n <div class=\"evoost-signature-wrapper\">\n <a href=\"https:\/\/partners.evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost Partners\">\n <img decoding=\"async\" src=\"https:\/\/evoost.ai\/wp-content\/uploads\/2025\/12\/partners-favicon-single.png\" alt=\"eVoost Partners\" class=\"evoost-signature-logo\">\n <span class=\"evoost-signature-text\">Powered by <span class=\"evoost-signature-highlight\">eVoost Partners<\/span><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n (function(){\n if (!window.evoostFormLabels) window.evoostFormLabels = {};\n window.evoostFormLabels['921'] = {\"first_name\":\"Vorname\",\"last_name\":\"Nachname\",\"email\":\"E-Mail\",\"phone\":\"Telefon\",\"company\":\"Unternehmen\",\"country\":\"Land\",\"comments\":\"Kommentare\",\"consent\":\"Mit dem Absenden dieses Formulars akzeptiere ich die Nutzungsbedingungen dieser Website, sowie die Verwendung von Cookies und die Datenschutzrichtlinie.\",\"privacy\":\"datenschutzerkl\\u00e4rung hier einsehen\",\"cookies\":\"sehen Sie auch unsere Cookie-Richtlinie\",\"submit\":\"Absenden\",\"sending\":\"Wird gesendet...\",\"success\":\"Vielen Dank! Ihre Anfrage wurde erfolgreich gesendet.\",\"error\":\"Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.\",\"required\":\"Dieses Feld ist erforderlich.\",\"invalid_email\":\"Bitte geben Sie eine g\\u00fcltige E-Mail-Adresse ein.\"};\n })();\n <\/script>\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n 'use strict';\r\n\r\n var section = document.getElementById('unlock');\r\n var modal = document.getElementById('koss_agent_modal');\r\n var trigger = document.getElementById('koss_agent_trigger');\r\n var backdrop = document.getElementById('koss_agent_backdrop');\r\n var closeBtn = document.getElementById('koss_agent_close');\r\n var modalContent = document.querySelector('.koss_agent_modal__content');\r\n var scrollY = 0;\r\n\r\n function openModal() {\r\n scrollY = window.scrollY;\r\n document.body.style.overflow = 'hidden';\r\n document.body.style.position = 'fixed';\r\n document.body.style.width = '100%';\r\n document.body.style.top = '-' + scrollY + 'px';\r\n modal.classList.add('koss_agent_modal--open');\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('koss_agent_modal--open');\r\n document.body.style.overflow = '';\r\n document.body.style.position = '';\r\n document.body.style.width = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, scrollY);\r\n }\r\n\r\n if (trigger) {\r\n trigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setTimeout(openModal, 10);\r\n }, false);\r\n }\r\n \r\n if (backdrop) {\r\n backdrop.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeModal();\r\n }, false);\r\n }\r\n \r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n closeModal();\r\n }, false);\r\n }\r\n\r\n if (modalContent) {\r\n modalContent.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n }, false);\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal && modal.classList.contains('koss_agent_modal--open')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n function checkVisibility() {\r\n if (!section) return;\r\n var rect = section.getBoundingClientRect();\r\n var windowHeight = window.innerHeight;\r\n \r\n if (rect.top < windowHeight * 0.85) {\r\n section.classList.add('koss_unlock--visible');\r\n }\r\n }\r\n\r\n var ticking = false;\r\n \r\n function onScroll() {\r\n if (!ticking) {\r\n requestAnimationFrame(function() {\r\n checkVisibility();\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n checkVisibility();\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5399f7 e-con-full e-flex e-con e-parent\" data-id=\"b5399f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-741e2e0 elementor-widget elementor-widget-html\" data-id=\"741e2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n *, *::before, *::after { box-sizing: border-box; }\r\n\r\n \/* ============================================\r\n FOOTER\r\n ============================================ *\/\r\n .koss_footer {\r\n background-color: #191919 !important;\r\n padding: 48px 60px !important;\r\n }\r\n\r\n .koss_footer__container {\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 24px !important;\r\n }\r\n\r\n \/* Brand *\/\r\n .koss_footer__brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 24px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__logo-col {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 8px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__brand-separator {\r\n width: 1px !important;\r\n height: 36px !important;\r\n background-color: rgba(255,255,255,0.25) !important;\r\n align-self: center !important;\r\n }\r\n\r\n .koss_footer__logo { flex-shrink: 0 !important; }\r\n .koss_footer__logo img {\r\n height: 72px !important;\r\n width: auto !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.9 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__logo:hover img { opacity: 1 !important; }\r\n\r\n .koss_footer__phone {\r\n display: flex !important;\r\n align-items: center !important;\r\n align-self: center !important;\r\n gap: 8px !important;\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 15px !important;\r\n font-weight: 400 !important;\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__phone:hover { opacity: 0.8 !important; }\r\n .koss_footer__phone-icon {\r\n width: 18px !important;\r\n height: 18px !important;\r\n opacity: 0.9 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n \/* Legal *\/\r\n .koss_footer__legal {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n .koss_footer__legal a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 0.5px !important;\r\n color: rgba(255,255,255,0.5) !important;\r\n text-decoration: none !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\r\n .koss_footer__legal-separator {\r\n font-size: 12px !important;\r\n color: rgba(255,255,255,0.25) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* Life In Costa *\/\r\n .koss_footer__lic {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: flex-end !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n .koss_footer__lic-logo {\r\n height: 36px !important;\r\n max-height: 36px !important;\r\n width: auto !important;\r\n max-width: 100% !important;\r\n display: block !important;\r\n filter: brightness(0) invert(1) !important;\r\n opacity: 0.55 !important;\r\n transition: opacity 0.3s ease !important;\r\n }\r\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\r\n\r\n \/* Language switcher *\/\r\n .koss_footer__lang {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 4px !important;\r\n }\r\n .koss_footer__lang a {\r\n font-family: 'Josefin Sans', sans-serif !important;\r\n font-size: 11px !important;\r\n font-weight: 300 !important;\r\n letter-spacing: 1.5px !important;\r\n text-transform: uppercase !important;\r\n color: rgba(255,255,255,0.35) !important;\r\n text-decoration: none !important;\r\n padding: 3px 5px !important;\r\n border-radius: 2px !important;\r\n transition: color 0.3s ease !important;\r\n }\r\n .koss_footer__lang a:hover { color: rgba(255,255,255,0.75) !important; }\r\n .koss_footer__lang a.koss_lang--active {\r\n color: #fff !important;\r\n font-weight: 600 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n }\r\n .koss_footer__lang-sep {\r\n font-size: 10px !important;\r\n color: rgba(255,255,255,0.2) !important;\r\n user-select: none !important;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media screen and (max-width: 991px) {\r\n .koss_footer { padding: 32px 40px !important; }\r\n .koss_footer__container {\r\n flex-wrap: wrap !important;\r\n justify-content: center !important;\r\n gap: 24px !important;\r\n }\r\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\r\n .koss_footer__logo-col { align-items: center !important; }\r\n .koss_footer__logo img { height: 64px !important; }\r\n .koss_footer__legal { order: 2 !important; }\r\n .koss_footer__lic { order: 3 !important; }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media screen and (max-width: 768px) {\r\n .koss_footer { padding: 32px 20px !important; }\r\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\r\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\r\n .koss_footer__brand-separator { display: none !important; }\r\n .koss_footer__logo img { height: 56px !important; }\r\n .koss_footer__phone { font-size: 14px !important; }\r\n .koss_footer__legal a { font-size: 11px !important; }\r\n .koss_footer__lic-logo { height: 30px !important; }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer class=\"koss_footer\">\r\n <div class=\"koss_footer__container\">\r\n\r\n \r\n <div class=\"koss_footer__brand\">\r\n <div class=\"koss_footer__logo-col\">\r\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\r\n <\/a>\r\n <nav class=\"koss_footer__lang\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\r\n <a data-lang=\"es\" href=\"\/\">ES<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"en\" href=\"\/en\/\">EN<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"fr\" href=\"\/fr\/\">FR<\/a>\r\n <span class=\"koss_footer__lang-sep\">|<\/span>\r\n <a data-lang=\"de\" href=\"\/de\/\">DE<\/a>\r\n <\/nav>\r\n <\/div>\r\n <span class=\"koss_footer__brand-separator\"><\/span>\r\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\r\n <svg class=\"koss_footer__phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\r\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\r\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\r\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"koss_footer__lic\">\r\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\r\n alt=\"Life In Costa\"\r\n class=\"koss_footer__lic-logo\">\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n \/* \u2500\u2500 Lang config \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 var langMap = {\r\n es: {\r\n legal: { href: '\/legal', label: 'Legal' },\r\n privacy: { href: '\/privacidad', label: 'Privacidad' },\r\n cookies: { href: '\/cookies', label: 'Cookies' },\r\n ariaNav: 'Enlaces legales',\r\n ariaLang: 'Selector de idioma'\r\n },\r\n en: {\r\n prefix: '\/en',\r\n legal: { href: '\/en\/legal', label: 'Legal' },\r\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\r\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\r\n ariaNav: 'Legal links',\r\n ariaLang: 'Language selector'\r\n },\r\n fr: {\r\n prefix: '\/fr',\r\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\r\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\r\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\r\n ariaNav: 'Liens juridiques',\r\n ariaLang: 'S\u00e9lecteur de langue'\r\n },\r\n de: {\r\n prefix: '\/de',\r\n legal: { href: '\/de\/impressum', label: 'Impressum' },\r\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\r\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\r\n ariaNav: 'Rechtliche Hinweise',\r\n ariaLang: 'Sprachauswahl'\r\n }\r\n };\r\n\r\n \/* \u2500\u2500 Detect current locale \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var path = window.location.pathname;\r\n var match = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\r\n var locale = (match && langMap[match[1]]) ? match[1] : 'es';\r\n var cfg = langMap[locale];\r\n\r\n \/* \u2500\u2500 Legal links \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 var elLegal = document.getElementById('koss_legal_link');\r\n var elPrivacy = document.getElementById('koss_privacy_link');\r\n var elCookies = document.getElementById('koss_cookies_link');\r\n\r\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\r\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\r\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\r\n\r\n var navLegal = document.querySelector('.koss_footer__legal');\r\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\r\n\r\n \/* \u2500\u2500 Language switcher hrefs + active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n var slug = path.replace(\/^\\\/[a-z]{2}(\\\/|$)\/, '\/');\r\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\r\n\r\n var switcher = document.getElementById('koss_lang_switcher');\r\n if (switcher) {\r\n switcher.setAttribute('aria-label', cfg.ariaLang);\r\n var links = switcher.querySelectorAll('a[data-lang]');\r\n for (var i = 0; i < links.length; i++) {\r\n var lang = links[i].getAttribute('data-lang');\r\n if (lang === locale) {\r\n links[i].classList.add('koss_lang--active');\r\n links[i].removeAttribute('href');\r\n } else {\r\n links[i].classList.remove('koss_lang--active');\r\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\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-f04032a e-con-full e-flex e-con e-parent\" data-id=\"f04032a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c917b9c elementor-widget elementor-widget-html\" data-id=\"c917b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"evoost-signature-wrapper\"><a href=\"https:\/\/evoost.ai\" target=\"_blank\" class=\"evoost-signature\" aria-label=\"Powered by eVoost\"><img decoding=\"async\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\" alt=\"eVoost\" class=\"evoost-logo\"><span class=\"evoost-text\">Powered by <span class=\"evoost-highlight\">eVoost<\/span><\/span><\/a><\/div><style>\/* ============================================\r\n EVOOST SIGNATURE (standalone)\r\n============================================ *\/\r\n.evoost-signature-wrapper {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n padding: 0 !important;\r\n font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;\r\n}\r\n\r\n.evoost-signature {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-decoration: none !important;\r\n padding: 8px 12px !important;\r\n border-radius: 30px !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background-color: transparent !important;\r\n}\r\n\r\n.evoost-logo {\r\n width: 16px !important;\r\n height: 16px !important;\r\n margin-right: 8px !important;\r\n opacity: 0.6 !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-text {\r\n font-size: 11px !important;\r\n font-weight: 400 !important;\r\n letter-spacing: 0.2px !important;\r\n color: rgba(0, 0, 0, 0.4) !important;\r\n transition: all 0.5s ease !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n.evoost-highlight {\r\n font-weight: 500 !important;\r\n color: rgba(0, 0, 0, 0.55) !important;\r\n transition: all 0.5s ease !important;\r\n}\r\n\r\n.evoost-signature:before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%) !important;\r\n opacity: 0;\r\n transition: opacity 0.5s ease !important;\r\n z-index: 1 !important;\r\n}\r\n\r\n.evoost-signature:after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -150% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%) !important;\r\n transform: skewX(-25deg) !important;\r\n z-index: 3 !important;\r\n opacity: 0;\r\n transition: opacity 0.2s ease !important;\r\n}\r\n\r\n@keyframes shineEffect {\r\n 0% { left: -150% !important; }\r\n 100% { left: 150% !important; }\r\n}\r\n\r\n.evoost-signature:hover {\r\n border-color: rgba(0, 0, 0, 0.2) !important;\r\n}\r\n\r\n.evoost-signature:hover:before {\r\n opacity: 1;\r\n}\r\n\r\n.evoost-signature:hover:after {\r\n opacity: 1;\r\n animation: shineEffect 1.2s ease-in-out !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-logo {\r\n opacity: 0.9 !important;\r\n transform: scale(1.05) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-text {\r\n color: rgba(0, 0, 0, 0.7) !important;\r\n}\r\n\r\n.evoost-signature:hover .evoost-highlight {\r\n color: rgba(0, 0, 0, 0.85) !important;\r\n}\r\n<\/style>\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>The Kos – Hero Cinematic \u00dcber uns Typologien Galerie Lage Informationen freischalten \u00dcber uns Typologien Galerie Lage Informationen freischalten 36 Exklusive Sky Villas Wo der Horizont zu Ihrem Zuhause wird Erleben Sie das Gef\u00fchl, jeden Morgen mit dem Mittelmeer zu Ihren F\u00fc\u00dfen aufzuwachen \u2014 im Herzen der Costa del Sol. Entdecken Sie Ihre Villa Scroll […]<\/p>\n","protected":false},"author":2,"featured_media":1616,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1626","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool<\/title>\n<meta name=\"description\" content=\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool\" \/>\n<meta property=\"og:description\" content=\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thekosvillas.com\/\" \/>\n<meta property=\"og:site_name\" content=\"The Kos Villas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T12:43:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"26\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thekosvillas.com\/\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool\",\"isPartOf\":{\"@id\":\"https:\/\/thekosvillas.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"datePublished\":\"2026-02-04T08:30:31+00:00\",\"dateModified\":\"2026-04-28T12:43:06+00:00\",\"description\":\"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/thekosvillas.com\/#primaryimage\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thekosvillas.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thekosvillas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thekosvillas.com\/#website\",\"url\":\"https:\/\/thekosvillas.com\/\",\"name\":\"The Kos Villas\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/thekosvillas.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thekosvillas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"contentUrl\":\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\",\"width\":600,\"height\":424,\"caption\":\"The Kos Villas\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thekosvillas.com\/","og_locale":"de_DE","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","og_description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","og_url":"https:\/\/thekosvillas.com\/","og_site_name":"The Kos Villas","article_modified_time":"2026-04-28T12:43:06+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"26\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/","url":"https:\/\/thekosvillas.com\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas mit privatem Pool","isPartOf":{"@id":"https:\/\/thekosvillas.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"image":{"@id":"https:\/\/thekosvillas.com\/#primaryimage"},"thumbnailUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","datePublished":"2026-02-04T08:30:31+00:00","dateModified":"2026-04-28T12:43:06+00:00","description":"Entdecken Sie die 36 Sky Top Villas mit 3 und 4 Schlafzimmern in El Higuer\u00f3n, Fuengirola. Blick auf das Mittelmeer, Exklusivit\u00e4t an der Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/thekosvillas.com\/#primaryimage","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-exterior-piscina-comunitaria-jardin.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/thekosvillas.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thekosvillas.com\/"},{"@type":"ListItem","position":2,"name":"Engage"}]},{"@type":"WebSite","@id":"https:\/\/thekosvillas.com\/#website","url":"https:\/\/thekosvillas.com\/","name":"The Kos Villas","description":"","publisher":{"@id":"https:\/\/thekosvillas.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thekosvillas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/","url":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","contentUrl":"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png","width":600,"height":424,"caption":"The Kos Villas"},"image":{"@id":"https:\/\/thekosvillas.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/comments?post=1626"}],"version-history":[{"count":16,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":3689,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/pages\/1626\/revisions\/3689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/media\/1616"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/de\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}