{"id":9777,"date":"2026-05-07T13:19:22","date_gmt":"2026-05-07T13:19:22","guid":{"rendered":"https:\/\/imf-defense.com\/?page_id=9777"},"modified":"2026-08-12T11:50:11","modified_gmt":"2026-08-12T11:50:11","slug":"prehled-zemi","status":"publish","type":"page","link":"https:\/\/imf-defense.com\/cs\/laenderuebersicht\/","title":{"rendered":"P\u0159ehled zem\u00ed"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9777\" class=\"elementor elementor-9777\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa3f7a e-con-full e-flex e-con e-parent\" data-id=\"0aa3f7a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c59d33 elementor-widget elementor-widget-heading\" data-id=\"8c59d33\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L\u00e4nder<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d4c2bf e-con-full e-flex e-con e-child\" data-id=\"4d4c2bf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bdb94c5 e-con-full e-flex e-con e-child\" data-id=\"bdb94c5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72f7af0 e-con-full e-flex e-con e-child\" data-id=\"72f7af0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81e58e9 elementor-widget elementor-widget-heading\" data-id=\"81e58e9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Globale Technologie. Lokale Wirkung.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15ce443 e-con-full e-flex e-con e-parent\" data-id=\"15ce443\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61e2bbd elementor-widget elementor-widget-html\" data-id=\"61e2bbd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<main id=\"country-root\" class=\"country-root\">\r\n    <div id=\"bg-layers\" class=\"bg-layers\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"vignette-overlay\" aria-hidden=\"true\"><\/div>\r\n    <div id=\"country-grid\" class=\"country-grid\" aria-label=\"Laender\"><\/div>\r\n<\/main>\r\n\r\n<script>\r\n    (function () {\r\n        const data = [\r\n            { id: 'EG', name: '\u00c4gypten', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/vqrmxgvtgxm.jpg' },\r\n            { id: 'AS', name: 'Asien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/muvibnortcq.jpg' },\r\n            { id: 'AU', name: 'Australien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/jmuyb_libro.jpg' },\r\n            { id: 'BD', name: 'Bangladesch', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/sj4vpkojkhk.jpg' },\r\n            { id: 'BR', name: 'Brasilien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/7f65hdp0-e0.jpg' },\r\n            { id: 'DK', name: 'D\u00e4nemark', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/jq4k_pspdgg.jpg' },\r\n            { id: 'DE', name: 'Deutschland', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/ufgi0_ycie0.jpg' },\r\n            { id: 'FR', name: 'Frankreich', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/nnzkznywhau.jpg' },\r\n            { id: 'GB', name: 'Gro\u00dfbritannien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/j-wejwsiabq.jpg' },\r\n            { id: 'IN', name: 'Indien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/rncyruwd6hu.jpg' },\r\n            { id: 'ID', name: 'Indonesien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/z0bruyxqwmm.jpg' },\r\n            { id: 'IT', name: 'Italien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/vfrtxgw1vju.jpg' },\r\n            { id: 'CA', name: 'Kanada', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/azqdbkihvo0.jpg' },\r\n            { id: 'NG', name: 'Nigeria', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/fgd8pahzn98.jpg' },\r\n            { id: 'NO', name: 'Norwegen', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/03\/the-fishing-village-of-reine-lofoten-norway-2026-01-09-10-39-23-utc-scaled.jpg' },\r\n            { id: 'PK', name: 'Pakistan', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/sysy5mhfrs0.jpg' },\r\n            { id: 'PL', name: 'Polen', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/kwcq6_dk_om.jpg' },\r\n            { id: 'SA', name: 'Saudi-Arabien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/vakhap27qmk.jpg' },\r\n            { id: 'SE', name: 'Schweden', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/3cwvfd-yptk.jpg' },\r\n            { id: 'CH', name: 'Schweiz', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/6p-i-x-spuy.jpg' },\r\n            { id: 'SG', name: 'Singapur', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/sj7pyyjfyua.jpg' },\r\n            { id: 'ES', name: 'Spanien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/chszetoal-i.jpg' },\r\n            { id: 'KR', name: 'S\u00fcdkorea', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/03\/airplane-landing-on-the-track.jpg' },\r\n            { id: 'CZ', name: 'Tschechien', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/utbg6-r9mrq.jpg' },\r\n            { id: 'TR', name: 'T\u00fcrkei', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/wa1u0scvlzu.jpg' },\r\n            { id: 'UA', name: 'Ukraine', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/sbpi02mzqxs.jpg' },\r\n            { id: 'HU', name: 'Ungarn', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/smyqb3i9bna.jpg' },\r\n            { id: 'AE', name: 'Vereinigte Arabische Emirate', img: 'https:\/\/imf-defense.com\/wp-content\/uploads\/2026\/06\/v3f5gfbrwca.jpg' }\r\n        ];\r\n\r\n        const root = document.getElementById('country-root');\r\n        const bgLayers = document.getElementById('bg-layers');\r\n        const grid = document.getElementById('country-grid');\r\n        const fallbackFlagSvg = '\/wp-content\/uploads\/2026\/03\/hexagon.svg';\r\n        let sortedCountries = [];\r\n        let activeKey = null;\r\n        let pendingFrame = 0;\r\n\r\n        function getColumnCount() {\r\n            const columns = Number.parseInt(getComputedStyle(root).getPropertyValue('--columns'), 10);\r\n            return Number.isFinite(columns) && columns > 0 ? columns : 1;\r\n        }\r\n\r\n        function setRowCount() {\r\n            if (!sortedCountries.length) return;\r\n            const rows = Math.ceil(sortedCountries.length \/ getColumnCount());\r\n            root.style.setProperty('--rows', String(rows));\r\n        }\r\n\r\n        function makeSafeClassName(name) {\r\n            return name\r\n                .toLowerCase()\r\n                .normalize('NFD')\r\n                .replace(\/[\\u0300-\\u036f]\/g, '')\r\n                .replace(\/[^a-z0-9]+\/g, '-')\r\n                .replace(\/^-|-$\/g, '');\r\n        }\r\n\r\n        function setFlagSvg(element, country) {\r\n            const primarySvg = `\/wp-content\/uploads\/2026\/03\/${country.id.toLowerCase()}.svg`;\r\n            const image = new Image();\r\n            element.style.backgroundImage = `url('${primarySvg}')`;\r\n            image.onerror = () => {\r\n                element.style.backgroundImage = `url('${fallbackFlagSvg}')`;\r\n            };\r\n            image.src = primarySvg;\r\n        }\r\n\r\n        function activate(country) {\r\n            if (!country || country.key === activeKey) return;\r\n            activeKey = country.key;\r\n\r\n            cancelAnimationFrame(pendingFrame);\r\n            pendingFrame = requestAnimationFrame(() => {\r\n                root.querySelectorAll('.country-card.active, .bg-layer.active').forEach((el) => {\r\n                    el.classList.remove('active');\r\n                });\r\n                root.querySelector(`[data-country-card=\"${activeKey}\"]`)?.classList.add('active');\r\n                root.querySelector(`[data-country-bg=\"${activeKey}\"]`)?.classList.add('active');\r\n            });\r\n        }\r\n\r\n        function render() {\r\n            sortedCountries = data\r\n                .slice()\r\n                .sort((a, b) => a.name.localeCompare(b.name, 'de', { sensitivity: 'base' }));\r\n\r\n            setRowCount();\r\n\r\n            sortedCountries.forEach((country, index) => {\r\n                country.key = makeSafeClassName(country.name) || `country-${index}`;\r\n\r\n                const layer = document.createElement('div');\r\n                layer.className = 'bg-layer';\r\n                layer.dataset.countryBg = country.key;\r\n                layer.style.backgroundImage = `url('${country.img}')`;\r\n                bgLayers.appendChild(layer);\r\n\r\n                const card = document.createElement('div');\r\n                card.className = 'country-card';\r\n                card.dataset.countryCard = country.key;\r\n                card.tabIndex = 0;\r\n\r\n                const flag = document.createElement('span');\r\n                flag.className = 'hex-clip country-card__flag';\r\n                flag.setAttribute('aria-hidden', 'true');\r\n                setFlagSvg(flag, country);\r\n\r\n                const name = document.createElement('span');\r\n                name.className = 'country-card__name';\r\n                name.textContent = country.name;\r\n\r\n                card.append(flag, name);\r\n                card.addEventListener('pointerenter', () => activate(country));\r\n                card.addEventListener('focus', () => activate(country));\r\n                grid.appendChild(card);\r\n            });\r\n\r\n            activate(sortedCountries[0]);\r\n        }\r\n\r\n        window.addEventListener('resize', setRowCount);\r\n        window.addEventListener('load', render);\r\n    })();\r\n<\/script>\r\n\r\n<style>\r\n    .country-root {\r\n        --columns: 4;\r\n        --rows: 1;\r\n\r\n        position: relative;\r\n        display: grid;\r\n        place-items: center;\r\n        min-height: 100vh;\r\n        overflow: visible;\r\n        isolation: isolate;\r\n        padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 8vw, 8rem);\r\n        background: #000;\r\n    }\r\n\r\n    .bg-layers {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        overflow: hidden;\r\n        background: #000;\r\n        pointer-events: none;\r\n    }\r\n\r\n\r\n    .bg-layer {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-position: center;\r\n        background-size: cover;\r\n        opacity: 0;\r\n        transition: opacity 0.85s ease;\r\n        backface-visibility: hidden;\r\n        animation: kenburns 24s ease-in-out infinite alternate;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    .bg-layer.active {\r\n        opacity: 0.3;\r\n    }\r\n\r\n    @keyframes kenburns {\r\n        0% { transform: scale(1); }\r\n        100% { transform: scale(1.15); }\r\n    }\r\n\r\n    .vignette-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background: radial-gradient(circle at 20% 50%, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.9) 100%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .country-grid {\r\n        position: relative;\r\n        z-index: 2;\r\n        transform: translateZ(0);\r\n        display: grid;\r\n        grid-auto-flow: column;\r\n        grid-template-columns: repeat(var(--columns), minmax(max-content, 1fr));\r\n        grid-template-rows: repeat(var(--rows), auto);\r\n        gap: clamp(1.15rem, 2.6vw, 2.1rem) clamp(1.5rem, 5vw, 5rem);\r\n        align-items: center;\r\n        justify-content: center;\r\n        justify-items: start;\r\n        align-content: center;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .hex-clip {\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .country-card {\r\n        appearance: none;\r\n        border: 0;\r\n        border-left: 3px solid transparent;\r\n        background: transparent;\r\n        color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        min-width: 0;\r\n        padding: 1rem;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        font: inherit;\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n        height: 76px;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .country-card:hover,\r\n    .country-card:focus-visible {\r\n        background: linear-gradient(90deg, color-mix(in srgb, var(--e-global-color-accent), transparent 50%), transparent);\r\n    }\r\n\r\n    .country-card.active {\r\n        border-left: 3px solid var(--e-global-color-accent);\r\n        background: linear-gradient(90deg,\r\n            color-mix(in srgb, var(--e-global-color-accent), transparent 50%), transparent);\r\n    }\r\n\r\n    .country-card:focus-visible {\r\n        outline: 2px solid var(--e-global-color-accent);\r\n        outline-offset: 0.25rem;\r\n    }\r\n\r\n    .country-card__flag {\r\n        width: 2.6rem;\r\n        height: 3rem;\r\n        flex: 0 0 auto;\r\n        background-position: center center;\r\n        background-size: 3.2rem 3.2rem;\r\n        background-repeat: no-repeat;\r\n        background-color: color-mix(in srgb, var(--e-global-color-accent), transparent 86%);\r\n    }\r\n\r\n    .country-card__name {\r\n        color: white;\r\n        font-size: clamp(1rem, 1.45vw, 2rem);\r\n        font-weight: 700;\r\n        line-height: 1.1;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n        text-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    @media (max-width: 1500px) {\r\n        .country-root { --columns: 3; }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n        .country-root {\r\n            --columns: 2;\r\n            padding-inline: clamp(1.25rem, 6vw, 4rem);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n        .country-root {\r\n            --columns: 1;\r\n            padding-block: 3rem;\r\n        }\r\n        .country-grid { gap: 1.35rem; }\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .bg-layer { animation: none; transition: opacity 0.2s ease; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L\u00e4nder Globale Technologie. Lokale Wirkung.<\/p>","protected":false},"author":1,"featured_media":6296,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"iawp_total_views":85,"footnotes":""},"class_list":["post-9777","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/pages\/9777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/comments?post=9777"}],"version-history":[{"count":90,"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/pages\/9777\/revisions"}],"predecessor-version":[{"id":9966,"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/pages\/9777\/revisions\/9966"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/media\/6296"}],"wp:attachment":[{"href":"https:\/\/imf-defense.com\/cs\/wp-json\/wp\/v2\/media?parent=9777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}