{"id":5381,"date":"2025-12-09T07:40:35","date_gmt":"2025-12-09T07:40:35","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5381"},"modified":"2025-12-09T07:41:56","modified_gmt":"2025-12-09T07:41:56","slug":"sustainability-in-landu","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/sl\/sustainability-in-landu\/","title":{"rendered":"Trajnost v LANDU"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"sustainability-banner\">\n    <!-- \u53ef\u6301\u7eed\u53d1\u5c55\u80cc\u666f\u5143\u7d20 --><\/p>\n<div class=\"eco-elements\">\n        <!-- \u53f6\u5b50\u5143\u7d20 --><\/p>\n<div class=\"leaf leaf-1\">\n            <svg viewbox=\"0 0 100 100\">\n                <path d=\"M20 80 Q50 20 80 80 Q50 60 20 80\" fill=\"currentColor\"><\/path>\n            <\/svg>\n        <\/div>\n<div class=\"leaf leaf-2\">\n            <svg viewbox=\"0 0 100 100\">\n                <path d=\"M20 80 Q50 20 80 80 Q50 60 20 80\" fill=\"currentColor\"><\/path>\n            <\/svg>\n        <\/div>\n<div class=\"leaf leaf-3\">\n            <svg viewbox=\"0 0 100 100\">\n                <path d=\"M20 80 Q50 20 80 80 Q50 60 20 80\" fill=\"currentColor\"><\/path>\n            <\/svg>\n        <\/div>\n<p>        <!-- \u56de\u6536\u7b26\u53f7 --><\/p>\n<div class=\"recycle-symbol\">\n            <svg viewbox=\"0 0 100 100\">\n                <path d=\"M50 10 L35 35 L65 35 Z M75 25 L90 50 L75 75 L60 50 Z M25 75 L10 50 L25 25 L40 50 Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><\/path>\n                <circle cx=\"50\" cy=\"25\" r=\"3\" fill=\"currentColor\"><\/circle>\n                <circle cx=\"75\" cy=\"60\" r=\"3\" fill=\"currentColor\"><\/circle>\n                <circle cx=\"25\" cy=\"60\" r=\"3\" fill=\"currentColor\"><\/circle>\n            <\/svg>\n        <\/div>\n<p>        <!-- \u98ce\u80fd\u5143\u7d20 --><\/p>\n<div class=\"wind-turbine\">\n            <svg viewbox=\"0 0 100 100\">\n                <line x1=\"50\" y1=\"20\" x2=\"50\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                <g class=\"turbine-blades\">\n                    <path d=\"M50 30 L40 15 Q50 20 60 15 Z\" fill=\"currentColor\"><\/path>\n                    <path d=\"M50 30 L65 40 Q55 35 65 50 Z\" fill=\"currentColor\"><\/path>\n                    <path d=\"M50 30 L35 40 Q45 35 35 50 Z\" fill=\"currentColor\"><\/path>\n                <\/g>\n                <circle cx=\"50\" cy=\"30\" r=\"3\" fill=\"currentColor\"><\/circle>\n            <\/svg>\n        <\/div>\n<p>        <!-- \u592a\u9633\u5143\u7d20 --><\/p>\n<div class=\"sun-element\">\n            <svg viewbox=\"0 0 100 100\">\n                <circle cx=\"50\" cy=\"50\" r=\"15\" fill=\"currentColor\"><\/circle>\n                <g class=\"sun-rays\">\n                    <line x1=\"50\" y1=\"20\" x2=\"50\" y2=\"10\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"70\" y1=\"30\" x2=\"77\" y2=\"23\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"80\" y1=\"50\" x2=\"90\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"70\" y1=\"70\" x2=\"77\" y2=\"77\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"50\" y1=\"80\" x2=\"50\" y2=\"90\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"30\" y1=\"70\" x2=\"23\" y2=\"77\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"20\" y1=\"50\" x2=\"10\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                    <line x1=\"30\" y1=\"30\" x2=\"23\" y2=\"23\" stroke=\"currentColor\" stroke-width=\"2\"><\/line>\n                <\/g>\n            <\/svg>\n        <\/div>\n<p>        <!-- \u6c34\u6ef4\u5143\u7d20 *\/\n        \n\n<div class=\"water-drop\">\n            <svg viewBox=\"0 0 100 100\">\n                <path d=\"M50 20 Q35 40 35 60 Q35 80 50 80 Q65 80 65 60 Q65 40 50 20 Z\" fill=\"currentColor\"\/>\n                <ellipse cx=\"45\" cy=\"55\" rx=\"3\" ry=\"5\" fill=\"rgba(255,255,255,0.3)\"\/>\n            <\/svg>\n        <\/div>\n\n\n\n        <!-- \u5730\u7403\u5143\u7d20 --><\/p>\n<div class=\"earth-element\">\n            <svg viewbox=\"0 0 100 100\">\n                <circle cx=\"50\" cy=\"50\" r=\"25\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                <path d=\"M30 40 Q40 35 45 40 Q50 45 55 40 Q65 35 70 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n                <path d=\"M35 60 Q45 55 50 60 Q55 65 65 60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/path>\n                <circle cx=\"40\" cy=\"45\" r=\"2\" fill=\"currentColor\"><\/circle>\n                <circle cx=\"60\" cy=\"55\" r=\"2\" fill=\"currentColor\"><\/circle>\n            <\/svg>\n        <\/div>\n<p>        <!-- \u78b3\u8db3\u8ff9\u51cf\u5c11\u7c92\u5b50 --><\/p>\n<div class=\"carbon-particle cp-1\"><\/div>\n<div class=\"carbon-particle cp-2\"><\/div>\n<div class=\"carbon-particle cp-3\"><\/div>\n<div class=\"carbon-particle cp-4\"><\/div>\n<div class=\"carbon-particle cp-5\"><\/div>\n<div class=\"carbon-particle cp-6\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"banner-content\">\n<h1 class=\"banner-title\">Trajnost v LANDU<\/h1>\n<p class=\"banner-description\">LANDU uporablja obnovljive materiale za ustvarjanje trajnostnih, inovativnih izdelkov, ki zmanj\u0161ujejo oglji\u010dni odtis. Sodelujemo z dele\u017eniki za spodbujanje napredka in zagotavljanje varnej\u0161e, trajnostne prihodnosti za vse.<\/p>\n<\/p><\/div>\n<style>\n        .sustainability-banner {\n            width: 100%;\n            height: 400px;\n            background: linear-gradient(135deg, \n                #2d5a27 0%,    \/* \u6df1\u7eff *\/\n                #4a7c59 25%,   \/* \u68ee\u6797\u7eff *\/\n                #52b788 50%,   \/* \u7fe0\u7eff *\/ \n                #40916c 75%,   \/* \u9752\u7eff *\/\n                #2d6a4f 100%   \/* \u6df1\u9752\u7eff *\/\n            );\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            padding: 40px 60px;\n            text-align: center;\n            font-family: 'Inter', 'Arial', sans-serif;\n        }<\/p>\n<p>        .sustainability-banner::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(circle at 20% 80%, rgba(130, 204, 156, 0.2) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(168, 228, 160, 0.15) 0%, transparent 50%),\n                radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n            pointer-events: none;\n        }<\/p>\n<p>        .banner-content {\n            position: relative;\n            z-index: 10;\n            max-width: 900px;\n        }<\/p>\n<p>        .banner-title {\n            color: white;\n            font-size: 4rem;\n            font-weight: 800;\n            margin-bottom: 30px;\n            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 0 20px rgba(130, 204, 156, 0.4);\n            letter-spacing: 1px;\n        }<\/p>\n<p>        .banner-description {\n            color: rgba(255, 255, 255, 0.95);\n            font-size: 1.3rem;\n            line-height: 1.8;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            font-weight: 400;\n        }<\/p>\n<p>        \/* \u751f\u6001\u73af\u4fdd\u5143\u7d20 *\/\n        .eco-elements {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 2;\n        }<\/p>\n<p>        .leaf {\n            position: absolute;\n            width: 40px;\n            height: 40px;\n            color: rgba(168, 228, 160, 0.7);\n            z-index: 3;\n        }<\/p>\n<p>        .leaf-1 {\n            top: 15%;\n            left: 10%;\n            animation: leaf-sway 8s ease-in-out infinite;\n        }<\/p>\n<p>        .leaf-2 {\n            top: 60%;\n            right: 8%;\n            width: 35px;\n            height: 35px;\n            animation: leaf-sway 10s ease-in-out infinite reverse;\n        }<\/p>\n<p>        .leaf-3 {\n            bottom: 20%;\n            left: 12%;\n            width: 30px;\n            height: 30px;\n            animation: leaf-rotate 12s linear infinite;\n        }<\/p>\n<p>        .recycle-symbol {\n            position: absolute;\n            top: 20%;\n            right: 15%;\n            width: 50px;\n            height: 50px;\n            color: rgba(130, 204, 156, 0.6);\n            animation: recycle-spin 15s linear infinite;\n        }<\/p>\n<p>        .wind-turbine {\n            position: absolute;\n            bottom: 15%;\n            right: 20%;\n            width: 45px;\n            height: 45px;\n            color: rgba(168, 228, 160, 0.8);\n        }<\/p>\n<p>        .turbine-blades {\n            animation: turbine-rotate 3s linear infinite;\n            transform-origin: 50px 30px;\n        }<\/p>\n<p>        .sun-element {\n            position: absolute;\n            top: 10%;\n            right: 25%;\n            width: 35px;\n            height: 35px;\n            color: rgba(255, 235, 59, 0.8);\n            animation: sun-glow 4s ease-in-out infinite;\n        }<\/p>\n<p>        .sun-rays {\n            animation: sun-rays-rotate 20s linear infinite;\n            transform-origin: 50px 50px;\n        }<\/p>\n<p>        .water-drop {\n            position: absolute;\n            top: 70%;\n            left: 15%;\n            width: 25px;\n            height: 25px;\n            color: rgba(129, 212, 250, 0.8);\n            animation: water-drop-fall 6s ease-in-out infinite;\n        }<\/p>\n<p>        .earth-element {\n            position: absolute;\n            bottom: 25%;\n            left: 25%;\n            width: 40px;\n            height: 40px;\n            color: rgba(168, 228, 160, 0.7);\n            animation: earth-pulse 8s ease-in-out infinite;\n        }<\/p>\n<p>        \/* \u78b3\u8db3\u8ff9\u7c92\u5b50 *\/\n        .carbon-particle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: rgba(168, 228, 160, 0.6);\n            border-radius: 50%;\n            box-shadow: 0 0 8px rgba(168, 228, 160, 0.8);\n        }<\/p>\n<p>        .cp-1 { top: 25%; left: 20%; animation: carbon-float-1 18s linear infinite; }\n        .cp-2 { top: 45%; right: 30%; animation: carbon-float-2 22s linear infinite; }\n        .cp-3 { bottom: 30%; left: 35%; animation: carbon-float-3 16s linear infinite; }\n        .cp-4 { top: 35%; left: 60%; animation: carbon-float-4 20s linear infinite; }\n        .cp-5 { bottom: 40%; right: 15%; animation: carbon-float-5 24s linear infinite; }\n        .cp-6 { top: 55%; left: 45%; animation: carbon-float-6 14s linear infinite; }<\/p>\n<p>        \/* \u52a8\u753b\u5b9a\u4e49 *\/\n        @keyframes leaf-sway {\n            0%, 100% { transform: rotate(-5deg) translateY(0px); }\n            25% { transform: rotate(3deg) translateY(-8px); }\n            50% { transform: rotate(0deg) translateY(-5px); }\n            75% { transform: rotate(-3deg) translateY(-10px); }\n        }<\/p>\n<p>        @keyframes leaf-rotate {\n            0% { transform: rotate(0deg) scale(1); }\n            50% { transform: rotate(180deg) scale(1.1); }\n            100% { transform: rotate(360deg) scale(1); }\n        }<\/p>\n<p>        @keyframes recycle-spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }<\/p>\n<p>        @keyframes turbine-rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }<\/p>\n<p>        @keyframes sun-glow {\n            0%, 100% { \n                opacity: 0.8; \n                transform: scale(1);\n                filter: brightness(1);\n            }\n            50% { \n                opacity: 1; \n                transform: scale(1.1);\n                filter: brightness(1.2);\n            }\n        }<\/p>\n<p>        @keyframes sun-rays-rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }<\/p>\n<p>        @keyframes water-drop-fall {\n            0%, 100% { \n                transform: translateY(0px) scale(1); \n                opacity: 0.8; \n            }\n            50% { \n                transform: translateY(-15px) scale(1.1); \n                opacity: 1; \n            }\n        }<\/p>\n<p>        @keyframes earth-pulse {\n            0%, 100% { \n                transform: scale(1); \n                opacity: 0.7; \n            }\n            50% { \n                transform: scale(1.05); \n                opacity: 1; \n            }\n        }<\/p>\n<p>        @keyframes carbon-float-1 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(300px, -150px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes carbon-float-2 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(-250px, 120px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes carbon-float-3 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(200px, -200px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes carbon-float-4 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(-180px, 180px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes carbon-float-5 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(220px, -100px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes carbon-float-6 {\n            0% { transform: translate(0px, 0px); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translate(-150px, 160px); opacity: 0; }\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 768px) {\n            .sustainability-banner {\n                height: 400px;\n                padding: 30px 20px;\n            }<\/p>\n<p>            .banner-title {\n                font-size: 2.8rem;\n                margin-bottom: 25px;\n            }<\/p>\n<p>            .banner-description {\n                font-size: 1.1rem;\n                line-height: 1.7;\n            }<\/p>\n<p>            .leaf, .recycle-symbol, .wind-turbine, .sun-element, .earth-element {\n                display: none;\n            }<\/p>\n<p>            .water-drop {\n                width: 20px;\n                height: 20px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .banner-title {\n                font-size: 2.2rem;\n                letter-spacing: 0.5px;\n            }<\/p>\n<p>            .banner-description {\n                font-size: 1rem;\n                line-height: 1.6;\n            }\n        }\n    <\/style>\n<\/div>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<p>    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Vrednote in ljudje LANDU LANDU<\/title><\/p>\n<p>    <!-- Values & Principles Section --><\/p>\n<div class=\"values-container\">\n        <!-- First Row --><\/p>\n<div class=\"values-row\">\n            <!-- Drive Growth Section --><\/p>\n<section class=\"value-card growth-card\">\n<div class=\"card-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-in-the-Office.jpg\" alt=\"Strokovne prodajalke\"><\/p>\n<div class=\"image-overlay growth-overlay\">\n<div class=\"overlay-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z\"><\/path>\n                                <path d=\"M13 13l6 6\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"value-badge growth-badge\">\n                        <span>Rast in inovacije<\/span>\n                    <\/div>\n<h3 class=\"card-title\">Pove\u010dajte rast, navdihnite inovacije<\/h3>\n<p class=\"card-description\">Proaktivno zagotavljajte varne, napredne in trajnostne re\u0161itve, ki opolnomo\u010dajo na\u0161e stranke, da uspejo.<\/p>\n<p>                    <button class=\"card-cta growth-btn\"><br \/>\n                        <span>Odkrijte ve\u010d<\/span><br \/>\n                        <svg class=\"btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/section>\n<p>            <!-- Environmental Stewardship Section --><\/p>\n<section class=\"value-card stewardship-card\">\n<div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1709\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/start-at-the-bottom-and-watch-your-business-grow-2025-04-06-07-26-51-utc-scaled.jpg\" alt=\"Marketin\u0161ko osebje\"><\/p>\n<div class=\"image-overlay stewardship-overlay\">\n<div class=\"overlay-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"value-badge stewardship-badge\">\n                        <span>Okoljska skrb<\/span>\n                    <\/div>\n<h3 class=\"card-title\">\u0160ampion okoljske odgovornosti<\/h3>\n<p class=\"card-description\">Nenehno izbolj\u0161ujemo na\u0161e varnostne ukrepe in okoljsko u\u010dinkovitost, da bi za\u0161\u010ditili planet za prihodnje generacije.<\/p>\n<p>                    <button class=\"card-cta stewardship-btn\"><br \/>\n                        <span>Odkrijte ve\u010d<\/span><br \/>\n                        <svg class=\"btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/section><\/div>\n<p>        <!-- Second Row --><\/p>\n<div class=\"values-row\">\n            <!-- Integrity Section --><\/p>\n<section class=\"value-card integrity-card\">\n<div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-salesperson.jpg\" alt=\"Strokovni prodajalec\"><\/p>\n<div class=\"image-overlay integrity-overlay\">\n<div class=\"overlay-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                                <path d=\"M9 12l2 2 4-4\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"value-badge integrity-badge\">\n                        <span>Osnovne vrednote<\/span>\n                    <\/div>\n<h3 class=\"card-title\">Integriteta v jedru<\/h3>\n<p class=\"card-description\">V vseh na\u0161ih dejavnostih vzdr\u017eujemo najvi\u0161je eti\u010dne standarde, spodbujamo zaupanje in transparentnost.<\/p>\n<p>                    <button class=\"card-cta integrity-btn\"><br \/>\n                        <span>Odkrijte ve\u010d<\/span><br \/>\n                        <svg class=\"btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/section>\n<p>            <!-- Empowering People Section --><\/p>\n<section class=\"value-card people-card\">\n<div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1485\" width=\"2227\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-group-of-happy-volunteers-walking-with-too-2025-10-10-08-12-58-utc.jpg\" alt=\"Raziskovalno in razvojno sredi\u0161\u010de\"><\/p>\n<div class=\"image-overlay people-overlay\">\n<div class=\"overlay-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-content\">\n<div class=\"value-badge people-badge\">\n                        <span>Ljudje in skupnosti<\/span>\n                    <\/div>\n<h3 class=\"card-title\">Opooblastitev ljudi in skupnosti<\/h3>\n<p class=\"card-description\">\u010ceprav je trajnost osrednjega pomena za na\u0161o poslovno strategijo, trdno verjamemo, da so na\u0161i ljudje bistveni element, ki poganja na\u0161 uspeh.<\/p>\n<p>                    <button class=\"card-cta people-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/section><\/div>\n<\/p><\/div>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Inter', 'Arial', sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n        }<\/p>\n<p>        .values-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 60px 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 40px;\n        }<\/p>\n<p>        .values-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n        }<\/p>\n<p>        .value-card {\n            background: white;\n            border-radius: 24px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: \n                0 4px 6px -1px rgba(0, 0, 0, 0.1),\n                0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            backdrop-filter: blur(10px);\n            position: relative;\n        }<\/p>\n<p>        .value-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            border-radius: 24px 24px 0 0;\n            z-index: 1;\n        }<\/p>\n<p>        .growth-card::before {\n            background: linear-gradient(90deg, #f43f5e 0%, #ec4899 100%);\n        }<\/p>\n<p>        .stewardship-card::before {\n            background: linear-gradient(90deg, #10b981 0%, #22c55e 100%);\n        }<\/p>\n<p>        .integrity-card::before {\n            background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);\n        }<\/p>\n<p>        .people-card::before {\n            background: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);\n        }<\/p>\n<p>        .value-card:hover {\n            transform: translateY(-12px) scale(1.02);\n            box-shadow: \n                0 25px 50px -12px rgba(0, 0, 0, 0.25),\n                0 0 0 1px rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .card-image {\n            position: relative;\n            height: 280px;\n            overflow: hidden;\n        }<\/p>\n<p>        .card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }<\/p>\n<p>        .value-card:hover .card-image img {\n            transform: scale(1.1);\n        }<\/p>\n<p>        .image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            opacity: 0;\n            transition: all 0.4s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .growth-overlay {\n            background: linear-gradient(135deg, rgba(244, 63, 94, 0.8) 0%, rgba(236, 72, 153, 0.9) 100%);\n        }<\/p>\n<p>        .stewardship-overlay {\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.8) 0%, rgba(34, 197, 94, 0.9) 100%);\n        }<\/p>\n<p>        .integrity-overlay {\n            background: linear-gradient(135deg, rgba(99, 102, 241, 0.8) 0%, rgba(139, 92, 246, 0.9) 100%);\n        }<\/p>\n<p>        .people-overlay {\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.8) 0%, rgba(249, 115, 22, 0.9) 100%);\n        }<\/p>\n<p>        .value-card:hover .image-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .overlay-icon {\n            width: 60px;\n            height: 60px;\n            color: white;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .overlay-icon svg {\n            width: 28px;\n            height: 28px;\n            stroke-width: 2;\n        }<\/p>\n<p>        .card-content {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .value-badge {\n            display: inline-block;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n            letter-spacing: 0.5px;\n        }<\/p>\n<p>        .growth-badge {\n            background: linear-gradient(135deg, rgba(244, 63, 94, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%);\n            color: #f43f5e;\n            border: 1px solid rgba(244, 63, 94, 0.2);\n        }<\/p>\n<p>        .stewardship-badge {\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(34, 197, 94, 0.1) 100%);\n            color: #10b981;\n            border: 1px solid rgba(16, 185, 129, 0.2);\n        }<\/p>\n<p>        .integrity-badge {\n            background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);\n            color: #6366f1;\n            border: 1px solid rgba(99, 102, 241, 0.2);\n        }<\/p>\n<p>        .people-badge {\n            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(249, 115, 22, 0.1) 100%);\n            color: #f59e0b;\n            border: 1px solid rgba(245, 158, 11, 0.2);\n        }<\/p>\n<p>        .card-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 16px;\n            line-height: 1.3;\n            color: #1f2937;\n        }<\/p>\n<p>        .card-description {\n            font-size: 0.95rem;\n            color: #6b7280;\n            line-height: 1.6;\n            margin-bottom: 24px;\n        }<\/p>\n<p>        .card-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 12px 24px;\n            border: none;\n            border-radius: 25px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .growth-btn {\n            background: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);\n            box-shadow: 0 4px 14px 0 rgba(244, 63, 94, 0.3);\n        }<\/p>\n<p>        .stewardship-btn {\n            background: linear-gradient(135deg, #10b981 0%, #22c55e 100%);\n            box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.3);\n        }<\/p>\n<p>        .integrity-btn {\n            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);\n            box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.3);\n        }<\/p>\n<p>        .people-btn {\n            background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);\n            box-shadow: 0 4px 14px 0 rgba(245, 158, 11, 0.3);\n        }<\/p>\n<p>        .btn-icon {\n            width: 16px;\n            height: 16px;\n            stroke-width: 2.5;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .card-cta:hover {\n            transform: translateY(-2px);\n        }<\/p>\n<p>        .growth-btn:hover {\n            box-shadow: 0 8px 25px 0 rgba(244, 63, 94, 0.4);\n        }<\/p>\n<p>        .stewardship-btn:hover {\n            box-shadow: 0 8px 25px 0 rgba(16, 185, 129, 0.4);\n        }<\/p>\n<p>        .integrity-btn:hover {\n            box-shadow: 0 8px 25px 0 rgba(99, 102, 241, 0.4);\n        }<\/p>\n<p>        .people-btn:hover {\n            box-shadow: 0 8px 25px 0 rgba(245, 158, 11, 0.4);\n        }<\/p>\n<p>        .card-cta:hover .btn-icon {\n            transform: translateX(4px);\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .values-container {\n                padding: 50px 15px;\n                gap: 30px;\n            }<\/p>\n<p>            .values-row {\n                gap: 25px;\n            }<\/p>\n<p>            .card-content {\n                padding: 28px 24px;\n            }<\/p>\n<p>            .card-title {\n                font-size: 1.35rem;\n            }<\/p>\n<p>            .card-image {\n                height: 260px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .values-row {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }<\/p>\n<p>            .values-container {\n                padding: 40px 15px;\n                gap: 25px;\n            }<\/p>\n<p>            .card-image {\n                height: 250px;\n            }<\/p>\n<p>            .card-content {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .card-title {\n                font-size: 1.25rem;\n                margin-bottom: 14px;\n            }<\/p>\n<p>            .card-description {\n                font-size: 0.9rem;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .value-badge {\n                padding: 6px 12px;\n                font-size: 0.75rem;\n                margin-bottom: 16px;\n            }<\/p>\n<p>            .card-cta {\n                padding: 10px 20px;\n                font-size: 0.85rem;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .values-container {\n                padding: 30px 12px;\n            }<\/p>\n<p>            .card-content {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .card-title {\n                font-size: 1.15rem;\n            }<\/p>\n<p>            .card-description {\n                font-size: 0.85rem;\n            }<\/p>\n<p>            .card-image {\n                height: 220px;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"6\">\n<p>    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Okoljski cilji LANDU LANDU<\/title><\/p>\n<p>    <!-- Environmental Targets Section --><\/p>\n<div class=\"targets-container\">\n<div class=\"targets-header\">\n<div class=\"targets-badge\">Okoljska odli\u010dnost<\/div>\n<h2 class=\"targets-title\">Postavljanje ambicioznih ciljev<\/h2>\n<p class=\"targets-description\">Uvedli smo ambiciozne cilje za izbolj\u0161anje na\u0161e okoljske uspe\u0161nosti. Ko se premik proti gospodarstvu z ni\u010delnim neto oglji\u010dnim izpustom pospe\u0161uje, smo zavezani k nenehnemu premikanju meja za zmanj\u0161anje okoljskih vplivov, obvladovanje tveganj in izkori\u0161\u010danje prilo\u017enosti za rast, ki jih prina\u0161a podnebne spremembe.<\/p>\n<\/p><\/div>\n<div class=\"targets-grid\">\n            <!-- MVR Technology --><\/p>\n<div class=\"target-item\">\n<div class=\"target-image\">\n                    <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-environmental-sustainability-protection-facilities.jpg\" alt=\"MVR tehnologija v \u010di\u0161\u010denju odpadnih vod\"><\/p>\n<div class=\"target-overlay\">\n<div class=\"overlay-tech-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M3 6h18l-2 13H5L3 6z\"><\/path>\n                                <path d=\"M8 14h8\"><\/path>\n                                <path d=\"M12 10v8\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"target-content\">\n<h4 class=\"target-title\">MVR tehnologija v \u010di\u0161\u010denju odpadnih vod<\/h4>\n<p>                    <button class=\"target-btn mvr-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"target-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Natural Renewable Material --><\/p>\n<div class=\"target-item\">\n<div class=\"target-image\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/cotton-2025-01-09-04-26-04-utc-scaled.jpg\" alt=\"Proizvodnja naravnih obnovljivih materialov\"><\/p>\n<div class=\"target-overlay\">\n<div class=\"overlay-tech-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"target-content\">\n<h4 class=\"target-title\">Proizvodnja naravnih obnovljivih materialov<\/h4>\n<p>                    <button class=\"target-btn renewable-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"target-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Safe Manufacturing --><\/p>\n<div class=\"target-item\">\n<div class=\"target-image\">\n                    <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-DCS-Monitoring-system.jpg\" alt=\"Varnostna proizvodnja\"><\/p>\n<div class=\"target-overlay\">\n<div class=\"overlay-tech-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                                <path d=\"M9 12l2 2 4-4\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"target-content\">\n<h4 class=\"target-title\">Kako zagotavljamo varno proizvodnjo<\/h4>\n<p>                    <button class=\"target-btn safety-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"target-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- ISO 14000 Standards --><\/p>\n<div class=\"target-item\">\n<div class=\"target-image\">\n                    <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Skladnost z normami ISO 14000\"><\/p>\n<div class=\"target-overlay\">\n<div class=\"overlay-tech-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M9 12l2 2 4-4\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"target-content\">\n<h4 class=\"target-title\">Popolnoma sledimo standardom ISO 14000<\/h4>\n<p>                    <button class=\"target-btn iso-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"target-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Inter', 'Arial', sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n        }<\/p>\n<p>        \/* Environmental Targets Section *\/\n        .targets-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            background: white;\n            border-radius: 32px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        }<\/p>\n<p>        .targets-header {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        .targets-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.15) 100%);\n            color: #10b981;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 24px;\n            border: 1px solid rgba(16, 185, 129, 0.2);\n            letter-spacing: 0.5px;\n        }<\/p>\n<p>        .targets-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 24px;\n            background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1.2;\n        }<\/p>\n<p>        .targets-description {\n            font-size: 1.2rem;\n            color: #6b7280;\n            line-height: 1.8;\n        }<\/p>\n<p>        .targets-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .target-item {\n            background: #f8fafc;\n            border-radius: 20px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            border: 1px solid rgba(16, 185, 129, 0.1);\n            position: relative;\n        }<\/p>\n<p>        .target-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #10b981 0%, #059669 100%);\n            border-radius: 20px 20px 0 0;\n        }<\/p>\n<p>        .target-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);\n            border-color: rgba(16, 185, 129, 0.2);\n        }<\/p>\n<p>        .target-image {\n            position: relative;\n            height: 260px;\n            overflow: hidden;\n        }<\/p>\n<p>        .target-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .target-item:hover .target-image img {\n            transform: scale(1.08);\n        }<\/p>\n<p>        .target-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(16, 185, 129, 0.8) 0%, rgba(5, 150, 105, 0.9) 100%);\n            opacity: 0;\n            transition: all 0.4s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .target-item:hover .target-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .overlay-tech-icon {\n            width: 50px;\n            height: 50px;\n            color: white;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .overlay-tech-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke-width: 2;\n        }<\/p>\n<p>        .target-content {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .target-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #1f2937;\n            margin-bottom: 20px;\n            line-height: 1.4;\n        }<\/p>\n<p>        .target-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: white;\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n            box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.3);\n        }<\/p>\n<p>        .target-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px 0 rgba(16, 185, 129, 0.4);\n        }<\/p>\n<p>        .target-btn-icon {\n            width: 14px;\n            height: 14px;\n            stroke-width: 2.5;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .target-btn:hover .target-btn-icon {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .targets-container {\n                padding: 60px 15px;\n            }<\/p>\n<p>            .targets-grid {\n                gap: 25px;\n            }<\/p>\n<p>            .targets-title {\n                font-size: 2.5rem;\n            }<\/p>\n<p>            .target-image {\n                height: 220px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .targets-container {\n                padding: 50px 15px;\n            }<\/p>\n<p>            .targets-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }<\/p>\n<p>            .targets-title {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .targets-description {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .target-content {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .target-title {\n                font-size: 1.2rem;\n                margin-bottom: 16px;\n            }<\/p>\n<p>            .target-image {\n                height: 200px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .targets-container {\n                padding: 40px 12px;\n                border-radius: 24px;\n            }<\/p>\n<p>            .targets-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .targets-description {\n                font-size: 1rem;\n            }<\/p>\n<p>            .target-content {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .target-title {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .target-image {\n                height: 180px;\n            }<\/p>\n<p>            .targets-badge {\n                padding: 10px 20px;\n                font-size: 0.8rem;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"7\">\n<p>    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Zaveza PLANETE LANDU LANDU<\/title><\/p>\n<p>    <!-- Planet Commitment Section --><\/p>\n<div class=\"planet-container\">\n<div class=\"planet-header\">\n<div class=\"planet-badge\">Trajnostno \u017eivljenje<\/div>\n<h2 class=\"planet-title\">Planet: Na\u0161a zaveza trajnostnemu \u017eivljenju<\/h2>\n<\/p><\/div>\n<div class=\"planet-grid\">\n            <!-- Global Challenges --><\/p>\n<div class=\"planet-item\">\n<div class=\"planet-image\">\n                    <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/cellulose-ether-HPMC-raw-material-LANDU-1.jpg\" alt=\"Globalni izzivi in trajnostne re\u0161itve\"><\/p>\n<div class=\"planet-overlay\">\n<div class=\"overlay-planet-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M2 12h20\"><\/path>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"planet-content\">\n<h4 class=\"planet-subtitle\">Globalni izzivi in trajnostne re\u0161itve<\/h4>\n<p class=\"planet-description\">LANDU uporablja bomba\u017e in lesno pulpo za izdelavo obnovljivih biopolimerov in specialne celuloze, s \u010dimer nadome\u0161\u010da izdelke na osnovi nafte v industrijah, kot so gradbeni\u0161tvo, farmacevtska industrija in druge.<\/p>\n<p>                    <button class=\"planet-btn global-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"planet-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Low Environmental Footprints --><\/p>\n<div class=\"planet-item\">\n<div class=\"planet-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/landu-Hydroxypropyl-Methyl-Cellulose-hpmc-free-sample.jpg\" alt=\"Izdelki z nizkim okoljskim odtisom\"><\/p>\n<div class=\"planet-overlay\">\n<div class=\"overlay-planet-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"planet-content\">\n<h4 class=\"planet-subtitle\">Izdelki z dokazano nizkim okoljskim odtisom<\/h4>\n<p class=\"planet-description\">We prioritize innovations that enhance our products&#8217; environmental impact by reducing emissions and waste, and improving water and energy efficiency.<\/p>\n<p>                    <button class=\"planet-btn footprint-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"planet-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Customer Solutions --><\/p>\n<div class=\"planet-item\">\n<div class=\"planet-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-service-69.jpg\" alt=\"Vidiki trajnosti v re\u0161itvah za stranke\"><\/p>\n<div class=\"planet-overlay\">\n<div class=\"overlay-planet-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"planet-content\">\n<h4 class=\"planet-subtitle\">Vidiki trajnosti v re\u0161itvah za stranke<\/h4>\n<p class=\"planet-description\">Nekateri na\u0161i kupci so pritegnjeni k na\u0161im izdelkom prav zaradi njihove povezave z ni\u017ejimi emisijami toplogrednih plinov, kar se sklada z njihovimi cilji za zmanj\u0161anje okoljskega vpliva.<\/p>\n<p>                    <button class=\"planet-btn solutions-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"planet-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Inter', 'Arial', sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);\n        }<\/p>\n<p>        \/* Planet Commitment Section *\/\n        .planet-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            background: white;\n            border-radius: 32px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n            border: 1px solid rgba(34, 197, 94, 0.1);\n        }<\/p>\n<p>        .planet-header {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        .planet-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.15) 100%);\n            color: #059669;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 24px;\n            border: 1px solid rgba(34, 197, 94, 0.2);\n            letter-spacing: 0.5px;\n        }<\/p>\n<p>        .planet-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 0;\n            background: linear-gradient(135deg, #059669 0%, #22c55e 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1.2;\n        }<\/p>\n<p>        .planet-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .planet-item {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            border-radius: 24px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            border: 1px solid rgba(34, 197, 94, 0.1);\n            position: relative;\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .planet-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #22c55e 0%, #059669 100%);\n            border-radius: 24px 24px 0 0;\n        }<\/p>\n<p>        .planet-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(34, 197, 94, 0.15);\n            border-color: rgba(34, 197, 94, 0.2);\n        }<\/p>\n<p>        .planet-image {\n            position: relative;\n            height: 240px;\n            overflow: hidden;\n        }<\/p>\n<p>        .planet-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .planet-item:hover .planet-image img {\n            transform: scale(1.08);\n        }<\/p>\n<p>        .planet-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(34, 197, 94, 0.8) 0%, rgba(5, 150, 105, 0.9) 100%);\n            opacity: 0;\n            transition: all 0.4s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .planet-item:hover .planet-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .overlay-planet-icon {\n            width: 50px;\n            height: 50px;\n            color: white;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .overlay-planet-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke-width: 2;\n        }<\/p>\n<p>        .planet-content {\n            padding: 28px 24px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }<\/p>\n<p>        .planet-subtitle {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #1f2937;\n            margin-bottom: 16px;\n            line-height: 1.3;\n        }<\/p>\n<p>        .planet-description {\n            font-size: 0.95rem;\n            color: #6b7280;\n            line-height: 1.6;\n            margin-bottom: 24px;\n            flex-grow: 1;\n        }<\/p>\n<p>        .planet-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: white;\n            width: fit-content;\n            background: linear-gradient(135deg, #22c55e 0%, #059669 100%);\n            box-shadow: 0 4px 14px 0 rgba(34, 197, 94, 0.3);\n        }<\/p>\n<p>        .planet-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px 0 rgba(34, 197, 94, 0.4);\n        }<\/p>\n<p>        .planet-btn-icon {\n            width: 14px;\n            height: 14px;\n            stroke-width: 2.5;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .planet-btn:hover .planet-btn-icon {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .planet-container {\n                padding: 60px 15px;\n            }<\/p>\n<p>            .planet-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }<\/p>\n<p>            .planet-title {\n                font-size: 2.5rem;\n            }<\/p>\n<p>            .planet-image {\n                height: 220px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .planet-container {\n                padding: 50px 15px;\n                border-radius: 24px;\n            }<\/p>\n<p>            .planet-grid {\n                gap: 20px;\n            }<\/p>\n<p>            .planet-title {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .planet-content {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .planet-subtitle {\n                font-size: 1.2rem;\n                margin-bottom: 14px;\n            }<\/p>\n<p>            .planet-description {\n                font-size: 0.9rem;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .planet-image {\n                height: 200px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .planet-container {\n                padding: 40px 12px;\n            }<\/p>\n<p>            .planet-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .planet-content {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .planet-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .planet-description {\n                font-size: 0.85rem;\n            }<\/p>\n<p>            .planet-image {\n                height: 180px;\n            }<\/p>\n<p>            .planet-badge {\n                padding: 10px 20px;\n                font-size: 0.8rem;\n            }<\/p>\n<p>            .planet-btn {\n                padding: 8px 16px;\n                font-size: 0.85rem;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"8\">\n<p>    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Zaveza LJUDEH LANDU LANDU<\/title><\/p>\n<p>    <!-- People Commitment Section --><\/p>\n<div class=\"people-container\">\n<div class=\"people-header\">\n<div class=\"people-badge\">Na\u0161a zaveza skrbi<\/div>\n<h2 class=\"people-title\">Ljudje: Na\u0161a zaveza skrbi<\/h2>\n<\/p><\/div>\n<div class=\"people-grid\">\n            <!-- Safety First --><\/p>\n<div class=\"people-item\">\n<div class=\"people-image\">\n                    <img loading=\"lazy\" height=\"1206\" width=\"1811\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/happiness-engineer-and-worker-team-group-joining-h-2025-09-08-10-20-32-utc.jpg\" alt=\"Varnost na prvem mestu: Na\u0161a prioriteta\"><\/p>\n<div class=\"people-overlay\">\n<div class=\"overlay-people-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                                <path d=\"M9 12l2 2 4-4\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"people-content\">\n<h4 class=\"people-subtitle\">Varnost na prvem mestu: Na\u0161a prioriteta<\/h4>\n<p class=\"people-description\">Varen in zdrav delovni prostor je klju\u010den za zagotavljanje trajnostnega poslovanja in je pogoj za privabljanje proaktivnih, visoko usposobljenih talentov.<\/p>\n<p>                    <button class=\"people-btn safety-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"people-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Corporate Culture --><\/p>\n<div class=\"people-item\">\n<div class=\"people-image\">\n                    <img loading=\"lazy\" height=\"1592\" width=\"2388\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/leader-man-and-businessman-brainstorm-to-solve-pro-2025-03-26-19-24-47-utc.jpg\" alt=\"Mo\u010dna korporativna kultura: Na\u0161e temelj\"><\/p>\n<div class=\"people-overlay\">\n<div class=\"overlay-people-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"people-content\">\n<h4 class=\"people-subtitle\">Mo\u010dna korporativna kultura: Na\u0161e temelj<\/h4>\n<p class=\"people-description\">\u017delimo, da na\u0161a korporativna kultura odra\u017ea mo\u010dno usmerjenost na trg, stalne inovacije in sposobnost sprejemanja ter vodstva sprememb.<\/p>\n<p>                    <button class=\"people-btn culture-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"people-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Ethics and Whistleblowing --><\/p>\n<div class=\"people-item\">\n<div class=\"people-image\">\n                    <img loading=\"lazy\" height=\"1541\" width=\"2312\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/a-diverse-team-of-professionals-shares-ideas-about-2025-10-09-18-57-29-utc.jpg\" alt=\"Etika in prijava nepravilnosti: Osnovna integriteta\"><\/p>\n<div class=\"people-overlay\">\n<div class=\"overlay-people-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"people-content\">\n<h4 class=\"people-subtitle\">Etika in prijava nepravilnosti: Osnovna integriteta<\/h4>\n<p class=\"people-description\">Zavezani smo k aktivnemu vzdr\u017eevanju kulture visoke odprtosti, preglednosti, mo\u010dnih eti\u010dnih standardov in robustnih postopkov za ustrezno poro\u010danje.<\/p>\n<p>                    <button class=\"people-btn ethics-btn\"><br \/>\n                        <span>Preberi ve\u010d<\/span><br \/>\n                        <svg class=\"people-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                        <\/svg><br \/>\n                    <\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: 'Inter', 'Arial', sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: linear-gradient(135deg, #fef7ff 0%, #faf5ff 100%);\n        }<\/p>\n<p>        \/* People Commitment Section *\/\n        .people-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            background: white;\n            border-radius: 32px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n            border: 1px solid rgba(139, 92, 246, 0.1);\n        }<\/p>\n<p>        .people-header {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        .people-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.15) 100%);\n            color: #7c3aed;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 24px;\n            border: 1px solid rgba(139, 92, 246, 0.2);\n            letter-spacing: 0.5px;\n        }<\/p>\n<p>        .people-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 0;\n            background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1.2;\n        }<\/p>\n<p>        .people-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .people-item {\n            background: linear-gradient(135deg, #fefbff 0%, #faf5ff 100%);\n            border-radius: 24px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            border: 1px solid rgba(139, 92, 246, 0.1);\n            position: relative;\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .people-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%);\n            border-radius: 24px 24px 0 0;\n        }<\/p>\n<p>        .people-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(139, 92, 246, 0.15);\n            border-color: rgba(139, 92, 246, 0.2);\n        }<\/p>\n<p>        .people-image {\n            position: relative;\n            height: 240px;\n            overflow: hidden;\n        }<\/p>\n<p>        .people-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .people-item:hover .people-image img {\n            transform: scale(1.08);\n        }<\/p>\n<p>        .people-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(139, 92, 246, 0.8) 0%, rgba(124, 58, 237, 0.9) 100%);\n            opacity: 0;\n            transition: all 0.4s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .people-item:hover .people-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .overlay-people-icon {\n            width: 50px;\n            height: 50px;\n            color: white;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .overlay-people-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke-width: 2;\n        }<\/p>\n<p>        .people-content {\n            padding: 28px 24px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }<\/p>\n<p>        .people-subtitle {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #1f2937;\n            margin-bottom: 16px;\n            line-height: 1.3;\n        }<\/p>\n<p>        .people-description {\n            font-size: 0.95rem;\n            color: #6b7280;\n            line-height: 1.6;\n            margin-bottom: 24px;\n            flex-grow: 1;\n        }<\/p>\n<p>        .people-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: white;\n            width: fit-content;\n            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n            box-shadow: 0 4px 14px 0 rgba(139, 92, 246, 0.3);\n        }<\/p>\n<p>        .people-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px 0 rgba(139, 92, 246, 0.4);\n        }<\/p>\n<p>        .people-btn-icon {\n            width: 14px;\n            height: 14px;\n            stroke-width: 2.5;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .people-btn:hover .people-btn-icon {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .people-container {\n                padding: 60px 15px;\n            }<\/p>\n<p>            .people-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }<\/p>\n<p>            .people-title {\n                font-size: 2.5rem;\n            }<\/p>\n<p>            .people-image {\n                height: 220px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .people-container {\n                padding: 50px 15px;\n                border-radius: 24px;\n            }<\/p>\n<p>            .people-grid {\n                gap: 20px;\n            }<\/p>\n<p>            .people-title {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .people-content {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .people-subtitle {\n                font-size: 1.2rem;\n                margin-bottom: 14px;\n            }<\/p>\n<p>            .people-description {\n                font-size: 0.9rem;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .people-image {\n                height: 200px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .people-container {\n                padding: 40px 12px;\n            }<\/p>\n<p>            .people-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .people-content {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .people-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .people-description {\n                font-size: 0.85rem;\n            }<\/p>\n<p>            .people-image {\n                height: 180px;\n            }<\/p>\n<p>            .people-badge {\n                padding: 10px 20px;\n                font-size: 0.8rem;\n            }<\/p>\n<p>            .people-btn {\n                padding: 8px 16px;\n                font-size: 0.85rem;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"9\">\n<div class=\"prosperity-section\">\n<div class=\"prosperity-header\">\n<div class=\"prosperity-badge\">Krepitev skupnosti<\/div>\n<h2 class=\"prosperity-title\">Blaginja: Krepitev skupnosti in spodbujanje gospodarske rasti<\/h2>\n<\/p><\/div>\n<div class=\"prosperity-grid\">\n        <!-- Employment and Economic Impact --><\/p>\n<div class=\"prosperity-item\">\n<div class=\"prosperity-image\">\n                <img loading=\"lazy\" height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-asia-business-people-stack-hands-together-2024-12-07-01-50-28-utc-scaled.jpg\" alt=\"Zaposlovanje in gospodarski vpliv\"><\/p>\n<div class=\"prosperity-overlay\">\n<div class=\"overlay-prosperity-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"prosperity-content\">\n<h4 class=\"prosperity-subtitle\">Zaposlovanje in gospodarski vpliv<\/h4>\n<p class=\"prosperity-description\">Preko na\u0161ih vlog kot delodajalec, dobavitelj, stranka, davkopla\u010devalec in aktivni partner z dele\u017eniki ter prostovoljskimi organizacijami igramo klju\u010dno vlogo pri oblikovanju in obogatitvi gospodarstev mest in regij, kjer delujemo.<\/p>\n<p>                <button class=\"prosperity-btn\"><br \/>\n                    <span>Preberi ve\u010d<\/span><br \/>\n                    <svg class=\"prosperity-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<p>        <!-- Sponsorship --><\/p>\n<div class=\"prosperity-item\">\n<div class=\"prosperity-image\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-business-team-leader-discuss-financial-pap-2025-03-27-01-57-40-utc-scaled.jpg\" alt=\"Sponzorstvo: Gradnja partnerstev, ki navdihujejo\"><\/p>\n<div class=\"prosperity-overlay\">\n<div class=\"overlay-prosperity-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"prosperity-content\">\n<h4 class=\"prosperity-subtitle\">Sponzorstvo: Gradnja partnerstev, ki navdihujejo<\/h4>\n<p class=\"prosperity-description\">Predstavljamo si korporativno kulturo, ki jo vodi ostro usmerjenost na trg, duh stalnih inovacij in prilagodljivost, da ne le prilagajamo se spremembam, temve\u010d jih tudi aktivno vodimo.<\/p>\n<p>                <button class=\"prosperity-btn\"><br \/>\n                    <span>Preberi ve\u010d<\/span><br \/>\n                    <svg class=\"prosperity-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<p>        <!-- Educational Collaboration --><\/p>\n<div class=\"prosperity-item\">\n<div class=\"prosperity-image\">\n                <img loading=\"lazy\" height=\"1702\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/geography-worldwide-explorer-continent-country-con-2025-02-09-23-28-39-utc-scaled.jpg\" alt=\"Izobra\u017eevalno sodelovanje: Skupno napredovanje znanja\"><\/p>\n<div class=\"prosperity-overlay\">\n<div class=\"overlay-prosperity-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n                            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"prosperity-content\">\n<h4 class=\"prosperity-subtitle\">Izobra\u017eevalno sodelovanje: Skupno napredovanje znanja<\/h4>\n<p class=\"prosperity-description\">V LANDU tesno sodelujemo z \u0161olami in izobra\u017eevalnimi partnerji za \u0161iritev dostopa do izobra\u017eevanja, dvig akademskih dose\u017ekov in ustvarjanje ve\u010d prilo\u017enosti za u\u010dence vseh starosti.<\/p>\n<p>                <button class=\"prosperity-btn\"><br \/>\n                    <span>Preberi ve\u010d<\/span><br \/>\n                    <svg class=\"prosperity-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style>\n        .prosperity-section {\n            font-family: 'Inter', 'Arial', sans-serif;\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            background: white;\n            border-radius: 32px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n            border: 1px solid rgba(251, 146, 60, 0.1);\n        }<\/p>\n<p>        .prosperity-section .prosperity-header {\n            text-align: center;\n            margin-bottom: 60px;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        .prosperity-section .prosperity-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, rgba(251, 146, 60, 0.1) 0%, rgba(249, 115, 22, 0.15) 100%);\n            color: #ea580c;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 24px;\n            border: 1px solid rgba(251, 146, 60, 0.2);\n            letter-spacing: 0.5px;\n        }<\/p>\n<p>        .prosperity-section .prosperity-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin: 0 0 0 0;\n            background: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1.2;\n        }<\/p>\n<p>        .prosperity-section .prosperity-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }<\/p>\n<p>        .prosperity-section .prosperity-item {\n            background: linear-gradient(135deg, #fffbf5 0%, #fff7ed 100%);\n            border-radius: 24px;\n            overflow: hidden;\n            transition: all 0.4s ease;\n            border: 1px solid rgba(251, 146, 60, 0.1);\n            position: relative;\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .prosperity-section .prosperity-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #fb923c 0%, #ea580c 100%);\n            border-radius: 24px 24px 0 0;\n        }<\/p>\n<p>        .prosperity-section .prosperity-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(251, 146, 60, 0.15);\n            border-color: rgba(251, 146, 60, 0.2);\n        }<\/p>\n<p>        .prosperity-section .prosperity-image {\n            position: relative;\n            height: 240px;\n            overflow: hidden;\n        }<\/p>\n<p>        .prosperity-section .prosperity-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .prosperity-section .prosperity-item:hover .prosperity-image img {\n            transform: scale(1.08);\n        }<\/p>\n<p>        .prosperity-section .prosperity-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(251, 146, 60, 0.8) 0%, rgba(234, 88, 12, 0.9) 100%);\n            opacity: 0;\n            transition: all 0.4s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .prosperity-section .prosperity-item:hover .prosperity-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        .prosperity-section .overlay-prosperity-icon {\n            width: 50px;\n            height: 50px;\n            color: white;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n        }<\/p>\n<p>        .prosperity-section .overlay-prosperity-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke-width: 2;\n        }<\/p>\n<p>        .prosperity-section .prosperity-content {\n            padding: 28px 24px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }<\/p>\n<p>        .prosperity-section .prosperity-subtitle {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #1f2937;\n            margin: 0 0 16px 0;\n            line-height: 1.3;\n        }<\/p>\n<p>        .prosperity-section .prosperity-description {\n            font-size: 0.95rem;\n            color: #6b7280;\n            line-height: 1.6;\n            margin: 0 0 24px 0;\n            flex-grow: 1;\n        }<\/p>\n<p>        .prosperity-section .prosperity-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            color: white;\n            width: fit-content;\n            background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);\n            box-shadow: 0 4px 14px 0 rgba(251, 146, 60, 0.3);\n            font-family: 'Inter', 'Arial', sans-serif;\n        }<\/p>\n<p>        .prosperity-section .prosperity-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px 0 rgba(251, 146, 60, 0.4);\n        }<\/p>\n<p>        .prosperity-section .prosperity-btn-icon {\n            width: 14px;\n            height: 14px;\n            stroke-width: 2.5;\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .prosperity-section .prosperity-btn:hover .prosperity-btn-icon {\n            transform: translateX(3px);\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .prosperity-section {\n                padding: 60px 15px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-title {\n                font-size: 2.5rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-image {\n                height: 220px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .prosperity-section {\n                padding: 50px 15px;\n                border-radius: 24px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-grid {\n                gap: 20px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-title {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-content {\n                padding: 24px 20px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-subtitle {\n                font-size: 1.2rem;\n                margin-bottom: 14px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-description {\n                font-size: 0.9rem;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-image {\n                height: 200px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .prosperity-section {\n                padding: 40px 12px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-content {\n                padding: 20px 16px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-subtitle {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-description {\n                font-size: 0.85rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-image {\n                height: 180px;\n            }<\/p>\n<p>            .prosperity-section .prosperity-badge {\n                padding: 10px 20px;\n                font-size: 0.8rem;\n            }<\/p>\n<p>            .prosperity-section .prosperity-btn {\n                padding: 8px 16px;\n                font-size: 0.85rem;\n            }\n        }\n    <\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Trajnost v LANDU LANDU uporablja obnovljive materiale za ustvarjanje trajnostnih, inovativnih izdelkov, ki zmanj\u0161ujejo oglji\u010dni odtis. Sodelujemo z dele\u017eniki za spodbujanje napredka in zagotavljanje varnej\u0161e, trajnostne prihodnosti za vse. Vrednote LANDU in rast ljudi Rast in inovacije Spodbujaj rast, Navdihuj inovacije Proaktivno zagotavljaj varne, napredne in trajnostne re\u0161itve, ki opolnomo\u010dajo na\u0161e stranke za uspeh. [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/comments?post=5381"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5381\/revisions"}],"predecessor-version":[{"id":5382,"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/pages\/5381\/revisions\/5382"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/sl\/wp-json\/wp\/v2\/media?parent=5381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}