{"id":3512,"date":"2026-02-04T08:30:31","date_gmt":"2026-02-04T08:30:31","guid":{"rendered":"https:\/\/thekosvillas.com\/?page_id=23"},"modified":"2026-05-04T01:49:43","modified_gmt":"2026-05-04T01:49:43","slug":"engage","status":"publish","type":"page","link":"https:\/\/thekosvillas.com\/da\/","title":{"rendered":"Engage [DK]"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nThe Kos - Hero Cinematic<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n overflow-x: hidden;\n }\n\n body.koss_locked {\n overflow: hidden !important;\n height: 100vh !important;\n }\n\n .koss_loader {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n z-index: 10000 !important;\n opacity: 1 !important;\n visibility: visible !important;\n transition: opacity 0.6s ease, visibility 0.6s ease !important;\n }\n\n .koss_loader.koss_loader--hidden {\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n .koss_loader__logo {\n max-width: 180px !important;\n width: 60% !important;\n height: auto !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.3s forwards !important;\n }\n\n .koss_loader__text {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-top: 24px !important;\n opacity: 0 !important;\n animation: koss_fadeInScale 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards !important;\n }\n\n .koss_hero {\n position: relative !important;\n width: 100% !important;\n height: 100vh !important;\n overflow: hidden !important;\n }\n\n .koss_hero__bg {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n overflow: hidden !important;\n z-index: 1 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg') !important;\n background-size: cover !important;\n background-position: center !important;\n }\n\n .koss_hero__video {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n width: auto !important;\n height: auto !important;\n transform: translate(-50%, -50%) !important;\n object-fit: cover !important;\n }\n\n .koss_hero__overlay {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.1) 35%,\n rgba(0, 0, 0, 0.35) 55%,\n rgba(0, 0, 0, 0.7) 100%\n ) !important;\n z-index: 2 !important;\n pointer-events: none !important;\n }\n\n .koss_hero__grid {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n display: grid !important;\n grid-template-columns: repeat(10, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n z-index: 5 !important;\n }\n\n .koss_hero__cell {\n background-color: #f8f8f8 !important;\n opacity: 1 !important;\n transform: scale(1) !important;\n transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), \n transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\n }\n\n .koss_hero__cell.koss_cell--revealed {\n opacity: 0 !important;\n transform: scale(0.9) !important;\n }\n\n .koss_navbar {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 9999 !important;\n padding: 24px 0 !important;\n background-color: transparent !important;\n opacity: 0 !important;\n transform: translateY(-20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease, \n background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease !important;\n }\n\n .koss_navbar.koss_navbar--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_navbar.koss_navbar--solid {\n background-color: #f8f8f8 !important;\n padding: 16px 0 !important;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06) !important;\n }\n\n .koss_navbar__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n }\n\n .koss_navbar__logo {\n display: flex !important;\n align-items: center !important;\n text-decoration: none !important;\n }\n\n .koss_navbar__logo img {\n height: 70px !important;\n width: auto !important;\n transition: height 0.4s ease, filter 0.4s ease !important;\n filter: brightness(0) invert(1) !important;\n }\n\n .koss_navbar--solid .koss_navbar__logo img {\n height: 56px !important;\n filter: none !important;\n }\n\n .koss_navbar__nav {\n flex: 1 !important;\n display: flex !important;\n justify-content: center !important;\n }\n\n .koss_navbar__menu {\n display: flex !important;\n gap: 40px !important;\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .koss_navbar__menu a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 15px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n letter-spacing: 0.5px !important;\n position: relative !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a {\n color: #333333 !important;\n }\n\n .koss_navbar__menu a::after {\n content: '' !important;\n position: absolute !important;\n bottom: -4px !important;\n left: 0 !important;\n width: 0 !important;\n height: 1px !important;\n background-color: #ffffff !important;\n transition: width 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__menu a::after {\n background-color: #7c362a !important;\n }\n\n .koss_navbar__menu a:hover::after {\n width: 100% !important;\n }\n\n .koss_navbar__cta {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 12px 28px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_navbar__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta {\n color: #ffffff !important;\n border-color: #7c362a !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar--solid .koss_navbar__cta:hover {\n background-color: #5e2a20 !important;\n border-color: #5e2a20 !important;\n }\n\n .koss_navbar__burger {\n display: none !important;\n flex-direction: column !important;\n justify-content: center !important;\n gap: 6px !important;\n width: 32px !important;\n height: 32px !important;\n background: none !important;\n border: none !important;\n cursor: pointer !important;\n padding: 0 !important;\n }\n\n .koss_navbar__burger span {\n display: block !important;\n width: 100% !important;\n height: 2px !important;\n background-color: #ffffff !important;\n transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;\n }\n\n .koss_navbar--solid .koss_navbar__burger span {\n background-color: #333333 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(1) {\n transform: translateY(8px) rotate(45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(2) {\n opacity: 0 !important;\n }\n\n .koss_navbar__burger.koss_burger--active span:nth-child(3) {\n transform: translateY(-8px) rotate(-45deg) !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100vh !important;\n background-color: #f8f8f8 !important;\n z-index: 9998 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n }\n\n .koss_mobile_menu.koss_mobile_menu--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_mobile_menu__list {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__list li {\n margin-bottom: 32px !important;\n }\n\n .koss_mobile_menu__list a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 28px !important;\n color: #333333 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__list a:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta {\n display: inline-block !important;\n margin-top: 8px !important;\n padding: 10px 20px !important;\n border: 1px solid #7c362a !important;\n border-radius: 6px !important;\n font-size: 13px !important;\n font-weight: 300 !important;\n letter-spacing: 0.3px !important;\n white-space: nowrap !important;\n color: #ffffff !important;\n background-color: #7c362a !important;\n }\n\n .koss_mobile_menu__cta:hover {\n color: #ffffff !important;\n border-color: #5e2a20 !important;\n background-color: #5e2a20 !important;\n }\n\n .koss_mobile_menu__footer {\n position: absolute !important;\n bottom: 48px !important;\n left: 0 !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .koss_mobile_menu__phone,\n .koss_mobile_menu__phone:link,\n .koss_mobile_menu__phone:visited,\n .koss_mobile_menu__phone:active {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n color: #666666 !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_mobile_menu__phone:hover {\n color: #7c362a !important;\n }\n\n .koss_mobile_menu__phone svg {\n width: 18px !important;\n height: 18px !important;\n stroke: currentColor !important;\n }\n\n .koss_mobile_menu__phone-number,\n .koss_mobile_menu__phone-number * {\n color: inherit !important;\n font-family: inherit !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n }\n\n .koss_hero__content {\n position: absolute !important;\n bottom: 12% !important;\n left: 0 !important;\n width: 100% !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease, transform 0.8s ease !important;\n }\n\n .koss_hero__content.koss_content--visible {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_hero__content-inner {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n }\n\n .koss_hero__content-text {\n max-width: 700px !important;\n }\n\n .koss_hero__label {\n display: inline-block !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.8) !important;\n margin-bottom: 16px !important;\n padding-left: 40px !important;\n position: relative !important;\n }\n\n .koss_hero__label::before {\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 28px !important;\n height: 1px !important;\n background-color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(36px, 5vw, 64px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #ffffff !important;\n margin: 0 0 24px 0 !important;\n letter-spacing: -1px !important;\n }\n\n .koss_hero__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: clamp(16px, 2vw, 20px) !important;\n line-height: 1.6 !important;\n color: rgba(255, 255, 255, 0.85) !important;\n margin: 0 0 32px 0 !important;\n max-width: 500px !important;\n }\n\n .koss_hero__cta {\n display: inline-block !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 400 !important;\n font-size: 14px !important;\n color: #ffffff !important;\n text-decoration: none !important;\n padding: 16px 48px !important;\n border: 2px solid #ffffff !important;\n border-radius: 8px !important;\n letter-spacing: 0.5px !important;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;\n }\n\n .koss_hero__cta:hover {\n background-color: #7c362a !important;\n border-color: #7c362a !important;\n color: #ffffff !important;\n }\n\n .koss_hero__scroll {\n position: absolute !important;\n bottom: 32px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n gap: 10px !important;\n z-index: 10 !important;\n opacity: 0 !important;\n transition: opacity 0.6s ease !important;\n }\n\n .koss_hero__scroll.koss_scroll--visible {\n opacity: 1 !important;\n }\n\n .koss_hero__scroll span {\n font-family: 'Josefin Sans', sans-serif !important;\n font-weight: 300 !important;\n font-size: 10px !important;\n letter-spacing: 3px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n }\n\n .koss_hero__scroll-line {\n width: 1px !important;\n height: 40px !important;\n background-color: rgba(255, 255, 255, 0.3) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .koss_hero__scroll-line::after {\n content: '' !important;\n position: absolute !important;\n top: -15px !important;\n left: 0 !important;\n width: 100% !important;\n height: 15px !important;\n background-color: rgba(255, 255, 255, 0.8) !important;\n animation: koss_scrollLine 1.8s ease-in-out infinite !important;\n }\n\n .koss_content {\n position: relative !important;\n z-index: 20 !important;\n background-color: #f8f8f8 !important;\n }\n\n @keyframes koss_fadeInScale {\n 0% {\n opacity: 0;\n transform: scale(0.95);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes koss_scrollLine {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(55px);\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_navbar__container {\n padding: 0 40px !important;\n }\n \n .koss_navbar__nav,\n .koss_navbar__cta {\n display: none !important;\n }\n \n .koss_navbar__burger {\n display: flex !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 40px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(8, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_navbar__container {\n padding: 0 24px !important;\n }\n\n .koss_navbar__logo img {\n height: 56px !important;\n }\n\n .koss_hero__content-inner {\n padding: 0 24px !important;\n }\n\n .koss_hero__content {\n bottom: 15% !important;\n }\n\n .koss_hero__label {\n padding-left: 0 !important;\n margin-bottom: 12px !important;\n }\n\n .koss_hero__label::before {\n display: none !important;\n }\n\n .koss_hero__cta {\n padding: 14px 36px !important;\n font-size: 13px !important;\n }\n\n .koss_hero__grid {\n grid-template-columns: repeat(6, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n\n .koss_loader__logo {\n max-width: 140px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_hero__grid {\n grid-template-columns: repeat(5, 1fr) !important;\n grid-template-rows: repeat(8, 1fr) !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"koss_locked\">\n<header class=\"koss_navbar\" id=\"koss_navbar\">\n<div class=\"koss_navbar__container\">\n<a class=\"koss_navbar__logo\" href=\"#\">\n<img decoding=\"async\" alt=\"The Kos Villas\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\"\/>\n<\/a>\n<nav class=\"koss_navbar__nav\">\n<ul class=\"koss_navbar__menu\">\n<li><a href=\"#about\">Om<\/a><\/li>\n<li><a href=\"#tipology\">Typologier<\/a><\/li>\n<li><a href=\"#gallery\">Galleri<\/a><\/li>\n<li><a href=\"#location\">Beliggenhed<\/a><\/li>\n<\/ul>\n<\/nav>\n<a class=\"koss_navbar__cta\" href=\"#unlock\">L\u00e5s oplysninger op<\/a>\n<button aria-label=\"Abrir men\u00fa\" class=\"koss_navbar__burger\" id=\"koss_burger\">\n<span><\/span>\n<span><\/span>\n<span><\/span>\n<\/button>\n<\/div>\n<\/header>\n<div class=\"koss_mobile_menu\" id=\"koss_mobile_menu\">\n<ul class=\"koss_mobile_menu__list\">\n<li><a href=\"#about\">Om<\/a><\/li>\n<li><a href=\"#tipology\">Typologier<\/a><\/li>\n<li><a href=\"#gallery\">Galleri<\/a><\/li>\n<li><a href=\"#location\">Beliggenhed<\/a><\/li>\n<li><a class=\"koss_mobile_menu__cta\" href=\"#unlock\">L\u00e5s oplysninger op<\/a><\/li>\n<\/ul>\n<div class=\"koss_mobile_menu__footer\">\n<a href=\"tel:+34 911 67 34 39\" class=\"koss_mobile_menu__phone\">\n<svg fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\n<\/svg>\n<span class=\"koss_mobile_menu__phone-number\">+34 911 67 34 39<\/span>\n<\/a>\n<\/div>\n<\/div>\n<section class=\"koss_hero\" id=\"koss_hero\">\n<div class=\"koss_hero__bg\">\n<video autoplay=\"\" class=\"koss_hero__video\" id=\"koss_hero_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\" preload=\"auto\" webkit-playsinline=\"\">\n<source src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/intro-kos-engage.mp4\" type=\"video\/mp4\"\/>\n<\/video>\n<\/div>\n<div class=\"koss_hero__overlay\"><\/div>\n<div class=\"koss_hero__grid\" id=\"koss_grid\"><\/div>\n<div class=\"koss_hero__content\" id=\"koss_hero_content\">\n<div class=\"koss_hero__content-inner\">\n<div class=\"koss_hero__content-text\">\n<span class=\"koss_hero__label\">36 eksklusive Sky-villaer<\/span>\n<h1 class=\"koss_hero__title\">Hvor horisonten bliver dit hjem<\/h1>\n<p class=\"koss_hero__subtitle\">Oplev oplevelsen af \u200b\u200bat v\u00e5gne op hver dag med Middelhavet for dine f\u00f8dder, i hjertet af Costa del Sol.<\/p>\n<a class=\"koss_hero__cta\" href=\"#about\">Oplev din villa<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_hero__scroll\" id=\"koss_scroll\">\n<span>Rul<\/span>\n<div class=\"koss_hero__scroll-line\"><\/div>\n<\/div>\n<\/section>\n<div class=\"koss_content\"><\/div>\n<script>\n (function() {\n 'use strict';\n\n var CONFIG = {\n LOADER_DURATION: 0,\n LOADER_FADE: 0,\n GRID_START_DELAY: 300,\n CELL_DELAY: 30,\n CONTENT_DELAY: 800,\n GRID_COLS: 10,\n GRID_ROWS: 8\n };\n\n var navbar = document.getElementById('koss_navbar');\n var grid = document.getElementById('koss_grid');\n var heroContent = document.getElementById('koss_hero_content');\n var scrollIndicator = document.getElementById('koss_scroll');\n var burger = document.getElementById('koss_burger');\n var mobileMenu = document.getElementById('koss_mobile_menu');\n var heroVideo = document.getElementById('koss_hero_video');\n\n function initVideo() {\n if (!heroVideo) return;\n \n heroVideo.play().catch(function(error) {\n setTimeout(function() {\n heroVideo.play().catch(function() {});\n }, 100);\n });\n }\n\n function generateGrid() {\n var totalCells = CONFIG.GRID_COLS * CONFIG.GRID_ROWS;\n grid.innerHTML = '';\n \n for (var i = 0; i < totalCells; i++) {\n var cell = document.createElement('div');\n cell.className = 'koss_hero__cell';\n grid.appendChild(cell);\n }\n }\n\n function shuffleArray(array) {\n var shuffled = array.slice();\n for (var i = shuffled.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = shuffled[i];\n shuffled[i] = shuffled[j];\n shuffled[j] = temp;\n }\n return shuffled;\n }\n\n function revealGrid(callback) {\n var cells = grid.querySelectorAll('.koss_hero__cell');\n var indices = [];\n \n for (var i = 0; i < cells.length; i++) {\n indices.push(i);\n }\n \n var shuffledIndices = shuffleArray(indices);\n var totalDuration = shuffledIndices.length * CONFIG.CELL_DELAY;\n\n shuffledIndices.forEach(function(index, i) {\n setTimeout(function() {\n cells[index].classList.add('koss_cell--revealed');\n }, i * CONFIG.CELL_DELAY);\n });\n\n if (callback) {\n setTimeout(callback, totalDuration + CONFIG.CONTENT_DELAY);\n }\n }\n\n function showFinalContent() {\n navbar.classList.add('koss_navbar--visible');\n heroContent.classList.add('koss_content--visible');\n \n setTimeout(function() {\n scrollIndicator.classList.add('koss_scroll--visible');\n document.body.classList.remove('koss_locked');\n }, 400);\n }\n\n function startSequence() {\n generateGrid();\n initVideo();\n\n setTimeout(function() {\n revealGrid(function() {\n showFinalContent();\n });\n }, CONFIG.GRID_START_DELAY);\n }\n\n function handleScroll() {\n var scrollY = window.pageYOffset || document.documentElement.scrollTop;\n \n if (scrollY > 100) {\n navbar.classList.add('koss_navbar--solid');\n } else {\n navbar.classList.remove('koss_navbar--solid');\n }\n }\n\n function toggleMobileMenu() {\n burger.classList.toggle('koss_burger--active');\n mobileMenu.classList.toggle('koss_mobile_menu--open');\n document.body.style.overflow = mobileMenu.classList.contains('koss_mobile_menu--open') ? 'hidden' : '';\n }\n\n var mobileLinks = mobileMenu.querySelectorAll('a');\n for (var i = 0; i < mobileLinks.length; i++) {\n mobileLinks[i].addEventListener('click', function() {\n burger.classList.remove('koss_burger--active');\n mobileMenu.classList.remove('koss_mobile_menu--open');\n document.body.style.overflow = '';\n });\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n burger.addEventListener('click', toggleMobileMenu);\n \n startSequence();\n\n \/\/ Login-aware CTA toggle\n (function() {\n var isLogged = document.body.classList.contains('logged-in');\n var ctaText = isLogged ? 'Vis oplysninger' : 'L\u00e5s oplysninger op';\n var ctaHref = isLogged ? '#unlocked' : '#unlock';\n\n var desktopCta = document.querySelector('.koss_navbar__cta');\n if (desktopCta) {\n desktopCta.textContent = ctaText;\n desktopCta.href = ctaHref;\n }\n\n var mobileCta = document.querySelector('.koss_mobile_menu__cta');\n if (mobileCta) {\n mobileCta.textContent = ctaText;\n mobileCta.href = ctaHref;\n }\n })();\n\n })();\n <\/script>\n<\/body>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Kos - Om<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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>\n<\/head>\n<body>\n<section class=\"koss_about\" id=\"about\">\n<div class=\"koss_about__container\">\n<div class=\"koss_about__content\">\n<span class=\"koss_about__label\">El Higuer\u00f3n, Costa del Sol<\/span>\n<h2 class=\"koss_about__title\">Erobringen af<span class=\"koss_about__gradient-text\">sanser<\/span><\/h2>\n<p class=\"koss_about__text\">P\u00e5 toppen af \u200b\u200bEl Higuer\u00f3n, hvor Middelhavet str\u00e6kker sig til det uendelige, f\u00f8des et unikt boligkoncept.<span class=\"koss_about__highlight\">Kos er ikke bare et sted at bo, det er en m\u00e5de at forst\u00e5 livet p\u00e5.<\/span>Arkitektur der \u00e5nder, rum der inspirerer, udsigter der begejstrer.<\/p>\n<div class=\"koss_about__delivery\">\n<svg class=\"koss_about__delivery-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" ry=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\n<line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"><\/line>\n<line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"><\/line>\n<\/svg>\n<span class=\"koss_about__delivery-label\">Forventet levering<\/span>\n<span class=\"koss_about__delivery-value\">Q1 2027<\/span>\n<\/div>\n<div class=\"koss_about__stats\">\n<div class=\"koss_about__stat\">\n<span class=\"koss_about__stat-number\" data-target=\"37\">0<\/span>\n<span class=\"koss_about__stat-label\">Sky villaer<\/span>\n<\/div>\n<div class=\"koss_about__stat\">\n<span class=\"koss_about__stat-number\" data-target=\"321\">0<\/span>\n<span class=\"koss_about__stat-label\">solrige dage<\/span>\n<\/div>\n<div class=\"koss_about__stat\">\n<span class=\"koss_about__stat-number\" data-target=\"181\">0<\/span>\n<span class=\"koss_about__stat-label\">Panoramaudsigt<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"koss_about__gallery\" id=\"koss_gallery\">\n<div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.08\">\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--medium\">\n<img decoding=\"async\" alt=\"Vista a\u00e9rea The Kos\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<\/div>\n<\/div>\n<div class=\"koss_about__column\" data-direction=\"down\" data-speed=\"0.12\">\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina comunitaria\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-comunitaria-exterior.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n<img decoding=\"async\" alt=\"Terraza exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-terraza-exterior.jpg\"\/>\n<\/div>\n<\/div>\n<div class=\"koss_about__column\" data-direction=\"up\" data-speed=\"0.06\">\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--short\">\n<img decoding=\"async\" alt=\"Sal\u00f3n interior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-salon-interior-terraza.jpg\"\/>\n<\/div>\n<div class=\"koss_about__img-wrapper koss_about__img-wrapper--tall\">\n<img decoding=\"async\" alt=\"Piscina exterior\" class=\"koss_about__img\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-exterior.jpg\"\/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\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>\n<\/body>\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<!-- VIDEO SEPARATOR SECTION - THE KOS ENGAGE -->\n<!-- Desktop: editar \"kos.video_engage_en\" en eVoost Data Storage -->\n<!-- Mobile: editar \"kos.video_engage_en_mobile_en\" en eVoost Data Storage -->\n<section class=\"koss_separator\" id=\"separator\" data-video-src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/03\/eng-kos-engage.mp4\" data-video-src-mobile=\"\">\r\n \r\n <!-- Header 20vh -->\n<div class=\"koss_separator__header\">\n<h2 class=\"koss_separator__title\">Designet til at leve<\/h2>\n<p class=\"koss_separator__subtitle\">Hver villa er et tilflugtssted for lys, plads og ro<\/p>\n<\/div>\n<!-- Video 80vh -->\n<div class=\"koss_separator__video-container\">\n<video autoplay=\"\" class=\"koss_separator__video\" id=\"koss_separator_video\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\">\n<\/video>\n<div class=\"koss_separator__video-overlay\"><\/div>\n<!-- Glassmorphism Controls -->\n<div class=\"koss_separator__controls\">\n<!-- Play\/Pause -->\n<button aria-label=\"Pausar video\" class=\"koss_separator__control-btn koss_playing\" id=\"koss_playpause\">\n<svg class=\"koss_icon--play\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8 5v14l11-7z\"><\/path>\n<\/svg>\n<svg class=\"koss_icon--pause\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"><\/path>\n<\/svg>\n<\/button>\n<!-- Mute\/Unmute -->\n<button aria-label=\"Activar sonido\" class=\"koss_separator__control-btn\" id=\"koss_mutetoggle\">\n<svg class=\"koss_icon--mute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\n<\/svg>\n<svg class=\"koss_icon--unmute\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\n<\/svg>\n<\/button>\n<!-- Fullscreen -->\n<button aria-label=\"Pantalla completa\" class=\"koss_separator__control-btn\" id=\"koss_fullscreen\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"><\/path>\n<\/svg>\n<\/button>\n<\/div>\n<\/div>\n<\/section>\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>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Kos - Typologier<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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>\n<\/head>\n<body>\n<section class=\"koss_typologies\" id=\"typologies\">\n<div class=\"koss_typologies__container\">\n<header class=\"koss_typologies__header\">\n<span class=\"koss_typologies__label\">Sky Top villaer<\/span>\n<h2 class=\"koss_typologies__title\">V\u00e6lg din horisont<\/h2>\n<p class=\"koss_typologies__subtitle\">To konfigurationer designet til at tilpasse sig din m\u00e5de at leve p\u00e5 Middelhavet<\/p>\n<\/header>\n<div class=\"koss_typologies__grid\" id=\"koss_typologies_grid\">\n<article class=\"koss_typologies__card koss_typologies__card--main\" data-type=\"3bed\">\n<div class=\"koss_typologies__card-image-wrapper\">\n<img decoding=\"async\" alt=\"Villa 3 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-3bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\n<div class=\"koss_typologies__swap-hint\" style=\"display: none;\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"><\/path>\n<\/svg>Forst\u00f8rre<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n<h3 class=\"koss_typologies__card-name\">3 sovev\u00e6relser<\/h3>\n<p class=\"koss_typologies__card-tagline\">Dit tilflugtssted med uendelig udsigt over Middelhavet<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Fra<\/span>\n<span class=\"koss_typologies__card-detail-value\">1.120.000 \u20ac<\/span>\n<\/div>\n<\/div>\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Overflade fra<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Udforske<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\n<article class=\"koss_typologies__card koss_typologies__card--secondary\" data-type=\"4bed\">\n<div class=\"koss_typologies__card-image-wrapper\">\n<img decoding=\"async\" alt=\"Villa 4 Dormitorios\" class=\"koss_typologies__card-image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-4bed.jpg\"\/>\n<\/div>\n<div class=\"koss_typologies__card-overlay\"><\/div>\n<div class=\"koss_typologies__swap-hint\" style=\"display: flex;\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z\"><\/path>\n<\/svg>Forst\u00f8rre<\/div>\n<div class=\"koss_typologies__card-content\">\n<span class=\"koss_typologies__card-badge\">Sky Top Villa<\/span>\n<h3 class=\"koss_typologies__card-name\">4 sovev\u00e6relser<\/h3>\n<p class=\"koss_typologies__card-tagline\">Ubegr\u00e6nset plads til dem, der dr\u00f8mmer stort<\/p>\n<div class=\"koss_typologies__card-details\">\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<path d=\"M6 3h12l4 6-10 12L2 9z\"><\/path>\n<path d=\"M2 9h20\"><\/path>\n<path d=\"M12 21L8 9l4-6 4 6z\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Fra<\/span>\n<span class=\"koss_typologies__card-detail-value\">1.300.000 \u20ac<\/span>\n<\/div>\n<\/div>\n<div class=\"koss_typologies__card-detail\">\n<svg class=\"koss_typologies__card-detail-icon\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\">\n<rect height=\"18\" rx=\"2\" width=\"18\" x=\"3\" y=\"3\"><\/rect>\n<path d=\"M3 9h18M9 21V9\"><\/path>\n<\/svg>\n<div class=\"koss_typologies__card-detail-text\">\n<span class=\"koss_typologies__card-detail-label\">Overflade fra<\/span>\n<span class=\"koss_typologies__card-detail-value\">172 m\u00b2<\/span>\n<\/div>\n<\/div>\n<\/div>\n<a class=\"koss_typologies__card-cta\" href=\"#unlock\">Udforske<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path>\n<\/svg>\n<\/a>\n<\/div>\n<\/article>\n<\/div>\n<p class=\"koss_typologies__disclaimer\">Ikke-kontraktlige billeder udarbejdet fra Grundprojektet pr\u00e6senteret til behandling af v\u00e6rkslicensen. Oplysninger med forbehold for n\u00f8dvendige \u00e6ndringer p\u00e5 grund af tekniske, juridiske eller kommercielle krav i l\u00f8bet af arbejdet eller n\u00e5r det er afsluttet.<\/p>\n<\/div>\n<\/section>\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>\n<\/body>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Kos - Divider<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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_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>\n<\/head>\n<body>\n<section class=\"koss_divider\" id=\"divider\">\n<img decoding=\"async\" alt=\"Vista panor\u00e1mica desde The Kos\" class=\"koss_divider__image\" id=\"koss_divider_image\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-hero.jpg\"\/>\n<div class=\"koss_divider__overlay\"><\/div>\n<div class=\"koss_divider__content\">\n<p class=\"koss_divider__quote\">Middelhavet ved dine f\u00f8dder, himlen lige ved h\u00e5nden<\/p>\n<div class=\"koss_divider__line\"><\/div>\n<\/div>\n<\/section>\n<script>\r\n (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>\n<\/body>\n<\/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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Kos - Galleri<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after {\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Josefin Sans', sans-serif;\n background-color: #f8f8f8;\n color: #333333;\n }\n\n .koss_gallery {\n position: relative !important;\n padding: 140px 0 !important;\n background-color: #f6f6f6 !important;\n background-image: url('https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/the-kos-trazo-2-derecha.png') !important;\n background-repeat: no-repeat !important;\n background-position: 105% 20% !important;\n background-size: auto 60% !important;\n overflow: hidden !important;\n }\n\n .koss_gallery__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n padding: 0 60px !important;\n position: relative !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__header {\n text-align: center !important;\n margin-bottom: 64px !important;\n }\n\n .koss_gallery__label {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #999999 !important;\n margin-bottom: 16px !important;\n display: block !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease, transform 0.7s ease !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__label {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__title {\n font-family: Georgia, 'Times New Roman', serif !important;\n font-size: clamp(32px, 4.5vw, 48px) !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n color: #333333 !important;\n margin: 0 0 16px 0 !important;\n letter-spacing: -1px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.1s, transform 0.7s ease 0.1s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__title {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__subtitle {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: clamp(16px, 1.6vw, 19px) !important;\n font-weight: 300 !important;\n line-height: 1.6 !important;\n color: #666666 !important;\n margin: 0 auto !important;\n max-width: 520px !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.7s ease 0.2s, transform 0.7s ease 0.2s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__subtitle {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__grid {\n display: grid !important;\n grid-template-columns: repeat(12, 1fr) !important;\n grid-template-rows: repeat(2, 280px) !important;\n gap: 16px !important;\n opacity: 0 !important;\n transform: translateY(30px) !important;\n transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__grid {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery__item {\n position: relative !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n opacity: 0 !important;\n transform: translateY(20px) !important;\n transition: opacity 0.6s ease, transform 0.6s ease !important;\n }\n\n .koss_gallery__item::before {\n content: '' !important;\n position: absolute !important;\n inset: 0 !important;\n border-radius: 12px !important;\n padding: 2px !important;\n background: linear-gradient(135deg, rgba(183, 115, 82, 0.7) 0%, rgba(128, 67, 48, 0.4) 50%, transparent 100%) !important;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n -webkit-mask-composite: xor !important;\n mask-composite: exclude !important;\n opacity: 0 !important;\n transition: opacity 0.4s ease !important;\n z-index: 10 !important;\n pointer-events: none !important;\n }\n\n .koss_gallery__item:hover::before {\n opacity: 1 !important;\n }\n\n .koss_gallery__item::after {\n content: '' !important;\n position: absolute !important;\n width: 200px !important;\n height: 200px !important;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%) !important;\n border-radius: 50% !important;\n pointer-events: none !important;\n z-index: 3 !important;\n opacity: 0 !important;\n transform: translate(-50%, -50%) !important;\n transition: opacity 0.3s ease !important;\n left: var(--mouse-x, 50%) !important;\n top: var(--mouse-y, 50%) !important;\n }\n\n .koss_gallery__item:hover::after {\n opacity: 1 !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(1) { transition-delay: 0.35s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(2) { transition-delay: 0.45s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(3) { transition-delay: 0.55s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(4) { transition-delay: 0.65s !important; }\n .koss_gallery.koss_gallery--visible .koss_gallery__item:nth-child(5) { transition-delay: 0.75s !important; }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 6 !important;\n grid-row: 1 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 6 \/ 9 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 9 \/ 13 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 6 \/ 10 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 10 \/ 13 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__image {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__image {\n transform: scale(1.06) !important;\n }\n\n .koss_gallery__overlay {\n position: absolute !important;\n inset: 0 !important;\n background: linear-gradient(\n to top,\n rgba(0, 0, 0, 0.7) 0%,\n rgba(0, 0, 0, 0.1) 40%,\n rgba(0, 0, 0, 0) 60%\n ) !important;\n opacity: 0 !important;\n transition: opacity 0.5s ease !important;\n z-index: 2 !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n position: absolute !important;\n bottom: 0 !important;\n left: 0 !important;\n right: 0 !important;\n padding: 24px !important;\n z-index: 4 !important;\n transform: translateY(10px) !important;\n opacity: 0 !important;\n transition: transform 0.4s ease, opacity 0.4s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption {\n transform: translateY(0) !important;\n opacity: 1 !important;\n }\n\n .koss_gallery__caption-title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n color: #ffffff !important;\n margin: 0 !important;\n }\n\n .koss_gallery__caption-hint {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: rgba(255, 255, 255, 0.6) !important;\n margin-top: 8px !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n transition: color 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n\n .koss_gallery__caption-hint svg {\n width: 14px !important;\n height: 14px !important;\n fill: none !important;\n stroke: currentColor !important;\n stroke-width: 2 !important;\n stroke-linecap: round !important;\n stroke-linejoin: round !important;\n flex-shrink: 0 !important;\n position: relative !important;\n top: -2px !important;\n transition: transform 0.3s ease !important;\n }\n\n .koss_gallery__item:hover .koss_gallery__caption-hint svg {\n transform: translateX(3px) !important;\n }\n\n .koss_lightbox {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n z-index: 99999 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.4s ease, visibility 0.4s ease !important;\n }\n\n .koss_lightbox.koss_lightbox--open {\n opacity: 1 !important;\n visibility: visible !important;\n }\n\n .koss_lightbox__backdrop {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.95) 100%) !important;\n backdrop-filter: blur(12px) !important;\n -webkit-backdrop-filter: blur(12px) !important;\n }\n\n .koss_lightbox__vignette {\n position: absolute !important;\n inset: 0 !important;\n background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%) !important;\n pointer-events: none !important;\n z-index: 1 !important;\n }\n\n .koss_lightbox__content {\n position: relative !important;\n z-index: 2 !important;\n max-width: 90vw !important;\n max-height: 85vh !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .koss_lightbox__image {\n max-width: 100% !important;\n max-height: 85vh !important;\n object-fit: contain !important;\n border-radius: 8px !important;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;\n opacity: 0 !important;\n transform: scale(0.95) !important;\n transition: opacity 0.25s ease, transform 0.25s ease !important;\n }\n\n .koss_lightbox--open .koss_lightbox__image {\n opacity: 1 !important;\n transform: scale(1) !important;\n }\n\n .koss_lightbox__close {\n position: absolute !important;\n top: 24px !important;\n right: 24px !important;\n width: 48px !important;\n height: 48px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.08) !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__close:hover {\n background: rgba(183, 115, 82, 0.2) !important;\n border-color: rgba(183, 115, 82, 0.4) !important;\n transform: rotate(90deg) !important;\n }\n\n .koss_lightbox__close svg {\n width: 20px !important;\n height: 20px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__nav {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 52px !important;\n height: 52px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: rgba(255, 255, 255, 0.06) !important;\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n z-index: 3 !important;\n transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;\n }\n\n .koss_lightbox__nav:hover {\n background: rgba(183, 115, 82, 0.15) !important;\n border-color: rgba(183, 115, 82, 0.3) !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 24px !important;\n }\n\n .koss_lightbox__nav--prev:hover {\n transform: translateY(-50%) translateX(-4px) !important;\n }\n\n .koss_lightbox__nav--next {\n right: 24px !important;\n }\n\n .koss_lightbox__nav--next:hover {\n transform: translateY(-50%) translateX(4px) !important;\n }\n\n .koss_lightbox__nav svg {\n width: 22px !important;\n height: 22px !important;\n fill: #ffffff !important;\n }\n\n .koss_lightbox__info {\n position: absolute !important;\n bottom: 28px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n text-align: center !important;\n z-index: 3 !important;\n }\n\n .koss_lightbox__title {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 16px !important;\n font-weight: 400 !important;\n color: #ffffff !important;\n margin-bottom: 8px !important;\n }\n\n .koss_lightbox__counter {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 3px !important;\n color: rgba(183, 115, 82, 0.8) !important;\n }\n\n .koss_lightbox__swipe-hint {\n display: none !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1px !important;\n color: rgba(255, 255, 255, 0.35) !important;\n margin-top: 10px !important;\n }\n\n @media screen and (max-width: 768px) {\n .koss_lightbox__swipe-hint {\n display: block !important;\n }\n }\n\n @media screen and (max-width: 1200px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(2, 240px) !important;\n gap: 14px !important;\n }\n }\n\n @media screen and (max-width: 991px) {\n .koss_gallery {\n padding: 100px 0 !important;\n background-position: 110% 90% !important;\n background-size: auto 45% !important;\n }\n\n .koss_gallery__container {\n padding: 0 40px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 48px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: repeat(2, 1fr) !important;\n grid-template-rows: repeat(3, 220px) !important;\n gap: 12px !important;\n }\n\n .koss_gallery__item:nth-child(1) {\n grid-column: 1 \/ 3 !important;\n grid-row: 1 \/ 2 !important;\n }\n\n .koss_gallery__item:nth-child(2) {\n grid-column: 1 \/ 2 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(3) {\n grid-column: 2 \/ 3 !important;\n grid-row: 2 \/ 3 !important;\n }\n\n .koss_gallery__item:nth-child(4) {\n grid-column: 1 \/ 2 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__item:nth-child(5) {\n grid-column: 2 \/ 3 !important;\n grid-row: 3 \/ 4 !important;\n }\n\n .koss_gallery__overlay {\n opacity: 1 !important;\n }\n\n .koss_gallery__caption {\n opacity: 1 !important;\n transform: translateY(0) !important;\n }\n\n .koss_lightbox__nav {\n width: 46px !important;\n height: 46px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 16px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 16px !important;\n }\n }\n\n @media screen and (max-width: 768px) {\n .koss_gallery {\n padding: 80px 0 !important;\n background-image: none !important;\n }\n\n .koss_gallery__container {\n padding: 0 20px !important;\n }\n\n .koss_gallery__header {\n margin-bottom: 40px !important;\n }\n\n .koss_gallery__grid {\n grid-template-columns: 1fr !important;\n grid-template-rows: repeat(5, 200px) !important;\n gap: 10px !important;\n }\n\n .koss_gallery__item:nth-child(1),\n .koss_gallery__item:nth-child(2),\n .koss_gallery__item:nth-child(3),\n .koss_gallery__item:nth-child(4),\n .koss_gallery__item:nth-child(5) {\n grid-column: 1 \/ -1 !important;\n grid-row: auto !important;\n }\n\n .koss_gallery__caption {\n padding: 20px !important;\n }\n\n .koss_gallery__caption-title {\n font-size: 14px !important;\n }\n\n .koss_lightbox__close {\n top: 16px !important;\n right: 16px !important;\n width: 44px !important;\n height: 44px !important;\n }\n\n .koss_lightbox__nav {\n width: 42px !important;\n height: 42px !important;\n }\n\n .koss_lightbox__nav--prev {\n left: 12px !important;\n }\n\n .koss_lightbox__nav--next {\n right: 12px !important;\n }\n\n .koss_lightbox__nav svg {\n width: 18px !important;\n height: 18px !important;\n }\n\n .koss_lightbox__info {\n bottom: 20px !important;\n }\n\n .koss_lightbox__title {\n font-size: 14px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .koss_gallery__grid {\n grid-template-rows: repeat(5, 180px) !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n<section class=\"koss_gallery\" id=\"gallery\">\n<div class=\"koss_gallery__container\">\n<header class=\"koss_gallery__header\">\n<span class=\"koss_gallery__label\">Mellemrum<\/span>\n<h2 class=\"koss_gallery__title\">Hvert hj\u00f8rne, en tilfredsstillelse<\/h2>\n<p class=\"koss_gallery__subtitle\">Interi\u00f8r, hvor lys, design og velv\u00e6re m\u00f8des<\/p>\n<\/header>\n<div class=\"koss_gallery__grid\" id=\"koss_gallery_grid\">\n<div class=\"koss_gallery__item\" data-index=\"0\" data-title=\"Dit velbefindende er i h\u00f8js\u00e6det\">\n<img decoding=\"async\" alt=\"Piscina interior con vistas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-piscina-interior.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Dit velbefindende er i h\u00f8js\u00e6det<\/p>\n<p class=\"koss_gallery__caption-hint\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>Udvid billede<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"1\" data-title=\"Hvor ideer f\u00f8des\">\n<img decoding=\"async\" alt=\"Espacio de trabajo con vistas panor\u00e1micas\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-facilities-coworking.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Hvor ideer f\u00f8des<\/p>\n<p class=\"koss_gallery__caption-hint\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>Udvid billede<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"2\" data-title=\"Dit inspirationshj\u00f8rne\">\n<img decoding=\"async\" alt=\"Espacio privado ba\u00f1ado en luz natural\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-despacho-dorm.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Dit inspirationshj\u00f8rne<\/p>\n<p class=\"koss_gallery__caption-hint\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>Udvid billede<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"3\" data-title=\"Energi hver morgen\">\n<img decoding=\"async\" alt=\"Gimnasio equipado con Technogym\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/koss-gym-comunitario.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Energi hver morgen<\/p>\n<p class=\"koss_gallery__caption-hint\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>Udvid billede<\/p>\n<\/div>\n<\/div>\n<div class=\"koss_gallery__item\" data-index=\"4\" data-title=\"Hverdags ritual\">\n<img decoding=\"async\" alt=\"Ba\u00f1o de dise\u00f1o con acabados premium\" class=\"koss_gallery__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-bano-principal.jpg\"\/>\n<div class=\"koss_gallery__overlay\"><\/div>\n<div class=\"koss_gallery__caption\">\n<p class=\"koss_gallery__caption-title\">Hverdags ritual<\/p>\n<p class=\"koss_gallery__caption-hint\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n<\/svg>Udvid billede<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"koss_lightbox\" id=\"koss_lightbox\">\n<div class=\"koss_lightbox__backdrop\" id=\"koss_lightbox_backdrop\"><\/div>\n<div class=\"koss_lightbox__vignette\"><\/div>\n<button aria-label=\"Cerrar\" class=\"koss_lightbox__close\" id=\"koss_lightbox_close\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Anterior\" class=\"koss_lightbox__nav koss_lightbox__nav--prev\" id=\"koss_lightbox_prev\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"><\/path>\n<\/svg>\n<\/button>\n<button aria-label=\"Siguiente\" class=\"koss_lightbox__nav koss_lightbox__nav--next\" id=\"koss_lightbox_next\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_lightbox__content\">\n<img decoding=\"async\" alt=\"\" class=\"koss_lightbox__image\" id=\"koss_lightbox_image\" src=\"\"\/>\n<\/div>\n<div class=\"koss_lightbox__info\">\n<p class=\"koss_lightbox__title\" id=\"koss_lightbox_title\"><\/p>\n<p class=\"koss_lightbox__counter\" id=\"koss_lightbox_counter\"><\/p>\n<p class=\"koss_lightbox__swipe-hint\">Stryg for at navigere<\/p>\n<\/div>\n<\/div>\n<script>\n (function() {\n 'use strict';\n\n var section = document.getElementById('gallery');\n var items = document.querySelectorAll('.koss_gallery__item');\n var lightbox = document.getElementById('koss_lightbox');\n var lightboxBackdrop = document.getElementById('koss_lightbox_backdrop');\n var lightboxImage = document.getElementById('koss_lightbox_image');\n var lightboxTitle = document.getElementById('koss_lightbox_title');\n var lightboxCounter = document.getElementById('koss_lightbox_counter');\n var lightboxClose = document.getElementById('koss_lightbox_close');\n var lightboxPrev = document.getElementById('koss_lightbox_prev');\n var lightboxNext = document.getElementById('koss_lightbox_next');\n\n var images = [];\n items.forEach(function(item) {\n images.push({\n src: item.querySelector('.koss_gallery__image').src,\n title: item.getAttribute('data-title')\n });\n });\n\n var currentIndex = 0;\n var totalImages = images.length;\n\n items.forEach(function(item) {\n item.addEventListener('mousemove', function(e) {\n if (window.innerWidth <= 991) return;\n \n var rect = item.getBoundingClientRect();\n var x = e.clientX - rect.left;\n var y = e.clientY - rect.top;\n \n item.style.setProperty('--mouse-x', x + 'px');\n item.style.setProperty('--mouse-y', y + 'px');\n });\n });\n\n function openLightbox(index) {\n currentIndex = index;\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n lightbox.classList.add('koss_lightbox--open');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLightbox() {\n lightbox.classList.remove('koss_lightbox--open');\n document.body.style.overflow = '';\n }\n\n function updateLightbox() {\n lightboxImage.style.setProperty('opacity', '0', 'important');\n lightboxImage.style.setProperty('transform', 'scale(0.95)', 'important');\n \n setTimeout(function() {\n lightboxImage.src = images[currentIndex].src;\n lightboxImage.alt = images[currentIndex].title;\n lightboxTitle.textContent = images[currentIndex].title;\n lightboxCounter.textContent = (currentIndex + 1) + ' \/ ' + totalImages;\n \n setTimeout(function() {\n lightboxImage.style.setProperty('opacity', '1', 'important');\n lightboxImage.style.setProperty('transform', 'scale(1)', 'important');\n }, 50);\n }, 200);\n }\n\n function nextImage() {\n currentIndex = (currentIndex + 1) % totalImages;\n updateLightbox();\n }\n\n function prevImage() {\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\n updateLightbox();\n }\n\n items.forEach(function(item) {\n item.addEventListener('click', function() {\n var index = parseInt(this.getAttribute('data-index'), 10);\n openLightbox(index);\n });\n });\n\n lightboxClose.addEventListener('click', closeLightbox);\n lightboxBackdrop.addEventListener('click', closeLightbox);\n\n lightboxNext.addEventListener('click', nextImage);\n lightboxPrev.addEventListener('click', prevImage);\n\n document.addEventListener('keydown', function(e) {\n if (!lightbox.classList.contains('koss_lightbox--open')) return;\n \n if (e.key === 'Escape') {\n closeLightbox();\n } else if (e.key === 'ArrowRight') {\n nextImage();\n } else if (e.key === 'ArrowLeft') {\n prevImage();\n }\n });\n\n var touchStartX = 0;\n var touchEndX = 0;\n var touchStartY = 0;\n var touchEndY = 0;\n var minSwipeDistance = 50;\n\n lightbox.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n }, { passive: true });\n\n lightbox.addEventListener('touchend', function(e) {\n touchEndX = e.changedTouches[0].screenX;\n touchEndY = e.changedTouches[0].screenY;\n handleSwipe();\n }, { passive: true });\n\n function handleSwipe() {\n var deltaX = touchEndX - touchStartX;\n var deltaY = touchEndY - touchStartY;\n \n if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > minSwipeDistance) {\n if (deltaX > 0) {\n prevImage();\n } else {\n nextImage();\n }\n }\n }\n\n function checkVisibility() {\n var rect = section.getBoundingClientRect();\n var windowHeight = window.innerHeight;\n \n if (rect.top < windowHeight * 0.8) {\n section.classList.add('koss_gallery--visible');\n }\n }\n\n var ticking = false;\n \n function onScroll() {\n if (!ticking) {\n requestAnimationFrame(function() {\n checkVisibility();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener('scroll', onScroll, { passive: true });\n checkVisibility();\n\n })();\n <\/script>\n<\/body>\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>The Kos - Beliggenhed<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\n<style>\r\n \/* ============================================\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>\n<\/head>\n<body>\n<!-- LOCATION SECTION -->\n<section class=\"koss_location\" id=\"location\">\n<div class=\"koss_location__container\">\n<div class=\"koss_location__content\">\n<span class=\"koss_location__label\">Beliggenhed<\/span>\n<h2 class=\"koss_location__title\">El Higuer\u00f3n, Costa del Sol<\/h2>\n<p class=\"koss_location__subtitle\">Hvor Middelhavet, bjergene og solen m\u00f8des. Minutter fra havet, forbundet med verden.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<script>\r\n (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>\n<\/body>\n<\/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 allowfullscreen=\"\" id=\"iframe-map\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/05\/map-kos-dk.html\" style=\"height: 80vh; width: 100%;\" title=\"Parque Vega, Mapa Interactivo\">\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>\n\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Kos - L\u00e5s op<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400&display=swap\" rel=\"stylesheet\"\/>\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>\n<\/head>\n<body>\n<section class=\"koss_unlock\" id=\"unlock\">\n<div class=\"koss_unlock__grid\">\n<div class=\"koss_unlock__image-wrapper\">\n<img decoding=\"async\" alt=\"Terraza con vistas al Mediterraneo\" class=\"koss_unlock__image\" loading=\"lazy\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-dron-view.jpg\"\/>\n<\/div>\n<div class=\"koss_unlock__form-wrapper\">\n<span class=\"koss_unlock__label\">Oplev Kos Villas indenfor<\/span>\n<h2 class=\"koss_unlock__title\">L\u00e5s op for alle oplysninger<\/h2>\n<p class=\"koss_unlock__subtitle\">F\u00e5 adgang til detaljerede planer, opdaterede priser og tilg\u00e6ngelighed i realtid. Ingen forpligtelse.<\/p>\n<div class=\"koss_unlock__form\">\n<style id=\"wpforms-css-vars-2813\">\n\t\t\t\t#wpforms-2813 {\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-2813\"><form id=\"wpforms-form-2813\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2813\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/da\/wp-json\/wp\/v2\/pages\/3512\" data-token=\"1ae1b64ff5f2448a19a9a6718f70ea6c\" data-token-time=\"1779100676\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2813-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-2813-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-2813-field_58\" aria-hidden=\"false\">utm_source<\/label><input type=\"text\" id=\"wpforms-2813-field_58\" class=\"wpforms-field-medium\" name=\"wpforms[fields][58]\" aria-errormessage=\"wpforms-2813-field_58-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_61\" aria-hidden=\"false\">utm_medium<\/label><input type=\"text\" id=\"wpforms-2813-field_61\" class=\"wpforms-field-medium\" name=\"wpforms[fields][61]\" aria-errormessage=\"wpforms-2813-field_61-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_59\" aria-hidden=\"false\">utm_campaign<\/label><input type=\"text\" id=\"wpforms-2813-field_59\" class=\"wpforms-field-medium\" name=\"wpforms[fields][59]\" aria-errormessage=\"wpforms-2813-field_59-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_60\" aria-hidden=\"false\">utm_term<\/label><input type=\"text\" id=\"wpforms-2813-field_60\" class=\"wpforms-field-medium\" name=\"wpforms[fields][60]\" aria-errormessage=\"wpforms-2813-field_60-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_63\" aria-hidden=\"false\">Stage<\/label><input type=\"text\" id=\"wpforms-2813-field_63\" class=\"wpforms-field-medium\" name=\"wpforms[fields][63]\" value=\"Pulse\" aria-errormessage=\"wpforms-2813-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-2813-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-2813-field_62\" aria-hidden=\"false\">utm_content<\/label><input type=\"text\" id=\"wpforms-2813-field_62\" class=\"wpforms-field-medium\" name=\"wpforms[fields][62]\" aria-errormessage=\"wpforms-2813-field_62-error\" ><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-2813-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-2813-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-2813-field_51\" aria-hidden=\"false\">LMP Pareja Madura nacional \/ retirada<\/label><input type=\"text\" id=\"wpforms-2813-field_51\" class=\"wpforms-field-medium\" name=\"wpforms[fields][51]\" value=\"0e8af60f-a8fc-4089-936b-f247bf49e7b8\" aria-errormessage=\"wpforms-2813-field_51-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_56\" aria-hidden=\"false\">LMP Familia nacional en crecimiento<\/label><input type=\"text\" id=\"wpforms-2813-field_56\" class=\"wpforms-field-medium\" name=\"wpforms[fields][56]\" value=\"51f65774-c533-49cb-a692-86f7d18e7a65\" aria-errormessage=\"wpforms-2813-field_56-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_55\" aria-hidden=\"false\">LMP Inversor Internacional Patrimonial<\/label><input type=\"text\" id=\"wpforms-2813-field_55\" class=\"wpforms-field-medium\" name=\"wpforms[fields][55]\" value=\"d15699e7-6c0e-4437-822a-aaeedf712ec0\" aria-errormessage=\"wpforms-2813-field_55-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_57\" aria-hidden=\"false\">LMP Expatriado internacional<\/label><input type=\"text\" id=\"wpforms-2813-field_57\" class=\"wpforms-field-medium\" name=\"wpforms[fields][57]\" value=\"743b4a8a-0f3f-4229-9097-af4b188f52a4\" aria-errormessage=\"wpforms-2813-field_57-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_52\" aria-hidden=\"false\">LMP Segunda Residencia Emocional<\/label><input type=\"text\" id=\"wpforms-2813-field_52\" class=\"wpforms-field-medium\" name=\"wpforms[fields][52]\" value=\"ca39c7c8-3eed-4336-bf4e-4bfa1c3bc105\" aria-errormessage=\"wpforms-2813-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-2813-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-2813-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-2813-field_39\" aria-hidden=\"false\">DISC Red<\/label><input type=\"text\" id=\"wpforms-2813-field_39\" class=\"wpforms-field-medium\" name=\"wpforms[fields][39]\" value=\"Red\" aria-errormessage=\"wpforms-2813-field_39-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_40\" aria-hidden=\"false\">DISC Yellow<\/label><input type=\"text\" id=\"wpforms-2813-field_40\" class=\"wpforms-field-medium\" name=\"wpforms[fields][40]\" value=\"Yellow\" aria-errormessage=\"wpforms-2813-field_40-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_41\" aria-hidden=\"false\">DISC Green<\/label><input type=\"text\" id=\"wpforms-2813-field_41\" class=\"wpforms-field-medium\" name=\"wpforms[fields][41]\" value=\"Green\" aria-errormessage=\"wpforms-2813-field_41-error\" ><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-2813-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-2813-field_42\" aria-hidden=\"false\">DISC Blue<\/label><input type=\"text\" id=\"wpforms-2813-field_42\" class=\"wpforms-field-medium\" name=\"wpforms[fields][42]\" value=\"Blue\" aria-errormessage=\"wpforms-2813-field_42-error\" ><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-2813-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-2813-field_1\" >Green Alder Segunda<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-2813-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-2813-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-2813-field_37\">Hvad er din prim\u00e6re motivation for at lede efter en ny bolig? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2813-field_37\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][37]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e6lg ---<\/option><option value=\"Jeg leder efter et sted at koble af, slappe af og virkelig f\u00f8le mig hjemme.\" class=\"choice-1 depth-1\" >Jeg leder efter et sted at koble af, slappe af og virkelig f\u00f8le mig hjemme.<\/option><option value=\"Vi \u00f8nsker at starte en ny fase af vores liv i et inspirerende og behageligt milj\u00f8.\" class=\"choice-2 depth-1\" >Vi \u00f8nsker at starte en ny fase af vores liv i et inspirerende og behageligt milj\u00f8.<\/option><option value=\"Vi leder efter et st\u00f8rre hus, der passer til vores families behov.\" class=\"choice-3 depth-1\" >Vi leder efter et st\u00f8rre hus, der passer til vores families behov.<\/option><option value=\"Jeg leder efter en rentabel og sikker ejendomsinvestering.\" class=\"choice-4 depth-1\" >Jeg leder efter en rentabel og sikker ejendomsinvestering.<\/option><option value=\"Jeg leder efter et sted, hvor jeg kan arbejde p\u00e5 afstand og nyde livsstilen.\" class=\"choice-5 depth-1\" >Jeg leder efter et sted, hvor jeg kan arbejde p\u00e5 afstand og nyde livsstilen.<\/option><\/select><\/div><div id=\"wpforms-2813-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-2813-field_38\">Hvilket af disse udsagn beskriver dig bedst? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2813-field_38\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][38]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>--- V\u00e6lg ---<\/option><option value=\"Jeg kan godt lide at tr\u00e6ffe hurtige beslutninger og l\u00f8se problemer.\" class=\"choice-1 depth-1\" >Jeg kan godt lide at tr\u00e6ffe hurtige beslutninger og l\u00f8se problemer.<\/option><option value=\"Jeg foretr\u00e6kker fuldt ud at forst\u00e5 mine muligheder, f\u00f8r jeg beslutter mig.\" class=\"choice-2 depth-1\" >Jeg foretr\u00e6kker fuldt ud at forst\u00e5 mine muligheder, f\u00f8r jeg beslutter mig.<\/option><option value=\"Jeg kan godt lide at udforske nye ideer og v\u00e6re kreativ.\" class=\"choice-3 depth-1\" >Jeg kan godt lide at udforske nye ideer og v\u00e6re kreativ.<\/option><option value=\"Jeg foretr\u00e6kker gennempr\u00f8vede metoder og opretholdelse af stabilitet.\" class=\"choice-4 depth-1\" >Jeg foretr\u00e6kker gennempr\u00f8vede metoder og opretholdelse af stabilitet.<\/option><\/select><\/div><div id=\"wpforms-2813-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-2813-field_6-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-2813-field_6\">Navn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2813-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-2813-field_6-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2813-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-2813-field_8\">Efternavn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2813-field_8\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-2813-field_8-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2813-field_9-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-2813-field_9\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-2813-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-2813-field_9-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2813-field_15-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"15\"><label class=\"wpforms-field-label\" for=\"wpforms-2813-field_15\">E-post <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2813-field_15\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][15]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2813-field_15-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2813-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-2813-field_67\">Alder <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2813-field_67\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][67]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- V\u00e6lg indstillingen --<\/option><option value=\"Under 35 \u00e5r\" class=\"choice-1 depth-1\" >Under 35 \u00e5r<\/option><option value=\"Mellem 35 og 45 \u00e5r\" class=\"choice-2 depth-1\" >Mellem 35 og 45 \u00e5r<\/option><option value=\"Mellem 45 og 60 \u00e5r\" class=\"choice-3 depth-1\" >Mellem 45 og 60 \u00e5r<\/option><option value=\"Over 60 \u00e5r\" class=\"choice-4 depth-1\" >Over 60 \u00e5r<\/option><\/select><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-2813-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-2813-field_68\">Angiv nationalitet <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-2813-field_68\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][68]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- V\u00e6lg indstillingen --<\/option><option value=\"Afghanistan\" class=\"choice-4 depth-1\" >Afghanistan<\/option><option value=\"Albanien\" class=\"choice-5 depth-1\" >Albanien<\/option><option value=\"Algeriet\" class=\"choice-6 depth-1\" >Algeriet<\/option><option value=\"Andorra\" class=\"choice-7 depth-1\" >Andorra<\/option><option value=\"Angola\" class=\"choice-8 depth-1\" >Angola<\/option><option value=\"Antigua og Barbuda\" class=\"choice-9 depth-1\" >Antigua og Barbuda<\/option><option value=\"Argentina\" class=\"choice-10 depth-1\" >Argentina<\/option><option value=\"Armenien\" class=\"choice-11 depth-1\" >Armenien<\/option><option value=\"Australien\" class=\"choice-12 depth-1\" >Australien<\/option><option value=\"\u00d8strig\" class=\"choice-13 depth-1\" >\u00d8strig<\/option><option value=\"Aserbajdsjan\" class=\"choice-14 depth-1\" >Aserbajdsjan<\/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=\"Hviderusland\" class=\"choice-19 depth-1\" >Hviderusland<\/option><option value=\"Belgien\" class=\"choice-20 depth-1\" >Belgien<\/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=\"Bosnien-Hercegovina\" class=\"choice-25 depth-1\" >Bosnien-Hercegovina<\/option><option value=\"Botswana\" class=\"choice-26 depth-1\" >Botswana<\/option><option value=\"Brasilien\" class=\"choice-27 depth-1\" >Brasilien<\/option><option value=\"Brunei\" class=\"choice-28 depth-1\" >Brunei<\/option><option value=\"Bulgarien\" class=\"choice-29 depth-1\" >Bulgarien<\/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=\"Kap Verde\" class=\"choice-32 depth-1\" >Kap Verde<\/option><option value=\"Cambodja\" class=\"choice-33 depth-1\" >Cambodja<\/option><option value=\"Cameroun\" class=\"choice-34 depth-1\" >Cameroun<\/option><option value=\"Canada\" class=\"choice-35 depth-1\" >Canada<\/option><option value=\"Centralafrikanske Republik\" class=\"choice-36 depth-1\" >Centralafrikanske Republik<\/option><option value=\"Tchad\" class=\"choice-37 depth-1\" >Tchad<\/option><option value=\"Chile\" class=\"choice-38 depth-1\" >Chile<\/option><option value=\"Kina\" class=\"choice-39 depth-1\" >Kina<\/option><option value=\"Colombia\" class=\"choice-40 depth-1\" >Colombia<\/option><option value=\"Comorerne\" class=\"choice-41 depth-1\" >Comorerne<\/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=\"Kroatien\" class=\"choice-44 depth-1\" >Kroatien<\/option><option value=\"Cuba\" class=\"choice-45 depth-1\" >Cuba<\/option><option value=\"Cypern\" class=\"choice-46 depth-1\" >Cypern<\/option><option value=\"Tjekkiet\" class=\"choice-47 depth-1\" >Tjekkiet<\/option><option value=\"Demokratiske Republik Congo\" class=\"choice-48 depth-1\" >Demokratiske Republik Congo<\/option><option value=\"Danmark\" class=\"choice-49 depth-1\" >Danmark<\/option><option value=\"Djibouti\" class=\"choice-50 depth-1\" >Djibouti<\/option><option value=\"Dominica\" class=\"choice-51 depth-1\" >Dominica<\/option><option value=\"Dominikanske Republik\" class=\"choice-52 depth-1\" >Dominikanske Republik<\/option><option value=\"Ecuador\" class=\"choice-53 depth-1\" >Ecuador<\/option><option value=\"Egypten\" class=\"choice-54 depth-1\" >Egypten<\/option><option value=\"El Salvador\" class=\"choice-55 depth-1\" >El Salvador<\/option><option value=\"\u00c6kvatorial Guinea\" class=\"choice-56 depth-1\" >\u00c6kvatorial Guinea<\/option><option value=\"Eritrea\" class=\"choice-57 depth-1\" >Eritrea<\/option><option value=\"Estland\" class=\"choice-58 depth-1\" >Estland<\/option><option value=\"Eswatini\" class=\"choice-59 depth-1\" >Eswatini<\/option><option value=\"Etiopien\" class=\"choice-60 depth-1\" >Etiopien<\/option><option value=\"Fiji\" class=\"choice-61 depth-1\" >Fiji<\/option><option value=\"Finland\" class=\"choice-62 depth-1\" >Finland<\/option><option value=\"Frankrig\" class=\"choice-63 depth-1\" >Frankrig<\/option><option value=\"Gabon\" class=\"choice-64 depth-1\" >Gabon<\/option><option value=\"Gambia\" class=\"choice-65 depth-1\" >Gambia<\/option><option value=\"Georgien\" class=\"choice-66 depth-1\" >Georgien<\/option><option value=\"Tyskland\" class=\"choice-67 depth-1\" >Tyskland<\/option><option value=\"Ghana\" class=\"choice-68 depth-1\" >Ghana<\/option><option value=\"Gr\u00e6kenland\" class=\"choice-69 depth-1\" >Gr\u00e6kenland<\/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=\"Ungarn\" class=\"choice-77 depth-1\" >Ungarn<\/option><option value=\"Island\" class=\"choice-78 depth-1\" >Island<\/option><option value=\"Indien\" class=\"choice-79 depth-1\" >Indien<\/option><option value=\"Indonesien\" class=\"choice-80 depth-1\" >Indonesien<\/option><option value=\"Iran\" class=\"choice-81 depth-1\" >Iran<\/option><option value=\"Irak\" class=\"choice-82 depth-1\" >Irak<\/option><option value=\"Irland\" class=\"choice-83 depth-1\" >Irland<\/option><option value=\"Israel\" class=\"choice-84 depth-1\" >Israel<\/option><option value=\"Italien\" class=\"choice-85 depth-1\" >Italien<\/option><option value=\"Elfenbenskysten\" class=\"choice-86 depth-1\" >Elfenbenskysten<\/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=\"Kasakhstan\" class=\"choice-90 depth-1\" >Kasakhstan<\/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=\"Kirgisistan\" class=\"choice-94 depth-1\" >Kirgisistan<\/option><option value=\"Laos\" class=\"choice-95 depth-1\" >Laos<\/option><option value=\"Letland\" class=\"choice-96 depth-1\" >Letland<\/option><option value=\"Libanon\" class=\"choice-97 depth-1\" >Libanon<\/option><option value=\"Lesotho\" class=\"choice-98 depth-1\" >Lesotho<\/option><option value=\"Liberia\" class=\"choice-99 depth-1\" >Liberia<\/option><option value=\"Libyen\" class=\"choice-100 depth-1\" >Libyen<\/option><option value=\"Liechtenstein\" class=\"choice-101 depth-1\" >Liechtenstein<\/option><option value=\"Litauen\" class=\"choice-102 depth-1\" >Litauen<\/option><option value=\"Luxembourg\" class=\"choice-103 depth-1\" >Luxembourg<\/option><option value=\"Madagaskar\" class=\"choice-104 depth-1\" >Madagaskar<\/option><option value=\"Malawi\" class=\"choice-105 depth-1\" >Malawi<\/option><option value=\"Malaysia\" class=\"choice-106 depth-1\" >Malaysia<\/option><option value=\"Maldiverne\" class=\"choice-107 depth-1\" >Maldiverne<\/option><option value=\"Det havde de\" class=\"choice-108 depth-1\" >Det havde de<\/option><option value=\"Malta\" class=\"choice-109 depth-1\" >Malta<\/option><option value=\"Marshall\u00f8erne\" class=\"choice-110 depth-1\" >Marshall\u00f8erne<\/option><option value=\"Mauretanien\" class=\"choice-111 depth-1\" >Mauretanien<\/option><option value=\"Mauritius\" class=\"choice-112 depth-1\" >Mauritius<\/option><option value=\"Mexico\" class=\"choice-113 depth-1\" >Mexico<\/option><option value=\"Mikronesien\" class=\"choice-114 depth-1\" >Mikronesien<\/option><option value=\"Moldavien\" class=\"choice-115 depth-1\" >Moldavien<\/option><option value=\"Monaco\" class=\"choice-116 depth-1\" >Monaco<\/option><option value=\"Mongoliet\" class=\"choice-117 depth-1\" >Mongoliet<\/option><option value=\"Montenegro\" class=\"choice-118 depth-1\" >Montenegro<\/option><option value=\"Marokko\" class=\"choice-119 depth-1\" >Marokko<\/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=\"Holland\" class=\"choice-125 depth-1\" >Holland<\/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=\"Nordkorea\" class=\"choice-130 depth-1\" >Nordkorea<\/option><option value=\"Nordmakedonien\" class=\"choice-131 depth-1\" >Nordmakedonien<\/option><option value=\"Norge\" class=\"choice-132 depth-1\" >Norge<\/option><option value=\"Min egen\" class=\"choice-133 depth-1\" >Min egen<\/option><option value=\"Pakistan\" class=\"choice-134 depth-1\" >Pakistan<\/option><option value=\"palads\" class=\"choice-135 depth-1\" >palads<\/option><option value=\"Pal\u00e6stina\" class=\"choice-136 depth-1\" >Pal\u00e6stina<\/option><option value=\"Panama\" class=\"choice-137 depth-1\" >Panama<\/option><option value=\"Papua Ny Guinea\" class=\"choice-138 depth-1\" >Papua Ny Guinea<\/option><option value=\"Paraguay\" class=\"choice-139 depth-1\" >Paraguay<\/option><option value=\"Peru\" class=\"choice-140 depth-1\" >Peru<\/option><option value=\"Filippinerne\" class=\"choice-141 depth-1\" >Filippinerne<\/option><option value=\"Polen\" class=\"choice-142 depth-1\" >Polen<\/option><option value=\"Portugal\" class=\"choice-143 depth-1\" >Portugal<\/option><option value=\"Qatar\" class=\"choice-144 depth-1\" >Qatar<\/option><option value=\"Rum\u00e6nien\" class=\"choice-145 depth-1\" >Rum\u00e6nien<\/option><option value=\"Rusland\" class=\"choice-146 depth-1\" >Rusland<\/option><option value=\"Rwanda\" class=\"choice-147 depth-1\" >Rwanda<\/option><option value=\"Saint Kitts og Nevis\" class=\"choice-148 depth-1\" >Saint Kitts og Nevis<\/option><option value=\"Sankt Lucia\" class=\"choice-149 depth-1\" >Sankt Lucia<\/option><option value=\"Saint Vincent og Grenadinerne\" class=\"choice-150 depth-1\" >Saint Vincent og Grenadinerne<\/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 og Principe\" class=\"choice-153 depth-1\" >Sao Tome og Principe<\/option><option value=\"Saudi-Arabien\" class=\"choice-154 depth-1\" >Saudi-Arabien<\/option><option value=\"Senegal\" class=\"choice-155 depth-1\" >Senegal<\/option><option value=\"Serbien\" class=\"choice-156 depth-1\" >Serbien<\/option><option value=\"Seychellerne\" class=\"choice-157 depth-1\" >Seychellerne<\/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=\"Slovakiet\" class=\"choice-160 depth-1\" >Slovakiet<\/option><option value=\"Slovenien\" class=\"choice-161 depth-1\" >Slovenien<\/option><option value=\"Salomon\u00f8erne\" class=\"choice-162 depth-1\" >Salomon\u00f8erne<\/option><option value=\"Somalia\" class=\"choice-163 depth-1\" >Somalia<\/option><option value=\"Sydafrika\" class=\"choice-164 depth-1\" >Sydafrika<\/option><option value=\"Sydkorea\" class=\"choice-165 depth-1\" >Sydkorea<\/option><option value=\"Sydsudan\" class=\"choice-166 depth-1\" >Sydsudan<\/option><option value=\"Spanien\" class=\"choice-167 depth-1\" >Spanien<\/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=\"Surinam\" class=\"choice-170 depth-1\" >Surinam<\/option><option value=\"Sverige\" class=\"choice-171 depth-1\" >Sverige<\/option><option value=\"Schweiz\" class=\"choice-172 depth-1\" >Schweiz<\/option><option value=\"Syrien\" class=\"choice-173 depth-1\" >Syrien<\/option><option value=\"Tadsjikistan\" class=\"choice-174 depth-1\" >Tadsjikistan<\/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=\"Ankommet\" class=\"choice-179 depth-1\" >Ankommet<\/option><option value=\"Trinidad og Tobago\" class=\"choice-180 depth-1\" >Trinidad og Tobago<\/option><option value=\"Tunesien\" class=\"choice-181 depth-1\" >Tunesien<\/option><option value=\"Kalkun\" class=\"choice-182 depth-1\" >Kalkun<\/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=\"Forenede Arabiske Emirater\" class=\"choice-187 depth-1\" >Forenede Arabiske Emirater<\/option><option value=\"Storbritannien\" class=\"choice-188 depth-1\" >Storbritannien<\/option><option value=\"USA\" class=\"choice-189 depth-1\" >USA<\/option><option value=\"Uruguay\" class=\"choice-190 depth-1\" >Uruguay<\/option><option value=\"Usbekistan\" class=\"choice-191 depth-1\" >Usbekistan<\/option><option value=\"Vanuatu\" class=\"choice-192 depth-1\" >Vanuatu<\/option><option value=\"Vatikanstaten\" class=\"choice-193 depth-1\" >Vatikanstaten<\/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-2813-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-2813-field_33\" aria-hidden=\"false\">Sprog<\/label><input type=\"text\" id=\"wpforms-2813-field_33\" class=\"wpforms-field-large\" name=\"wpforms[fields][33]\" value=\"Danish\" aria-errormessage=\"wpforms-2813-field_33-error\" ><\/div><div id=\"wpforms-2813-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\">GDPR <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-2813-field_47\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-2813-field_47_1\" name=\"wpforms[fields][47][]\" value=\"Jeg accepterer denne hjemmesides privatlivspolitik\" aria-errormessage=\"wpforms-2813-field_47_1-error\" aria-describedby=\"wpforms-2813-field_47-description\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-2813-field_47_1\">Jeg accepterer denne hjemmesides privatlivspolitik<\/label><\/li><\/ul><div id=\"wpforms-2813-field_47-description\" class=\"wpforms-field-description\">Du kan <a href=\"https:\/\/thekosvillas.com\/da\/privacidad\/\">se privatlivspolitikken ved at klikke her<\/a><\/div><\/fieldset><\/div><div id=\"wpforms-2813-field_66-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"66\"><input type=\"hidden\" id=\"wpforms-2813-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-2813-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-2813-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-2813-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><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"2813\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/pages\/3512\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2813\" class=\"wpforms-submit\" data-alt-text=\"Vi arbejder p\u00e5 det...\" data-submit-text=\"L\u00e5s oplysninger op\" aria-live=\"assertive\" value=\"wpforms-submit\">L\u00e5s oplysninger op<\/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=\"Loading\"><\/div><\/form><\/div> <!-- .wpforms-container -->\n<\/div>\n<div class=\"koss_unlock__agent\">\n<a class=\"koss_unlock__agent-card\" href=\"#agent-form\" id=\"koss_agent_trigger\" role=\"button\">\n<p class=\"koss_unlock__agent-card-title\">Er du ejendomsm\u00e6gler?<\/p>\n<p class=\"koss_unlock__agent-card-sub\">Send os dine oplysninger, s\u00e5 kontakter vi dig.<\/p>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- Agent Modal -->\n<div class=\"koss_agent_modal\" id=\"koss_agent_modal\">\n<div class=\"koss_agent_modal__backdrop\" id=\"koss_agent_backdrop\"><\/div>\n<div class=\"koss_agent_modal__content\">\n<button aria-label=\"Cerrar\" class=\"koss_agent_modal__close\" id=\"koss_agent_close\">\n<svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\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\"><\/path>\n<\/svg>\n<\/button>\n<div class=\"koss_agent_modal__form\" id=\"agent-form\">\n <div class=\"evoost-b2b-form-wrapper evoost-layout-two-col\" id=\"evoost-form-921-1544\" 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\">Send os dine oplysninger, s\u00e5 <strong>vender vi tilbage til dig<\/strong><\/h3>\n <\/div>\n \n <form class=\"evoost-b2b-form\" data-form-id=\"921\" data-lang=\"da\" data-redirect=\"https:\/\/thekosvillas.com\/da\/brokers\" novalidate>\n\n <input type=\"hidden\" id=\"evoost_nonce\" name=\"evoost_nonce\" value=\"87c3284f88\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/da\/wp-json\/wp\/v2\/pages\/3512\" \/>\n <div class=\"evoost-fields-grid\">\n <!-- First Name -->\n <div class=\"evoost-field evoost-field-firstname\">\n <label for=\"evoost-form-921-1544-firstname\">Fornavn <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-1544-firstname\" name=\"firstname\" required autocomplete=\"given-name\" placeholder=\"Fornavn\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Last Name -->\n <div class=\"evoost-field evoost-field-lastname\">\n <label for=\"evoost-form-921-1544-lastname\">Efternavn <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"text\" id=\"evoost-form-921-1544-lastname\" name=\"lastname\" required autocomplete=\"family-name\" placeholder=\"Efternavn\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Email -->\n <div class=\"evoost-field evoost-field-email\">\n <label for=\"evoost-form-921-1544-email\">E-mail <span class=\"evoost-required\">*<\/span><\/label>\n <input type=\"email\" id=\"evoost-form-921-1544-email\" name=\"email\" required autocomplete=\"email\" placeholder=\"email@example.com\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Phone with prefix -->\n <div class=\"evoost-field evoost-field-phone\">\n <label for=\"evoost-form-921-1544-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-1544-phone\" name=\"phone\" required autocomplete=\"tel\" placeholder=\"600 000 000\" \/>\n <\/div>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Company (optional) -->\n <div class=\"evoost-field evoost-field-company\">\n <label for=\"evoost-form-921-1544-company\">Virksomhed<\/label>\n <input type=\"text\" id=\"evoost-form-921-1544-company\" name=\"company_visible\" autocomplete=\"organization\" placeholder=\"Virksomhed\" \/>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n \n <!-- Country -->\n <div class=\"evoost-field evoost-field-country\">\n <label for=\"evoost-form-921-1544-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-1544-country-search\" placeholder=\"Land...\" autocomplete=\"off\" \/>\n <select id=\"evoost-form-921-1544-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 <!-- Comments -->\n <div class=\"evoost-field evoost-field-comments evoost-field-full\">\n <label for=\"evoost-form-921-1544-comments\">Kommentarer<\/label>\n <textarea id=\"evoost-form-921-1544-comments\" name=\"comments\" rows=\"2\" placeholder=\"Kommentarer...\"><\/textarea>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n <\/div>\n\n <!-- Consent -->\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 Ved at indsende denne formular accepterer jeg vilk\u00e5rene og betingelserne for brug af dette websted samt dets brug af cookies og dets privatlivspolitik. <a href=\"https:\/\/evoost.ai\/privacy\/\" target=\"_blank\" rel=\"noopener\">se privatlivspolitikken ved at klikke her<\/a>.\n <a href=\"https:\/\/evoost.ai\/cookies\/\" target=\"_blank\" rel=\"noopener\">tjek ogs\u00e5 vores cookies<\/a>.\n <\/span>\n <\/label>\n <span class=\"evoost-error-msg\"><\/span>\n <\/div>\n\n <!-- Submit -->\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;\">Sender...<\/span>\n <\/button>\n <\/div>\n\n <!-- Messages -->\n <div class=\"evoost-form-message\" style=\"display:none;\"><\/div>\n <\/form>\n\n <!-- eVoost Partners Signature -->\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\":\"Fornavn\",\"last_name\":\"Efternavn\",\"email\":\"E-mail\",\"phone\":\"Telefon\",\"company\":\"Virksomhed\",\"country\":\"Land\",\"comments\":\"Kommentarer\",\"consent\":\"Ved at indsende denne formular accepterer jeg vilk\\u00e5rene og betingelserne for brug af dette websted samt dets brug af cookies og dets privatlivspolitik.\",\"privacy\":\"se privatlivspolitikken ved at klikke her\",\"cookies\":\"tjek ogs\\u00e5 vores cookies\",\"submit\":\"Send\",\"sending\":\"Sender...\",\"success\":\"Tak! Din anmodning er blevet sendt med succes.\",\"error\":\"Der opstod en fejl. Pr\\u00f8v igen.\",\"required\":\"Dette felt er p\\u00e5kr\\u00e6vet.\",\"invalid_email\":\"Indtast venligst en gyldig e-mail.\"};\n })();\n <\/script>\n \n<\/div>\n<\/div>\n<\/div>\n\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>\n<\/body>\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<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>The Kos \u2014 Footer<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; }\n\n body { margin: 0; }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .koss_footer {\n background-color: #191919 !important;\n padding: 48px 60px 36px !important;\n }\n\n \/* Top row: brand \u00b7 legal \u00b7 lic *\/\n .koss_footer__container {\n max-width: 1600px !important;\n margin: 0 auto !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n gap: 24px !important;\n }\n\n \/* Divider between rows *\/\n .koss_footer__divider {\n max-width: 1600px !important;\n margin: 24px auto 0 !important;\n border: none !important;\n border-top: 1px solid rgba(255,255,255,0.08) !important;\n }\n\n \/* Bottom row: lang switcher *\/\n .koss_footer__lang-bar {\n max-width: 1600px !important;\n margin: 20px auto 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 2px !important;\n flex-wrap: wrap !important;\n }\n\n \/* Brand *\/\n .koss_footer__brand {\n display: flex !important;\n align-items: center !important;\n gap: 24px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__logo-col {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n gap: 8px !important;\n flex-shrink: 0 !important;\n }\n\n .koss_footer__brand-separator {\n width: 1px !important;\n height: 36px !important;\n background-color: rgba(255,255,255,0.25) !important;\n align-self: center !important;\n }\n\n .koss_footer__logo { flex-shrink: 0 !important; }\n .koss_footer__logo img {\n height: 72px !important;\n width: auto !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.9 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__logo:hover img { opacity: 1 !important; }\n\n .koss_footer__phone {\n display: flex !important;\n align-items: center !important;\n align-self: center !important;\n gap: 8px !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n color: #fff !important;\n text-decoration: none !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__phone:hover { opacity: 0.8 !important; }\n .koss_footer__phone-icon {\n width: 18px !important;\n height: 18px !important;\n opacity: 0.9 !important;\n flex-shrink: 0 !important;\n }\n\n \/* Legal *\/\n .koss_footer__legal {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n .koss_footer__legal a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n letter-spacing: 0.5px !important;\n color: rgba(255,255,255,0.5) !important;\n text-decoration: none !important;\n transition: color 0.3s ease !important;\n }\n .koss_footer__legal a:hover { color: rgba(255,255,255,0.85) !important; }\n .koss_footer__legal-separator {\n font-size: 12px !important;\n color: rgba(255,255,255,0.25) !important;\n user-select: none !important;\n }\n\n \/* Life In Costa *\/\n .koss_footer__lic {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-end !important;\n flex-shrink: 0 !important;\n }\n .koss_footer__lic-logo {\n height: 36px !important;\n max-height: 36px !important;\n width: auto !important;\n max-width: 100% !important;\n display: block !important;\n filter: brightness(0) invert(1) !important;\n opacity: 0.55 !important;\n transition: opacity 0.3s ease !important;\n }\n .koss_footer__lic-logo:hover { opacity: 0.85 !important; }\n\n \/* ============================================\n LANGUAGE SWITCHER \u2014 bottom bar + tooltips\n ============================================ *\/\n .koss_lang__item {\n position: relative !important;\n display: inline-flex !important;\n align-items: center !important;\n }\n\n .koss_lang__item a {\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 11px !important;\n font-weight: 300 !important;\n letter-spacing: 1.5px !important;\n text-transform: uppercase !important;\n color: rgba(255,255,255,0.35) !important;\n text-decoration: none !important;\n padding: 4px 6px !important;\n border-radius: 2px !important;\n transition: color 0.2s ease !important;\n display: block !important;\n }\n .koss_lang__item a:hover { color: rgba(255,255,255,0.8) !important; }\n .koss_lang__item a.koss_lang--active {\n color: #fff !important;\n font-weight: 600 !important;\n cursor: default !important;\n pointer-events: none !important;\n }\n\n \/* Tooltip via ::after using data-tooltip *\/\n .koss_lang__item a::after {\n content: attr(data-tooltip) !important;\n position: absolute !important;\n bottom: calc(100% + 8px) !important;\n left: 50% !important;\n transform: translateX(-50%) translateY(4px) !important;\n background: rgba(30,30,30,0.95) !important;\n color: rgba(255,255,255,0.88) !important;\n font-family: 'Josefin Sans', sans-serif !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 0.5px !important;\n text-transform: none !important;\n white-space: nowrap !important;\n padding: 4px 9px !important;\n border-radius: 4px !important;\n border: 1px solid rgba(255,255,255,0.1) !important;\n pointer-events: none !important;\n opacity: 0 !important;\n transition: opacity 0.18s ease, transform 0.18s ease !important;\n z-index: 10 !important;\n }\n .koss_lang__item a:hover::after {\n opacity: 1 !important;\n transform: translateX(-50%) translateY(0) !important;\n }\n .koss_lang__item a.koss_lang--active::after {\n display: none !important;\n }\n\n \/* Separator between lang items *\/\n .koss_lang__sep {\n font-size: 10px !important;\n color: rgba(255,255,255,0.15) !important;\n user-select: none !important;\n padding: 0 1px !important;\n }\n\n \/* ============================================\n RESPONSIVE \u2014 TABLET\n ============================================ *\/\n @media screen and (max-width: 991px) {\n .koss_footer { padding: 32px 40px 28px !important; }\n .koss_footer__container {\n flex-wrap: wrap !important;\n justify-content: center !important;\n gap: 24px !important;\n }\n .koss_footer__brand { order: 1 !important; width: 100% !important; justify-content: center !important; }\n .koss_footer__logo-col { align-items: center !important; }\n .koss_footer__logo img { height: 64px !important; }\n .koss_footer__legal { order: 2 !important; }\n .koss_footer__lic { order: 3 !important; }\n }\n\n \/* ============================================\n RESPONSIVE \u2014 MOBILE\n ============================================ *\/\n @media screen and (max-width: 768px) {\n .koss_footer { padding: 32px 20px 24px !important; }\n .koss_footer__container { flex-direction: column !important; gap: 20px !important; }\n .koss_footer__brand { flex-direction: column !important; gap: 12px !important; }\n .koss_footer__brand-separator { display: none !important; }\n .koss_footer__logo img { height: 56px !important; }\n .koss_footer__phone { font-size: 14px !important; }\n .koss_footer__legal a { font-size: 11px !important; }\n .koss_footer__lic-logo { height: 30px !important; }\n .koss_lang__item a::after { display: none !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- FOOTER -->\n<footer class=\"koss_footer\">\n\n <!-- TOP ROW: brand \u00b7 legal \u00b7 lic -->\n <div class=\"koss_footer__container\">\n\n <!-- Brand: Logo + Phone -->\n <div class=\"koss_footer__brand\">\n <div class=\"koss_footer__logo-col\">\n <a href=\"\/\" class=\"koss_footer__logo\" aria-label=\"The Kos - Inicio\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/kos-logo-web.png\" alt=\"The Kos\">\n <\/a>\n <\/div>\n <span class=\"koss_footer__brand-separator\"><\/span>\n <a href=\"tel:+34 911 67 34 39\" id=\"koss_footer_phone_link\" class=\"koss_footer__phone\">\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\">\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\"\/>\n <\/svg>\n <span class=\"koss_footer__phone-number\">+34 911 67 34 39<\/span>\n <\/a>\n <\/div>\n\n <!-- Legal Links -->\n <nav class=\"koss_footer__legal\" aria-label=\"Enlaces legales\">\n <a id=\"koss_legal_link\" href=\"\/legal\">Legal<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_privacy_link\" href=\"\/privacidad\">Privacidad<\/a>\n <span class=\"koss_footer__legal-separator\">\u00b7<\/span>\n <a id=\"koss_cookies_link\" href=\"\/cookies\">Cookies<\/a>\n <\/nav>\n\n <!-- Life In Costa -->\n <div class=\"koss_footer__lic\">\n <img decoding=\"async\" src=\"https:\/\/thekosvillas.com\/wp-content\/uploads\/2026\/02\/lifeincosta.png\"\n alt=\"Life In Costa\"\n class=\"koss_footer__lic-logo\">\n <\/div>\n\n <\/div>\n\n <!-- DIVIDER -->\n <hr class=\"koss_footer__divider\">\n\n <!-- BOTTOM ROW: language switcher -->\n <nav class=\"koss_footer__lang-bar\" id=\"koss_lang_switcher\" aria-label=\"Selector de idioma\">\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"es\" href=\"\/\" data-tooltip=\"Espa\u00f1ol\">ES<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"en\" href=\"\/en\/\" data-tooltip=\"English\">EN<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"fr\" href=\"\/fr\/\" data-tooltip=\"Fran\u00e7ais\">FR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"de\" href=\"\/de\/\" data-tooltip=\"Deutsch\">DE<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ar\" href=\"\/ar\/\" data-tooltip=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\">AR<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"cs\" href=\"\/cs\/\" data-tooltip=\"\u010ce\u0161tina\">CS<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"da\" href=\"\/da\/\" data-tooltip=\"Dansk\">DA<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"nl\" href=\"\/nl\/\" data-tooltip=\"Nederlands\">NL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"no\" href=\"\/no\/\" data-tooltip=\"Norsk\">NO<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"pl\" href=\"\/pl\/\" data-tooltip=\"Polski\">PL<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"ru\" href=\"\/ru\/\" data-tooltip=\"\u0420\u0443\u0441\u0441\u043a\u0438\u0439\">RU<\/a>\n <\/span>\n <span class=\"koss_lang__sep\">|<\/span>\n\n <span class=\"koss_lang__item\">\n <a data-lang=\"sv\" href=\"\/sv\/\" data-tooltip=\"Svenska\">SV<\/a>\n <\/span>\n\n <\/nav>\n\n<\/footer>\n\n<script>\n(function () {\n\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 *\/\n var langMap = {\n es: {\n legal: { href: '\/legal', label: 'Legal' },\n privacy: { href: '\/privacidad', label: 'Privacidad' },\n cookies: { href: '\/cookies', label: 'Cookies' },\n ariaNav: 'Enlaces legales',\n ariaLang: 'Selector de idioma'\n },\n en: {\n prefix: '\/en',\n legal: { href: '\/en\/legal', label: 'Legal' },\n privacy: { href: '\/en\/privacy', label: 'Privacy' },\n cookies: { href: '\/en\/cookies', label: 'Cookies' },\n ariaNav: 'Legal links',\n ariaLang: 'Language selector'\n },\n fr: {\n prefix: '\/fr',\n legal: { href: '\/fr\/mentions-legales', label: 'Mentions l\u00e9gales' },\n privacy: { href: '\/fr\/confidentialite', label: 'Confidentialit\u00e9' },\n cookies: { href: '\/fr\/cookies', label: 'Cookies' },\n ariaNav: 'Liens juridiques',\n ariaLang: 'S\u00e9lecteur de langue'\n },\n de: {\n prefix: '\/de',\n legal: { href: '\/de\/impressum', label: 'Impressum' },\n privacy: { href: '\/de\/datenschutz', label: 'Datenschutz' },\n cookies: { href: '\/de\/cookies', label: 'Cookies' },\n ariaNav: 'Rechtliche Hinweise',\n ariaLang: 'Sprachauswahl'\n },\n ar: {\n prefix: '\/ar',\n legal: { href: '\/ar\/legal', label: '\u0642\u0627\u0646\u0648\u0646\u064a' },\n privacy: { href: '\/ar\/privacidad', label: '\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629' },\n cookies: { href: '\/ar\/cookies', label: '\u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637' },\n ariaNav: '\u0631\u0648\u0627\u0628\u0637 \u0642\u0627\u0646\u0648\u0646\u064a\u0629',\n ariaLang: '\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u063a\u0629'\n },\n cs: {\n prefix: '\/cs',\n legal: { href: '\/cs\/legal', label: 'Pr\u00e1vn\u00ed' },\n privacy: { href: '\/cs\/privacidad', label: 'Soukrom\u00ed' },\n cookies: { href: '\/cs\/cookies', label: 'Cookies' },\n ariaNav: 'Pr\u00e1vn\u00ed odkazy',\n ariaLang: 'V\u00fdb\u011br jazyka'\n },\n da: {\n prefix: '\/da',\n legal: { href: '\/da\/legal', label: 'Juridisk' },\n privacy: { href: '\/da\/privacidad', label: 'Privatliv' },\n cookies: { href: '\/da\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske links',\n ariaLang: 'Sprogv\u00e6lger'\n },\n nl: {\n prefix: '\/nl',\n legal: { href: '\/nl\/legal', label: 'Juridisch' },\n privacy: { href: '\/nl\/privacidad', label: 'Privacy' },\n cookies: { href: '\/nl\/cookies', label: 'Cookies' },\n ariaNav: 'Juridische links',\n ariaLang: 'Taalkiezer'\n },\n no: {\n prefix: '\/no',\n legal: { href: '\/no\/legal', label: 'Juridisk' },\n privacy: { href: '\/no\/privacidad', label: 'Personvern' },\n cookies: { href: '\/no\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiske lenker',\n ariaLang: 'Spr\u00e5kvelger'\n },\n pl: {\n prefix: '\/pl',\n legal: { href: '\/pl\/legal', label: 'Prawne' },\n privacy: { href: '\/pl\/privacidad', label: 'Prywatno\u015b\u0107' },\n cookies: { href: '\/pl\/cookies', label: 'Cookies' },\n ariaNav: 'Linki prawne',\n ariaLang: 'Wyb\u00f3r j\u0119zyka'\n },\n ru: {\n prefix: '\/ru',\n legal: { href: '\/ru\/legal', label: '\u041f\u0440\u0430\u0432\u043e\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f' },\n privacy: { href: '\/ru\/privacidad', label: '\u041a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c' },\n cookies: { href: '\/ru\/cookies', label: 'Cookies' },\n ariaNav: '\u041f\u0440\u0430\u0432\u043e\u0432\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438',\n ariaLang: '\u0412\u044b\u0431\u043e\u0440 \u044f\u0437\u044b\u043a\u0430'\n },\n sv: {\n prefix: '\/sv',\n legal: { href: '\/sv\/legal', label: 'Juridiskt' },\n privacy: { href: '\/sv\/privacidad', label: 'Integritet' },\n cookies: { href: '\/sv\/cookies', label: 'Cookies' },\n ariaNav: 'Juridiska l\u00e4nkar',\n ariaLang: 'Spr\u00e5kv\u00e4ljare'\n }\n };\n\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n * El sitio sirve espa\u00f1ol SIN prefijo: \/villas\/, \/contacto\/, etc.\n * El resto de idiomas usan prefijo: \/en\/villas\/, \/fr\/villas\/, etc.\n *\n * L\u00f3gica:\n * 1. Intentamos hacer match del prefijo \/xx\/ al inicio del pathname.\n * 2. Si el prefijo existe en langMap \u2192 ese es el locale.\n * 3. Si no hay prefijo (o el prefijo no est\u00e1 en langMap) \u2192 locale = 'es'.\n *\n * C\u00e1lculo del slug can\u00f3nico (la parte de la URL sin el prefijo de idioma):\n * - Si hay prefijo detectado \u2192 eliminamos \/xx\/ del inicio.\n * - Si no hay prefijo (es) \u2192 el path completo ES el slug.\n * Esto garantiza que \/en\/villas\/ \u2192 slug = \/villas\/\n * y \/villas\/ \u2192 slug = \/villas\/ (mismo resultado, correcto).\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var path = window.location.pathname;\n var prefixMatch = path.match(\/^\\\/([a-z]{2})(\\\/|$)\/);\n var locale = (prefixMatch && langMap[prefixMatch[1]]) ? prefixMatch[1] : 'es';\n var cfg = langMap[locale];\n\n \/* Slug = path sin el prefijo de idioma.\n * Si locale es 'es' no hay prefijo, slug = path completo. *\/\n var slug = (locale !== 'es')\n ? path.replace(\/^\\\/[a-z]{2}\/, '') || '\/'\n : path;\n\n \/* Asegurar que el slug empiece siempre con \/ *\/\n if (slug.charAt(0) !== '\/') slug = '\/' + slug;\n\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 *\/\n var elLegal = document.getElementById('koss_legal_link');\n var elPrivacy = document.getElementById('koss_privacy_link');\n var elCookies = document.getElementById('koss_cookies_link');\n\n if (elLegal) { elLegal.href = cfg.legal.href; elLegal.textContent = cfg.legal.label; }\n if (elPrivacy) { elPrivacy.href = cfg.privacy.href; elPrivacy.textContent = cfg.privacy.label; }\n if (elCookies) { elCookies.href = cfg.cookies.href; elCookies.textContent = cfg.cookies.label; }\n\n var navLegal = document.querySelector('.koss_footer__legal');\n if (navLegal) navLegal.setAttribute('aria-label', cfg.ariaNav);\n\n \/* \u2500\u2500 Language switcher hrefs + active \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\n *\n * Para cada idioma construimos el href as\u00ed:\n * - es (sin prefijo) \u2192 slug \u2192 \/villas\/\n * - otros \u2192 \/xx + slug \u2192 \/en\/villas\/\n *\n * El idioma activo pierde su href y recibe la clase koss_lang--active.\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n var switcher = document.getElementById('koss_lang_switcher');\n if (switcher) {\n switcher.setAttribute('aria-label', cfg.ariaLang);\n var links = switcher.querySelectorAll('a[data-lang]');\n for (var i = 0; i < links.length; i++) {\n var lang = links[i].getAttribute('data-lang');\n if (lang === locale) {\n links[i].classList.add('koss_lang--active');\n links[i].removeAttribute('href');\n } else {\n links[i].classList.remove('koss_lang--active');\n links[i].href = (lang === 'es') ? slug : '\/' + lang + slug;\n }\n }\n }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\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<!-- eVoost Signature (standalone) -->\n<div class=\"evoost-signature-wrapper\">\n<a aria-label=\"Powered by eVoost\" class=\"evoost-signature\" href=\"https:\/\/evoost.ai\" target=\"_blank\">\n<img decoding=\"async\" alt=\"eVoost\" class=\"evoost-logo\" src=\"https:\/\/asvillas.pt\/wp-content\/uploads\/2025\/05\/evoost_sales_innovation_logo-removebg-preview.svg\"\/>\n<span class=\"evoost-text\">Drevet af<span class=\"evoost-highlight\">eVoost<\/span><\/span>\n<\/a>\n<\/div>\n<style>\r\n\/* ============================================\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 Om Typologier Galleri Beliggenhed L\u00e5s oplysninger op Om Typologier Galleri Beliggenhed L\u00e5s oplysninger op 36 eksklusive Sky-villaer Hvor horisonten bliver dit hjem Oplev oplevelsen af \u200b\u200bat v\u00e5gne op hver dag med Middelhavet for dine f\u00f8dder, i hjertet af Costa del Sol. Oplev din villa Rul Kos – Om El Higuer\u00f3n, […]<\/p>\n","protected":false},"author":3,"featured_media":370,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3512","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool<\/title>\n<meta name=\"description\" content=\"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 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\/da\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool\" \/>\n<meta property=\"og:description\" content=\"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 Costa del Sol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thekosvillas.com\/da\/\" \/>\n<meta property=\"og:site_name\" content=\"The Kos Villas\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T01:49:43+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=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thekosvillas.com\/da\/\",\"url\":\"https:\/\/thekosvillas.com\/da\/\",\"name\":\"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool\",\"isPartOf\":{\"@id\":\"https:\/\/thekosvillas.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thekosvillas.com\/da\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thekosvillas.com\/da\/#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-05-04T01:49:43+00:00\",\"description\":\"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 Costa del Sol\",\"breadcrumb\":{\"@id\":\"https:\/\/thekosvillas.com\/da\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thekosvillas.com\/da\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/thekosvillas.com\/da\/#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\/da\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thekosvillas.com\/da\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engage [DK]\"}]},{\"@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\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/thekosvillas.com\/#organization\",\"name\":\"The Kos Villas\",\"url\":\"https:\/\/thekosvillas.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@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 SEO plugin. -->","yoast_head_json":{"title":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","description":"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 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\/da\/","og_locale":"da_DK","og_type":"article","og_title":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","og_description":"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 Costa del Sol","og_url":"https:\/\/thekosvillas.com\/da\/","og_site_name":"The Kos Villas","article_modified_time":"2026-05-04T01:49:43+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":{"Estimeret l\u00e6setid":"7 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thekosvillas.com\/da\/","url":"https:\/\/thekosvillas.com\/da\/","name":"The Kos Higuer\u00f3n | 36 Sky Villas med Privat Pool","isPartOf":{"@id":"https:\/\/thekosvillas.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thekosvillas.com\/da\/#primaryimage"},"image":{"@id":"https:\/\/thekosvillas.com\/da\/#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-05-04T01:49:43+00:00","description":"Oplev de 36 Sky Top Villas med 3 og 4 sovev\u00e6relser i El Higuer\u00f3n, Fuengirola. Udsigt over Middelhavet, eksklusivitet p\u00e5 Costa del Sol","breadcrumb":{"@id":"https:\/\/thekosvillas.com\/da\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thekosvillas.com\/da\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thekosvillas.com\/da\/#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\/da\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thekosvillas.com\/da\/"},{"@type":"ListItem","position":2,"name":"Engage [DK]"}]},{"@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":"da-DK"},{"@type":"Organization","@id":"https:\/\/thekosvillas.com\/#organization","name":"The Kos Villas","url":"https:\/\/thekosvillas.com\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@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\/da\/wp-json\/wp\/v2\/pages\/3512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/comments?post=3512"}],"version-history":[{"count":18,"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/pages\/3512\/revisions"}],"predecessor-version":[{"id":3899,"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/pages\/3512\/revisions\/3899"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/media\/370"}],"wp:attachment":[{"href":"https:\/\/thekosvillas.com\/da\/wp-json\/wp\/v2\/media?parent=3512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}