{"id":888,"date":"2026-03-12T10:04:59","date_gmt":"2026-03-12T10:04:59","guid":{"rendered":"https:\/\/jonnyrapp.com\/work\/vida\/eigenschaften\/"},"modified":"2026-05-05T10:06:53","modified_gmt":"2026-05-05T10:06:53","slug":"unsere-immobilien","status":"publish","type":"page","link":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/","title":{"rendered":"Eigenschaften"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"888\" class=\"elementor elementor-888 elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdc253c e-con-full e-flex e-con e-parent\" data-id=\"fdc253c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12c5981 elementor-widget elementor-widget-heading\" data-id=\"12c5981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Unsere Immobilien zum Verkauf<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fa4e7d elementor-widget elementor-widget-shortcode\" data-id=\"2fa4e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"property-card-grid\"><a href=\"https:\/\/vidabalear.com\/de\/immobilien\/in-einer-exklusiven-und-ruhigen-enklave-von-formentor\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DJI_0176-1024x768.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nHerrenh\u00e4user in Formentor<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>7 Betten<\/span> | \n\t\t\t<span>7 B\u00e4der<\/span> | \n            <span>869 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: FOR121<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/villa-mit-atemberaubendem-blick-ueber-die-bucht-von-santa-ponsa\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/1_4f6d5398-ef5f-4ca0-ab77-4e1c79b4894a_Kopie-1024x717.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac5.900.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Betten<\/span> | \n\t\t\t<span>5 B\u00e4der<\/span> | \n            <span>500 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP218<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/wunderschoene-finca-im-rustikalen-stil-in-llucmajor\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2024-02-16_at_10.21.17_1-1024x768.jpeg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nLandh\u00e4user in Llucmajor<\/h4>\n        <p class=\"price\">\u20ac1.420.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Betten<\/span> | \n\t\t\t<span>3 B\u00e4der<\/span> | \n            <span>292 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: LUC270<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/wohnung-zum-verkauf-mit-atemberaubendem-blick-ueber-die-bucht-von-santa-ponsa\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DJI_0795-1024x768.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac1.450.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span>146 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP130<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/atemberaubende-villa-in-puerto-andratx\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/drone_exterior_a-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Puerto Andratx<\/h4>\n        <p class=\"price\">\u20ac8.950.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Betten<\/span> | \n\t\t\t<span>6 B\u00e4der<\/span> | \n            <span>360 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PTA872<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/neubau-in-sa-rapita\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/CAM_PISCINA-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Sa Rapita<\/h4>\n        <p class=\"price\">\u20ac748.000<\/p>\n        <div class=\"property-meta\">\n            <span>2 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span>95 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: SAR702<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/zeitgenoessisches-modernes-designprojekt-mit-meerblick\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/lowres1a.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Costa de la Calma<\/h4>\n        <p class=\"price\">\u20ac2.950.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>3 B\u00e4der<\/span> | \n            <span>300 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: CDC220<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/spektakulaeres-modernes-designprojekt-in-sol-de-mallorca\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/low_res_a_psd_2-1024x576.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Sol de Mallorca<\/h4>\n        <p class=\"price\">\u20ac2.750.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Betten<\/span> | \n\t\t\t<span>5 B\u00e4der<\/span> | \n            <span>450 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: SOL878<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/spektakulaere-villa-mit-modernem-design-und-meerblick\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/apal_porr6_0003-1024x640.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac4.990.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Betten<\/span> | \n\t\t\t<span>5 B\u00e4der<\/span> | \n            <span>500 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP170<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/4-neue-stadthaeuser-in-el-molinar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DSC03088-1024x682.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Palma de Mallorca<\/h4>\n        <p class=\"price\">\u20ac1.390.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>3 B\u00e4der<\/span> | \n            <span>142 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: MOL211<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/neues-stilvolles-landhaus\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/Mallorca_news_property_for_sale-1024x575.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Santanyi<\/h4>\n        <p class=\"price\">\u20ac3.200.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Betten<\/span> | \n\t\t\t<span>5 B\u00e4der<\/span> | \n            <span>402 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STY309<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/neues-landhaus\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/finca_mallorca_for_sale-1024x574.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Santanyi<\/h4>\n        <p class=\"price\">\u20ac2.900.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Betten<\/span> | \n\t\t\t<span>4 B\u00e4der<\/span> | \n            <span>352 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STY310<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/suedwest-mallorca-neue-villa\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/propriete_a_vendre_majorque.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nLandh\u00e4user in Cala Vinyas<\/h4>\n        <p class=\"price\">\u20ac2.200.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span>306 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: CAV510<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/3-schlafzimmer-wohnung-am-wasser\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2021\/04\/se_vende_pio_mallorca-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Torrenova<\/h4>\n        <p class=\"price\">\u20ac699.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>3 B\u00e4der<\/span> | \n            <span>220 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: TOR310<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/the-anchorage-waterfront-apartments-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/TheAnchorage_Mallorca.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A in N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Betten<\/span> | \n\t\t\t<span> B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/properties-mallorca-waterfront-property-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/view2.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A in N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Betten<\/span> | \n\t\t\t<span> B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/apartments-villas-country-houses-estates-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/golf_ball.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A in N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Betten<\/span> | \n\t\t\t<span> B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/las-abubillas-villen-am-golfplatz\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/Abubiilas_for_sale_-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Santa Ponsa<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: Abubillas<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/illetas-die-anchorage\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/The_Anchorage_Mallorca-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Illetes<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Betten<\/span> | \n\t\t\t<span> B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: ILL042<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/puerto-andratx-immobilien-neue-elegante-apartments-mit-meerblick\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/new_apartments_Mallorca.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Puerto Andratx<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span>100 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PTA400<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/palma-nova-einfamilienhaus\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/family_viia_Palma_Nova-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVillen in Palmanova<\/h4>\n        <p class=\"price\">\u20ac4.950.000<\/p>\n        <div class=\"property-meta\">\n            <span> Betten<\/span> | \n\t\t\t<span> B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PN512<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/fabelhafte-neue-wohnungen-in-genova\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nWohnung in Genua<\/h4>\n        <p class=\"price\">\u20ac3.050.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Betten<\/span> | \n\t\t\t<span>3 B\u00e4der<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PMI180<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/de\/immobilien\/charmantes-stadthaus-mit-meerblick-in-genova\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A in Genua<\/h4>\n        <p class=\"price\">\u20ac495.000<\/p>\n        <div class=\"property-meta\">\n            <span>2 Betten<\/span> | \n\t\t\t<span>2 B\u00e4der<\/span> | \n            <span>100 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <\/div>\n    <style>\n    .property-card-grid {\n        display:grid;\n        grid-template-columns:repeat(3,1fr);\n        gap:20px;\n        max-width:1140px;\n        margin:0 auto;\n    }\n    .similar {\n        background: #033850;\n        border: 1px solid #033850;\n        color: #fff;\n        font-weight: bold;\n        margin: 20px 0 10px 0;\n        padding: 20px 30px;\n        border-radius: 40px;\n        display: inline-block;\n    }\n    .similar:hover {\n        background: #edeff1;\n        color: #033850;\n    }\n    @media (max-width:992px){ .property-card-grid{grid-template-columns:repeat(2,1fr);} }\n    @media (max-width:576px){ .property-card-grid{grid-template-columns:1fr;} }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-888","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Eigenschaften - Vida Balear<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vidabalear.com\/de\/unsere-immobilien\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eigenschaften - Vida Balear\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vidabalear.com\/de\/unsere-immobilien\/\" \/>\n<meta property=\"og:site_name\" content=\"Vida Balear\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T10:06:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/unsere-immobilien\\\/\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/unsere-immobilien\\\/\",\"name\":\"Eigenschaften - Vida Balear\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#website\"},\"datePublished\":\"2026-03-12T10:04:59+00:00\",\"dateModified\":\"2026-05-05T10:06:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/unsere-immobilien\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vidabalear.com\\\/de\\\/unsere-immobilien\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/unsere-immobilien\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eigenschaften\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/\",\"name\":\"Vida Balear\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#organization\",\"name\":\"Vida Balear\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/vida-logo-white.png\",\"contentUrl\":\"https:\\\/\\\/vidabalear.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/vida-logo-white.png\",\"width\":482,\"height\":282,\"caption\":\"Vida Balear\"},\"image\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Eigenschaften - Vida Balear","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:\/\/vidabalear.com\/de\/unsere-immobilien\/","og_locale":"de_DE","og_type":"article","og_title":"Eigenschaften - Vida Balear","og_url":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/","og_site_name":"Vida Balear","article_modified_time":"2026-05-05T10:06:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/","url":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/","name":"Eigenschaften - Vida Balear","isPartOf":{"@id":"https:\/\/vidabalear.com\/de\/#website"},"datePublished":"2026-03-12T10:04:59+00:00","dateModified":"2026-05-05T10:06:53+00:00","breadcrumb":{"@id":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vidabalear.com\/de\/unsere-immobilien\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vidabalear.com\/de\/unsere-immobilien\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vidabalear.com\/de\/"},{"@type":"ListItem","position":2,"name":"Eigenschaften"}]},{"@type":"WebSite","@id":"https:\/\/vidabalear.com\/de\/#website","url":"https:\/\/vidabalear.com\/de\/","name":"Vida Balear","description":"","publisher":{"@id":"https:\/\/vidabalear.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vidabalear.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/vidabalear.com\/de\/#organization","name":"Vida Balear","url":"https:\/\/vidabalear.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/vidabalear.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/01\/vida-logo-white.png","contentUrl":"https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/01\/vida-logo-white.png","width":482,"height":282,"caption":"Vida Balear"},"image":{"@id":"https:\/\/vidabalear.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/pages\/888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/comments?post=888"}],"version-history":[{"count":6,"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/pages\/888\/revisions"}],"predecessor-version":[{"id":7250,"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/pages\/888\/revisions\/7250"}],"wp:attachment":[{"href":"https:\/\/vidabalear.com\/de\/wp-json\/wp\/v2\/media?parent=888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}