{"id":275,"date":"2025-11-14T10:12:05","date_gmt":"2025-11-14T10:12:05","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=275"},"modified":"2025-11-21T15:02:23","modified_gmt":"2025-11-21T15:02:23","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/de\/","title":{"rendered":"Acceuil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"275\" class=\"elementor elementor-275\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b841ff8 e-con-full e-flex e-con e-parent\" data-id=\"b841ff8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8d132 elementor-widget elementor-widget-html\" data-id=\"1d8d132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Maroc Treks - Circuits de Voyage au Maroc et Aventures dans le Sahara<\/title>\r\n    <meta name=\"description\" content=\"D\u00e9couvrez des circuits de voyage authentiques au Maroc avec Maroc Treks. Vivez le trekking dans les montagnes de l'Atlas, des aventures dans le d\u00e9sert du Sahara et la culture berb\u00e8re.\">\r\n    <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n            color: #333;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .banner {\r\n            position: relative;\r\n            color: white;\r\n            padding: 100px 20px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .video-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: -2;\r\n        }\r\n\r\n        .overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));\r\n            z-index: -1;\r\n        }\r\n\r\n        .banner-content {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .banner h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .banner p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            opacity: 0.95;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .highlight {\r\n            color: #e67e22; \/* Changed from blue to orange *\/\r\n            font-weight: 600;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .btn {\r\n            padding: 16px 35px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: \"Poppins\", sans-serif;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #e67e22; \/* Changed from blue to orange *\/\r\n            color: white;\r\n            border: 2px solid #e67e22; \/* Changed from blue to orange *\/\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #d35400; \/* Darker orange for hover *\/\r\n            border-color: #d35400; \/* Darker orange for hover *\/\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(230, 126, 34, 0.3); \/* Orange shadow *\/\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: white;\r\n            color: #333;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 50px;\r\n            margin-top: 40px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n            display: block;\r\n            color: #e67e22; \/* Changed from blue to orange *\/\r\n            text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Hide stats on mobile *\/\r\n        @media (max-width: 768px) {\r\n            .banner {\r\n                padding: 80px 20px;\r\n                min-height: 80vh;\r\n            }\r\n            \r\n            .banner h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .banner p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 15px;\r\n            }\r\n            \r\n            .btn {\r\n                padding: 14px 30px;\r\n                font-size: 1rem;\r\n                width: 100%;\r\n                max-width: 280px;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .stats {\r\n                display: none; \/* Hide stats on mobile *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .banner h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .banner p {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"banner\">\r\n        <video class=\"video-background\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/VID20180315085614.mp4\" type=\"video\/mp4\">\r\n            Ihr Browser unterst\u00fctzt das Video-Tag nicht.\r\n        <\/video>\r\n        <div class=\"overlay\"><\/div>\r\n        \r\n        <div class=\"banner-content\">\r\n            <h1>Entdecken Sie den <span class=\"highlight\">Marokko<\/span> mit Maroc Treks<\/h1>\r\n            <p>Erleben Sie eine authentische <strong>Trekking im Atlasgebirge<\/strong>, d'<strong>abenteuer in der Sahara-W\u00fcste<\/strong> und Eintauchen in die <strong>Berberkultur<\/strong> mit unseren fachkundigen \u00f6rtlichen Reiseleitern.<\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"\/de\/contact\/\" class=\"btn btn-primary\">\r\n                    <i class=\"fas fa-envelope\"><\/i>\r\n                    Uns kontaktieren\r\n                <\/a>\r\n                <a href=\"https:\/\/maroctreks.com\/de\/tous-les-circuits\/\" class=\"btn btn-secondary\">\r\n                    <i class=\"fas fa-map-marked-alt\"><\/i>\r\n                    Unsere Rundreisen\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"stats\">\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">15+<\/span>\r\n                    <span class=\"stat-label\">Jahre Erfahrung<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">5k+<\/span>\r\n                    <span class=\"stat-label\">Zufriedene Reisende<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-number\">98%<\/span>\r\n                    <span class=\"stat-label\">Erfolgsquote<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9l\u00e9ment audio pour le son d'ambiance -->\r\n        <audio id=\"backgroundAudio\" loop>\r\n            <source src=\"https:\/\/assets.mixkit.co\/music\/preview\/mixkit-desert-wind-1291.mp3\" type=\"audio\/mpeg\">\r\n            Ihr Browser unterst\u00fctzt das Audioelement nicht.\r\n        <\/audio>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const video = document.querySelector('.video-background');\r\n            const audio = document.getElementById('backgroundAudio');\r\n            const ctaButtons = document.querySelector('.cta-buttons');\r\n            const stats = document.querySelector('.stats');\r\n            \r\n            \/\/ D\u00e9marrer l'audio lorsque l'utilisateur interagit avec la page\r\n            function startAudio() {\r\n                audio.volume = 0.3; \/\/ R\u00e9gler le volume \u00e0 30%\r\n                audio.play().catch(error => {\r\n                    console.log('Lecture automatique de l\\'audio \u00e9chou\u00e9e:', error);\r\n                });\r\n                \r\n                \/\/ Supprimer les \u00e9couteurs d'\u00e9v\u00e9nements apr\u00e8s la premi\u00e8re interaction\r\n                document.removeEventListener('click', startAudio);\r\n                document.removeEventListener('scroll', startAudio);\r\n            }\r\n\r\n            \/\/ Ajouter des \u00e9couteurs d'\u00e9v\u00e9nements pour l'interaction utilisateur\r\n            document.addEventListener('click', startAudio);\r\n            document.addEventListener('scroll', startAudio);\r\n\r\n            \/\/ Animation pour les \u00e9l\u00e9ments au chargement de la page\r\n            setTimeout(() => {\r\n                ctaButtons.style.opacity = '1';\r\n                ctaButtons.style.transform = 'translateY(0)';\r\n            }, 300);\r\n            \r\n            setTimeout(() => {\r\n                if (window.innerWidth > 768) { \/\/ Only animate stats on desktop\r\n                    stats.style.opacity = '1';\r\n                    stats.style.transform = 'translateY(0)';\r\n                }\r\n            }, 600);\r\n            \r\n            \/\/ D\u00e9finir les styles initiaux pour l'animation\r\n            ctaButtons.style.opacity = '0';\r\n            ctaButtons.style.transform = 'translateY(20px)';\r\n            ctaButtons.style.transition = 'all 0.5s ease';\r\n            \r\n            if (window.innerWidth > 768) { \/\/ Only set initial styles for stats on desktop\r\n                stats.style.opacity = '0';\r\n                stats.style.transform = 'translateY(20px)';\r\n                stats.style.transition = 'all 0.5s ease';\r\n            }\r\n\r\n            \/\/ Assurer que la vid\u00e9o se lit correctement\r\n            video.play().catch(error => {\r\n                console.log('Lecture automatique de la vid\u00e9o \u00e9chou\u00e9e:', error);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-931bed9 e-con-full e-flex e-con e-parent\" data-id=\"931bed9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-331e34e elementor-widget elementor-widget-html\" data-id=\"331e34e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ah-about-mount\" class=\"maroc-treks-about-section\">\r\n  <style>\r\n    .maroc-treks-about-section{\r\n      --bg0:#fff8f0; --bg1:#fff0e1; --bg2:#ffd8a8; --bg3:#ffc47b; --bg4:#ffb04d;\r\n      --ink-900:#4a3b1a; --ink-800:#5e4f2d; --brand-700:#c97d2d;\r\n      --panel:#fffff0dd; --line:#ffead1;\r\n    }\r\n    .maroc-treks-about-section *,\r\n    .maroc-treks-about-section *::before,\r\n    .maroc-treks-about-section *::after{box-sizing:border-box}\r\n    .maroc-treks-about-section h1,\r\n    .maroc-treks-about-section h2,\r\n    .maroc-treks-about-section h3,\r\n    .maroc-treks-about-section h4,\r\n    .maroc-treks-about-section p,\r\n    .maroc-treks-about-section figure{margin:0}\r\n    .maroc-treks-about-section img{display:block;max-width:100%;height:auto}\r\n    .maroc-treks-about-section a{text-decoration:none}\r\n\r\n    .maroc-treks-about-wrap{\r\n      background:linear-gradient(135deg,var(--bg0),var(--bg1) 25%,var(--bg2) 50%,var(--bg3) 75%,var(--bg4));\r\n      padding:min(6vw,96px) min(4vw,24px);\r\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink-800);\r\n    }\r\n    .maroc-treks-about-container{max-width:1200px;margin:0 auto}\r\n\r\n    .maroc-treks-about-title{text-align:center;margin-bottom:42px}\r\n    .maroc-treks-about-title h1{font-weight:900;line-height:1.05;color:var(--ink-900);font-size:clamp(28px,5.6vw,54px)}\r\n    .maroc-treks-about-title .maroc-treks-about-sub{margin-top:8px;font-size:clamp(15px,2.2vw,20px);color:#805d3d}\r\n\r\n    .maroc-treks-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}\r\n    @media (max-width:980px){.maroc-treks-about-grid{grid-template-columns:1fr}}\r\n\r\n    .maroc-treks-about-card{\r\n      background:var(--panel);backdrop-filter:blur(6px);\r\n      border:1px solid var(--line);border-radius:22px;padding:24px;\r\n      box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n    }\r\n    .maroc-treks-about-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--brand-700)}\r\n    .maroc-treks-about-card-head h2{font-size:clamp(20px,3.4vw,30px);color:var(--ink-900)}\r\n    .maroc-treks-about-lead p{margin-bottom:12px;line-height:1.7;font-size:clamp(14.5px,1.7vw,17px)}\r\n\r\n    \/* CTA *\/\r\n    .maroc-treks-about-cta{\r\n      margin-top:24px;\r\n      background:linear-gradient(90deg,#c97d2d,#9e5a1a);color:#fff;border-radius:22px;padding:24px;\r\n      display:flex;flex-direction:column;justify-content:center;gap:12px;\r\n      box-shadow:0 20px 50px rgba(0,0,0,.12)\r\n    }\r\n    .maroc-treks-about-cta h3{font-size:clamp(18px,2.4vw,24px);margin:0}\r\n    .maroc-treks-about-cta p{opacity:.95;margin:0}\r\n    .maroc-treks-about-actions{display:flex;gap:10px;flex-wrap:wrap}\r\n    .maroc-treks-about-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;\r\n         appearance:none;border:0;cursor:pointer;padding:12px 18px;border-radius:999px;\r\n         font-weight:800;transition:filter .2s,transform .2s}\r\n    .maroc-treks-about-btn:focus{outline:2px solid #fff;outline-offset:2px}\r\n    .maroc-treks-about-btn-primary{background:#fff;color:#c97d2d}\r\n    .maroc-treks-about-btn-ghost{background:transparent;color:#fff;outline:2px solid #fff}\r\n    .maroc-treks-about-btn:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n    @media (max-width:560px){ .maroc-treks-about-actions{justify-content:center} }\r\n\r\n    \/* Right image *\/\r\n    .maroc-treks-about-hero{position:relative;margin-bottom:12px}\r\n    .maroc-treks-about-photo{\r\n      width:100%; height:400px; object-fit:cover; object-position:center;\r\n      border-radius:24px; border:10px solid #fff; outline:1px solid var(--line);\r\n      box-shadow:0 24px 60px rgba(0,0,0,.12);\r\n    }\r\n    .maroc-treks-about-badge{\r\n      position:absolute;right:-10px;bottom:-10px;background:#c97d2d;color:#fff;\r\n      padding:14px 16px;border-radius:16px;box-shadow:0 16px 36px rgba(0,0,0,.18);text-align:center\r\n    }\r\n    .maroc-treks-about-badge b{display:block;font-size:22px}.maroc-treks-about-badge span{font-size:12px;opacity:.95}\r\n\r\n    \/* Services (2\u00d72) with original icon look) *\/\r\n    .maroc-treks-about-services-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n    @media (max-width:560px){.maroc-treks-about-services-box{grid-template-columns:1fr}}\r\n    .maroc-treks-about-svc{\r\n      text-align:center;background:linear-gradient(180deg,#fff,#fff8f0);\r\n      border:1px solid var(--line);border-radius:16px;padding:18px 14px;\r\n      box-shadow:0 12px 32px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:8px;\r\n    }\r\n    .maroc-treks-about-svc .maroc-treks-about-icon-wrap{\r\n      width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n      background:#fff; border:1px solid #ffead1; margin:0 auto;\r\n    }\r\n    .maroc-treks-about-ico{width:26px;height:26px;stroke:var(--brand-700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n    .maroc-treks-about-svc h4{color:var(--ink-900);font-size:16px;margin:2px 0 0}\r\n    .maroc-treks-about-svc p{color:#805d3d;font-size:13px;margin:0}\r\n\r\n    \/* Colored highlight tiles (links added) *\/\r\n    .maroc-treks-about-features{margin-top:42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\r\n    @media (max-width:720px){.maroc-treks-about-features{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n    .maroc-treks-about-feat .maroc-treks-about-tile{\r\n      display:block;border-radius:16px;padding:14px;text-align:center;color:#4a3b1a;\r\n      font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,.08); border:1px solid var(--line);\r\n      transition:filter .2s,transform .2s; user-select:none;\r\n    }\r\n    .maroc-treks-about-feat .maroc-treks-about-tile:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n    .maroc-treks-about-feat .maroc-treks-about-circle{width:64px;height:64px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;\r\n                      background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px}\r\n    .maroc-treks-about-ico-lg{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none}\r\n    .maroc-treks-about-feat h4{font-size:16px;margin:0}\r\n\r\n    .maroc-treks-about-c-atlas{background:#f5f0e9}\r\n    .maroc-treks-about-c-ait{background:#f5efe9}\r\n    .maroc-treks-about-c-dades{background:#fbf1ee}\r\n    .maroc-treks-about-c-cedar{background:#f7f4e9}\r\n  <\/style>\r\n\r\n  <section class=\"maroc-treks-about-wrap\" aria-label=\"\u00dcber Maroc Treks\" itemscope itemtype=\"https:\/\/schema.org\/TravelAgency\">\r\n    <meta itemprop=\"name\" content=\"Maroc Treks\">\r\n    <meta itemprop=\"areaServed\" content=\"Morocco\">\r\n    <meta itemprop=\"url\" content=\"https:\/\/maroctreks.com\/\">\r\n\r\n    <div class=\"maroc-treks-about-container\">\r\n      <div class=\"maroc-treks-about-title\">\r\n        <h1>Marokko Treks<\/h1>\r\n        <p class=\"maroc-treks-about-sub\">Erfahrene Bergf\u00fchrer - <strong>Trekking im Atlasgebirge<\/strong> - <strong>Abenteuer in der Sahara<\/strong><\/p>\r\n      <\/div>\r\n\r\n      <div class=\"maroc-treks-about-grid\">\r\n        <!-- LEFT column -->\r\n        <div>\r\n          <div class=\"maroc-treks-about-card\">\r\n            <div class=\"maroc-treks-about-card-head\">\r\n              <!-- Feather: compass -->\r\n              <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n              <\/svg>\r\n              <h2>Authentische marokkanische Erlebnisse<\/h2>\r\n            <\/div>\r\n            <div class=\"maroc-treks-about-lead\" itemprop=\"description\">\r\n              <p>Entdecken Sie das wahre Marokko mit lokalen Reiseleitern, die Experten f\u00fcr <strong>Marokko Treks<\/strong>. Von <strong>Trekking im Atlasgebirge<\/strong> an <strong>abenteuer in der Sahara-W\u00fcste<\/strong>, Wir bieten individuelle Touren an, die die Sch\u00f6nheit und Kultur Marokkos hervorheben.<\/p>\r\n              <p>Unser Team ist spezialisiert auf die Schaffung von Erlebnissen von <strong>Bergtrekking<\/strong> und unvergessliche Reisen von'<strong>kulturelles Eintauchen<\/strong> durch Marokko. <strong>Erkunden Sie Marokko<\/strong> mit uns und entdecken Sie die besten Abenteuer von <strong>Trekking in Marokko<\/strong>.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- CTA -->\r\n          <div class=\"maroc-treks-about-cta\">\r\n            <h3>Beginnen Sie Ihr marokkanisches Abenteuer<\/h3>\r\n            <p>Buchen Sie Ihr Erlebnis von <strong>Trekking in Marokko<\/strong> mit zertifizierten Bergf\u00fchrern aus <strong>Marokko Treks<\/strong>.<\/p>\r\n            <div class=\"maroc-treks-about-actions\">\r\n              <a class=\"maroc-treks-about-btn maroc-treks-about-btn-primary\" href=\"https:\/\/maroctreks.com\/de\/tous-les-circuits\/\" itemprop=\"makesOffer\">Alle Touren ansehen<\/a>\r\n              <a class=\"maroc-treks-about-btn maroc-treks-about-btn-ghost\" href=\"https:\/\/maroctreks.com\/de\/qui-sommes-nous\/\">Wer wir sind<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT column -->\r\n        <div>\r\n          <!-- Image -->\r\n          <div class=\"maroc-treks-about-hero\">\r\n            <img decoding=\"async\" class=\"maroc-treks-about-photo\"\r\n                 src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315085838-scaled.jpg\"\r\n                 alt=\"Maroc Treks trekking en montagne au Maroc avec des guides berb\u00e8res - Aventures Explore Morocco\">\r\n            <div class=\"maroc-treks-about-badge\"><b>30+ Jahre<\/b><span>von Erfahrung<\/span><\/div>\r\n          <\/div>\r\n\r\n          <!-- Services 2\u00d72 with original icons -->\r\n          <div class=\"maroc-treks-about-services-box\" aria-label=\"Unsere Dienstleistungen\">\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: map-pin -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Trekking in den Bergen<\/strong><\/h4><p>Abenteuer in den <strong>Atlasgebirge<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: sun -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n                  <path d=\"M12 2v2m0 16v2M4 12H2m20 0h-2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M5 19l1.5-1.5\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>W\u00fcstenrundreisen<\/strong><\/h4><p>Expeditionen auf dem R\u00fccken von <strong>Kamel in der Sahara<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: users -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n                  <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n                  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Kulturelle Rundreisen<\/strong><\/h4><p>Erfahrungen aus der <strong>Berberkultur<\/strong><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"maroc-treks-about-svc\">\r\n              <div class=\"maroc-treks-about-icon-wrap\">\r\n                <!-- Feather: compass -->\r\n                <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                  <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4><strong>Abenteuerliche Reise<\/strong><\/h4><p><strong>Reise nach Marokko<\/strong> vollst\u00e4ndig<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colored highlight tiles with links added -->\r\n      <div class=\"maroc-treks-about-features\" aria-label=\"Volkserfahrungen in Marokko\">\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-atlas\" href=\"https:\/\/maroctreks.com\/de\/haut-atlas-toubkal\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Lucide: mountain -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"m8 3 4 8 5-5 5 9H2Z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Toubkal Trekking<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-ait\" href=\"https:\/\/maroctreks.com\/de\/antis-atlas\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Feather: home -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 10l9-7 9 7v11H3V10z\"><\/path>\r\n                <path d=\"M9 21V9h6v12\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Berberd\u00f6rfer<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-dades\" href=\"https:\/\/maroctreks.com\/de\/le-desert\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Feather: wind -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 8h10a3 3 0 1 0-3-3\"><\/path>\r\n                <path d=\"M3 16h13a3 3 0 1 1-3 3\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Sahara-W\u00fcste<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"maroc-treks-about-feat\">\r\n          <a class=\"maroc-treks-about-tile maroc-treks-about-c-cedar\" href=\"https:\/\/maroctreks.com\/de\/haut-atlas-mgoun\/\">\r\n            <div class=\"maroc-treks-about-circle\">\r\n              <!-- Lucide: tree-pine -->\r\n              <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 2l4 5h-3l4 5h-3l4 5H6l4-5H7l4-5H8l4-5z\"><\/path>\r\n                <path d=\"M12 22v-3\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4><strong>Kulturelles Eintauchen<\/strong><\/h4>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-438660c e-con-full e-flex e-con e-parent\" data-id=\"438660c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-723e788 elementor-widget elementor-widget-html\" data-id=\"723e788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cartes de Voyage Haut Atlas Toubkal<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* Scoped styles to prevent conflicts *\/\r\n        .travel-cards-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #f7f7f7;\r\n            padding: 40px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .travel-cards-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .travel-cards-section .header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .travel-cards-section .header h1 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .travel-cards-section .header p {\r\n            font-size: 1.1rem;\r\n            color: #7f8c8d;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .travel-cards-section .card-container {\r\n            display: grid;\r\n            gap: 30px;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .travel-cards-section .card {\r\n            background: #fff;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            cursor: pointer;\r\n            position: relative;\r\n        }\r\n\r\n        .travel-cards-section .card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .travel-cards-section .card-image {\r\n            width: 100%;\r\n            height: 220px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .travel-cards-section .card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .travel-cards-section .card:hover .card-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .travel-cards-section .card-content {\r\n            padding: 20px 25px 25px;\r\n        }\r\n\r\n        .travel-cards-section .top-info {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .travel-cards-section .rating {\r\n            background: linear-gradient(to right, #ff9a00, #ff6a00);\r\n            color: white;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .travel-cards-section .date-section {\r\n            background: #1e88e5;\r\n            color: white;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .travel-cards-section h3 {\r\n            margin: 10px 0 12px;\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .travel-cards-section .location {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #7f8c8d;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .travel-cards-section .features {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .travel-cards-section .feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            font-size: 0.85rem;\r\n            color: #7f8c8d;\r\n        }\r\n\r\n        .travel-cards-section .feature i {\r\n            color: #3498db;\r\n        }\r\n\r\n        .travel-cards-section .bottom-info {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-top: 1px solid #f1f1f1;\r\n            padding-top: 18px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .travel-cards-section .btn-book {\r\n            background: linear-gradient(to right, #3498db, #2980b9);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            flex: 1;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .travel-cards-section .btn-book:hover {\r\n            background: linear-gradient(to right, #2980b9, #2471a3);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n        }\r\n\r\n        .travel-cards-section .btn-whatsapp {\r\n            background: linear-gradient(to right, #25D366, #128C7E);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 20px;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.9rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            flex: 1;\r\n        }\r\n\r\n        .travel-cards-section .btn-whatsapp:hover {\r\n            background: linear-gradient(to right, #128C7E, #075E54);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\r\n        }\r\n\r\n        \/* Mobile optimization - Only changed the flex-direction *\/\r\n        @media (max-width: 768px) {\r\n            .travel-cards-section .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .travel-cards-section .card-container {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .travel-cards-section .top-info {\r\n                flex-direction: row; \/* Changed from column to row *\/\r\n                align-items: center;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .travel-cards-section .bottom-info {\r\n                flex-wrap: wrap;\r\n            }\r\n            \r\n            .travel-cards-section .btn-book,\r\n            .travel-cards-section .btn-whatsapp {\r\n                flex: 0 0 calc(50% - 5px);\r\n                min-width: 140px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .travel-cards-section {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .travel-cards-section .header {\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .travel-cards-section .header h1 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .travel-cards-section .header p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .travel-cards-section .card-content {\r\n                padding: 15px 20px 20px;\r\n            }\r\n            \r\n            .travel-cards-section .features {\r\n                gap: 10px;\r\n            }\r\n            \r\n            .travel-cards-section .feature {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .travel-cards-section .top-info {\r\n                gap: 8px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"travel-cards-section\">\r\n        <div class=\"container\">\r\n            <div class=\"header\">\r\n                <h1>Reiseerfahrungen Hoher Atlas Toubkal<\/h1>\r\n                <p>Buchen Sie Ihr n\u00e4chstes Abenteuer mit unseren exklusiven Wandertouren im Atlasgebirge<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"card-container\">\r\n                <!-- Card 1 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/imlil-1.jpg\" alt=\"Atlas Mountain Trekking\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 15 Tage<\/span>\r\n                        <\/div>\r\n                        <h3>Wandern im Atlasgebirge - Besteigung des Toubkal<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Hoher Atlas, Marokko<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i> Aufstieg<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Wanderung<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-home\"><\/i> Berberunterk\u00fcnfte<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/de\/randonnee-dans-latlas\/\" class=\"btn-book\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Buchen\r\n                            <\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/237_3798.jpg\" alt=\"Randonn\u00e9e Berb\u00e8re\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Tage<\/span>\r\n                        <\/div>\r\n                        <h3>Das Tal der Berber mit Akzent auf Toubkal.<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Hoher Atlas, Marokko<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-users\"><\/i> Berber-Kultur<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Trekking<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i> Lokale K\u00fcche<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/de\/randonnee-berbere-avec-ascension-du-toubkal-8-jours\/\" class=\"btn-book\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Buchen\r\n                            <\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"card\">\r\n                    <div class=\"card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/27040681.400x300.jpg\" alt=\"Moyen Atlas\">\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"top-info\">\r\n                            <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\r\n                            <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Tage<\/span>\r\n                        <\/div>\r\n                        <h3>Wandern im Mittleren Atlas<\/h3>\r\n                        <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Mittlerer Atlas, Marokko<\/div>\r\n                        <div class=\"features\">\r\n                            <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Zedernw\u00e4lder<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-water\"><\/i> Wasserf\u00e4lle<\/div>\r\n                            <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Biwak<\/div>\r\n                        <\/div>\r\n                        <div class=\"bottom-info\">\r\n                            <a href=\"https:\/\/maroctreks.com\/de\/randonnee-dans-le-moyen-atlas-8-jours\/\" class=\"btn-book\">\r\n                                <i class=\"fas fa-ticket-alt\"><\/i> Buchen\r\n                            <\/a>\r\n                            <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Phone number\r\n        const whatsappNumber = \"+212667591933\";\r\n        \r\n        \/\/ Add interactivity to WhatsApp buttons\r\n        document.querySelectorAll('.travel-cards-section .btn-whatsapp').forEach(button => {\r\n            button.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                e.preventDefault();\r\n                const cardTitle = this.closest('.card').querySelector('h3').textContent;\r\n                \/\/ Create WhatsApp message\r\n                const message = `Bonjour, je suis int\u00e9ress\u00e9(e) par: ${cardTitle}. Pouvez-vous me donner plus d'informations?`;\r\n                \/\/ Encode the message for URL\r\n                const encodedMessage = encodeURIComponent(message);\r\n                \/\/ Open WhatsApp with pre-filled message (same tab)\r\n                window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_self');\r\n            });\r\n        });\r\n\r\n        \/\/ Add click functionality to cards (only when clicking on the card itself, not buttons)\r\n        document.querySelectorAll('.travel-cards-section .card').forEach(card => {\r\n            card.addEventListener('click', function(e) {\r\n                \/\/ Check if the click was on a button or link\r\n                if (e.target.closest('.btn-book') || e.target.closest('.btn-whatsapp')) {\r\n                    return; \/\/ Don't trigger card click if button was clicked\r\n                }\r\n                \r\n                \/\/ In a real application, this would navigate to the trip details page\r\n                alert('Voir les d\u00e9tails pour: ' + this.querySelector('h3').textContent);\r\n            });\r\n        });\r\n\r\n        \/\/ No JavaScript needed for book buttons - they are regular links that will open the URL directly\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64954b1 e-con-full e-flex e-con e-parent\" data-id=\"64954b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963ac38 elementor-widget elementor-widget-html\" data-id=\"963ac38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Paysages Magnifiques du Maroc - Montagnes de l'Atlas et Vues du D\u00e9sert<\/title>\r\n<meta name=\"description\" content=\"D\u00e9couvrez les points de vue \u00e0 couper le souffle du Maroc dans les montagnes de l'Atlas et le d\u00e9sert du Sahara. Vivez le trekking au Toubkal, les circuits du d\u00e9sert et la culture berb\u00e8re authentique.\">\r\n<meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal, points de vue maroc\">\r\n<style>\r\n    \/* Reset only for our component *\/\r\n    .viewpoints-component * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    }\r\n    \r\n    .viewpoints-component {\r\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n        background: linear-gradient(135deg, #fff8f0, #fff0e1 25%, #ffd8a8 50%, #ffc47b 75%, #ffb04d);\r\n        padding: min(6vw, 96px) min(4vw, 24px);\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n        color: #5e4f2d;\r\n    }\r\n\r\n    .viewpoints-container {\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .viewpoints-header {\r\n        text-align: center;\r\n        margin-bottom: 42px;\r\n        position: relative;\r\n    }\r\n\r\n    .viewpoints-title {\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        color: #4a3b1a;\r\n        font-size: clamp(28px, 5.6vw, 54px);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .viewpoints-subtitle {\r\n        font-size: clamp(15px, 2.2vw, 20px);\r\n        color: #805d3d;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .decorative-line {\r\n        width: 80px;\r\n        height: 4px;\r\n        background: linear-gradient(to right, #e67e22, #d35400);\r\n        margin: 20px auto 0;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .viewpoints-cards {\r\n        display: flex;\r\n        gap: 30px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    .viewpoints-card {\r\n        width: 300px;\r\n        border-radius: 180px 180px 20px 20px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(6px);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n        border: 1px solid #ffead1;\r\n        text-decoration: none;\r\n        display: block;\r\n        color: inherit;\r\n    }\r\n\r\n    .viewpoints-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 25px 60px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .viewpoints-card-image {\r\n        height: 330px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .viewpoints-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 180px 180px 0 0;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .viewpoints-card:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .viewpoints-card-content {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        padding: 20px;\r\n        border-top: 1px solid #ffead1;\r\n    }\r\n\r\n    .viewpoints-card-title {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #4a3b1a;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .viewpoints-card-text {\r\n        color: #805d3d;\r\n        font-size: 14px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .viewpoints-card-features {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .viewpoints-feature {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        font-size: 12px;\r\n        color: #e67e22;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .viewpoints-feature i {\r\n        color: #e67e22;\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 1100px) {\r\n        .viewpoints-cards {\r\n            gap: 25px;\r\n        }\r\n        \r\n        .viewpoints-card {\r\n            width: 280px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .viewpoints-component {\r\n            padding: 40px 20px;\r\n        }\r\n        \r\n        .viewpoints-title {\r\n            font-size: 32px;\r\n        }\r\n        \r\n        .viewpoints-cards {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .viewpoints-card {\r\n            width: 100%;\r\n            max-width: 350px;\r\n        }\r\n    }\r\n<\/style>\r\n<!-- Using Font Awesome via CDN for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Wrap everything in our component container -->\r\n<div class=\"viewpoints-component\">\r\n    <div class=\"viewpoints-container\">\r\n        <div class=\"viewpoints-header\">\r\n            <h1 class=\"viewpoints-title\">Wundersch\u00f6ne Landschaften in Marokko<\/h1>\r\n            <p class=\"viewpoints-subtitle\">\r\n                Entdecken Sie atemberaubende Ausblicke auf das Atlasgebirge und die Sahara-W\u00fcste mit unseren Marokko-Reisen.\r\n            <\/p>\r\n            <div class=\"decorative-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"viewpoints-cards\">\r\n            <a href=\"https:\/\/maroctreks.com\/de\/haut-atlas-mgoun\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0372-scaled.jpg\" alt=\"Haut Atlas Mgoun - Montagnes de l'Atlas Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">Hoher Atlas Mgoun<\/div>\r\n                    <div class=\"viewpoints-card-text\">Atlasgebirge, Marokko<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-mountain\"><\/i>\r\n                            <span>Hohe Gipfel<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-hiking\"><\/i>\r\n                            <span>Trekking<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/maroctreks.com\/de\/le-desert\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174017-scaled.jpg\" alt=\"Le D\u00e9sert - D\u00e9sert du Sahara Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">Die W\u00fcste<\/div>\r\n                    <div class=\"viewpoints-card-text\">Sahara-W\u00fcste, Marokko<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-sun\"><\/i>\r\n                            <span>D\u00fcnen<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-camel\"><\/i>\r\n                            <span>Wanderung in Kamel<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/maroctreks.com\/de\/antis-atlas\/\" class=\"viewpoints-card\" target=\"_self\">\r\n                <div class=\"viewpoints-card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_095439-scaled.jpg\" alt=\"Anti Atlas - Sud du Maroc\">\r\n                <\/div>\r\n                <div class=\"viewpoints-card-content\">\r\n                    <div class=\"viewpoints-card-title\">Anti Atlas<\/div>\r\n                    <div class=\"viewpoints-card-text\">S\u00fcdliches Marokko<\/div>\r\n                    <div class=\"viewpoints-card-features\">\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-tree\"><\/i>\r\n                            <span>W\u00e4lder von Argan<\/span>\r\n                        <\/div>\r\n                        <div class=\"viewpoints-feature\">\r\n                            <i class=\"fas fa-mountain\"><\/i>\r\n                            <span>Felsengipfel<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Add click functionality to cards (optional - can be removed if you prefer just the links)\r\n    document.querySelectorAll('.viewpoints-card').forEach(card => {\r\n        card.addEventListener('click', function(e) {\r\n            \/\/ Optional: You can keep the alert or remove it if you prefer just the link navigation\r\n            const destination = this.querySelector('.viewpoints-card-title').textContent;\r\n            console.log(`Navigating to ${destination} page...`);\r\n            \/\/ The link will handle the navigation automatically\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51d40a e-con-full e-flex e-con e-parent\" data-id=\"e51d40a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b95d122 elementor-widget elementor-widget-html\" data-id=\"b95d122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Maroc Treks - Circuits dans l'Atlas & Aventures au Sahara | Trekking au Toubkal<\/title>\r\n    <meta name=\"description\" content=\"Vivez des circuits et aventures de trekking inoubliables dans les montagnes de l'Atlas et le d\u00e9sert du Sahara au Maroc. Guides professionnels pour l'ascension du Mont Toubkal et excursions dans le d\u00e9sert.\">\r\n    <style>\r\n        \/* Isolated styles with specific namespace *\/\r\n        .maroc-hero-section * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        .maroc-hero-section {\r\n            width: 100vw;\r\n            height: 100vh;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .maroc-background-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/promenades-a-dos-de-chameau-a-erg-chebbi-maroc-scaled.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .maroc-background-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5));\r\n            z-index: 2;\r\n        }\r\n        \r\n        .maroc-centered-content {\r\n            position: relative;\r\n            z-index: 3;\r\n            color: white;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            padding: 0 40px;\r\n        }\r\n        \r\n        .maroc-hero-title {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 25px;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .maroc-hero-description {\r\n            font-size: 1.3rem;\r\n            line-height: 1.6;\r\n            margin-bottom: 35px;\r\n            opacity: 0.9;\r\n            text-shadow: 0 1px 5px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .maroc-hero-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 18px 45px;\r\n            background-color: #e67e22;\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            border-radius: 30px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(230, 126, 34, 0.4);\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1.2rem;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        \r\n        .maroc-hero-btn:hover {\r\n            background-color: #d35400;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(230, 126, 34, 0.6);\r\n        }\r\n        \r\n        .maroc-hero-btn:active {\r\n            transform: translateY(-1px);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .maroc-hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .maroc-hero-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .maroc-hero-btn {\r\n                padding: 16px 35px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .maroc-hero-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .maroc-hero-description {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroc-hero-btn {\r\n                padding: 14px 30px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroc-centered-content {\r\n                padding: 0 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Add this section to your existing website -->\r\n    <div class=\"maroc-hero-section\">\r\n        <div class=\"maroc-background-image\"><\/div>\r\n        <div class=\"maroc-background-overlay\"><\/div>\r\n        <div class=\"maroc-centered-content\">\r\n            <h1 class=\"maroc-hero-title\">Abenteuer- &amp; Trekking-Touren in Marokko<\/h1>\r\n            <p class=\"maroc-hero-description\">Erleben Sie das Beste von Marokko mit unseren von Experten gef\u00fchrten Touren. Trekken Sie auf den Mount Toubkal, erkunden Sie die Sahara-W\u00fcste und lernen Sie die Kultur der Berber kennen.<\/p>\r\n            <a href=\"https:\/\/maroctreks.com\/de\/tous-les-circuits\/\" class=\"maroc-hero-btn\">Ihr Abenteuer buchen<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Your existing website content continues here -->\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d626380 e-con-full e-flex e-con e-parent\" data-id=\"d626380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b861726 elementor-widget elementor-widget-html\" data-id=\"b861726\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Pourquoi Choisir Maroc Treks - Circuits et Trekking Experts au Maroc<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .maroctreks-why-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #ffffff;\r\n            padding: 80px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .maroctreks-why-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .maroctreks-why-section .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .maroctreks-why-section .section-header h2 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .maroctreks-why-section .section-header p {\r\n            font-size: 1.1rem;\r\n            color: #7f8c8d;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .maroctreks-why-section .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n            gap: 30px;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card {\r\n            background: #fff;\r\n            padding: 40px 30px;\r\n            border-radius: 16px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid #f1f1f1;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 90px;\r\n            height: 90px;\r\n            border: 2px solid #e67e22; \/* Changed to orange *\/\r\n            border-radius: 25px;\r\n            opacity: 0.2;\r\n            animation: maroctreks-pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes maroctreks-pulse {\r\n            0% { transform: scale(0.8); opacity: 0.2; }\r\n            50% { transform: scale(1); opacity: 0.1; }\r\n            100% { transform: scale(0.8); opacity: 0.2; }\r\n        }\r\n\r\n        .maroctreks-why-section .feature-icon i {\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(2) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(2) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(3) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(3) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(4) .feature-icon {\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-card:nth-child(4) .feature-icon::after {\r\n            border-color: #e67e22; \/* Changed to orange *\/\r\n        }\r\n\r\n        .maroctreks-why-section .feature-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .maroctreks-why-section .feature-description {\r\n            color: #7f8c8d;\r\n            font-size: 0.9rem; \/* Made smaller as requested *\/\r\n            line-height: 1.5; \/* Adjusted for smaller text *\/\r\n            margin-bottom: 0;\r\n        }\r\n        \r\n        .maroctreks-why-section .feature-description strong {\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n        }\r\n\r\n        .maroctreks-why-section .stats-section {\r\n            margin-top: 80px;\r\n            background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n            border-radius: 20px;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .maroctreks-why-section .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n            gap: 40px;\r\n        }\r\n\r\n        .maroctreks-why-section .stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .maroctreks-why-section .stat-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            display: block;\r\n            color: white; \/* Changed to white as requested *\/\r\n        }\r\n\r\n        .maroctreks-why-section .stat-label {\r\n            font-size: 1.1rem;\r\n            opacity: 0.9;\r\n            color: white; \/* Also making the label white for consistency *\/\r\n        }\r\n\r\n        .maroctreks-why-section .stats-title {\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 40px;\r\n            color: white;\r\n        }\r\n\r\n        \/* Tablet optimization *\/\r\n        @media (max-width: 1024px) {\r\n            .maroctreks-why-section .features-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n                max-width: 800px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile optimization *\/\r\n        @media (max-width: 768px) {\r\n            .maroctreks-why-section {\r\n                padding: 60px 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .features-grid {\r\n                grid-template-columns: 1fr; \/* 1 column for mobile *\/\r\n                max-width: 500px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-section {\r\n                padding: 40px 20px;\r\n                margin-top: 60px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 30px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stat-number {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .maroctreks-why-section {\r\n                padding: 40px 15px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header {\r\n                margin-bottom: 40px;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header h2 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .section-header p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-card {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-icon {\r\n                width: 70px;\r\n                height: 70px;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .maroctreks-why-section .feature-icon i {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n            \r\n            .maroctreks-why-section .stats-title {\r\n                font-size: 1.75rem;\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"maroctreks-why-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>Warum Sie sich f\u00fcr Maroc Treks entscheiden sollten<\/h2>\r\n                <p>Erleben Sie das Beste von Marokko mit unseren von Experten gef\u00fchrten Touren und Trekking-Abenteuern im Atlasgebirge und in der Sahara-W\u00fcste.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"features-grid\">\r\n                <!-- Feature 1 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-mountain\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Expertenf\u00fchrer f\u00fcr den Toubkal<\/h3>\r\n                    <p class=\"feature-description\">Unsere <strong>zertifizierte Bergf\u00fchrer<\/strong> haben umfangreiche Erfahrung mit Trekkingtouren im <strong>Berg Toubkal<\/strong>, Sie k\u00f6nnen Ihre <strong>Sicherheit<\/strong> und ein unvergessliches Erlebnis.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-horse\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Authentische Erlebnisse in der Sahara<\/h3>\r\n                    <p class=\"feature-description\">Durchdringen Sie die wahre <strong>Berberkultur<\/strong> mit unseren <strong>W\u00fcstentouren in der Sahara<\/strong>, einschlie\u00dflich <strong>Kamelreiten<\/strong> und \u00dcbernachtungen in traditionellen Camps.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Security First-Ansatz<\/h3>\r\n                    <p class=\"feature-description\">Ihre <strong>Sicherheit ist unsere Priorit\u00e4t<\/strong>. Alle unsere Touren beinhalten <strong>umfassende Sicherheitsma\u00dfnahmen<\/strong>, Die Sch\u00fclerinnen und Sch\u00fcler k\u00f6nnen sich in der Schule auf eine Reihe von Themen konzentrieren, wie z. B. Erste-Hilfe-Ma\u00dfnahmen und Notfallprotokolle, damit sie sich sicher f\u00fchlen k\u00f6nnen.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"fas fa-heart\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"feature-title\">Nachhaltiger Tourismus<\/h3>\r\n                    <p class=\"feature-description\">Wir engagieren uns in einem <strong>verantwortungsvolles Reisen<\/strong> die unterst\u00fctzt <strong>lokale Gemeinschaften<\/strong> und bewahrt die <strong>nat\u00fcrliche Sch\u00f6nheit<\/strong> Marokkos f\u00fcr zuk\u00fcnftige Generationen.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stats Section -->\r\n            <div class=\"stats-section\">\r\n                <h3 class=\"stats-title\">Unsere Statistiken zu Abenteuern in Marokko<\/h3>\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">5 000+<\/span>\r\n                        <span class=\"stat-label\">Zufriedene Reisende<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">98%<\/span>\r\n                        <span class=\"stat-label\">Erfolgreicher Toubkal-Gipfel<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">20+<\/span>\r\n                        <span class=\"stat-label\">Jahre Erfahrung<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">50+<\/span>\r\n                        <span class=\"stat-label\">Lokale Leitf\u00e4den<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Add counter animation for stats\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const statNumbers = document.querySelectorAll('.maroctreks-why-section .stat-number');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        const statNumber = entry.target;\r\n                        let target;\r\n                        \r\n                        if (statNumber.textContent.includes('%')) {\r\n                            target = parseInt(statNumber.textContent);\r\n                        } else {\r\n                            target = parseInt(statNumber.textContent.replace('+', '').replace('\u202f', '').replace(',', ''));\r\n                        }\r\n                        \r\n                        const duration = 2000;\r\n                        const step = target \/ (duration \/ 16);\r\n                        let current = 0;\r\n                        \r\n                        const timer = setInterval(() => {\r\n                            current += step;\r\n                            if (current >= target) {\r\n                                clearInterval(timer);\r\n                                current = target;\r\n                            }\r\n                            \r\n                            if (statNumber.textContent.includes('%')) {\r\n                                statNumber.textContent = Math.floor(current) + '%';\r\n                            } else {\r\n                                \/\/ Format numbers with French-style spaces for thousands\r\n                                if (target >= 1000) {\r\n                                    statNumber.textContent = Math.floor(current).toLocaleString('fr-FR').replace(\/,\/g, '\u202f') + '+';\r\n                                } else {\r\n                                    statNumber.textContent = Math.floor(current) + '+';\r\n                                }\r\n                            }\r\n                        }, 16);\r\n                        \r\n                        observer.unobserve(statNumber);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n            \r\n            statNumbers.forEach(stat => observer.observe(stat));\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d1fb25 e-con-full e-flex e-con e-parent\" data-id=\"5d1fb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78148a elementor-widget elementor-widget-html\" data-id=\"e78148a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FAQ Voyage Maroc - Circuits, Vols et Planification de Vacances<\/title>\r\n    <meta name=\"description\" content=\"Questions fr\u00e9quemment pos\u00e9es sur les circuits de voyage au Maroc, vols vers le Maroc, quoi porter au Maroc, shopping de bijoux et planification de vacances avec notre agence de voyage Maroc\">\r\n    <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, quoi acheter bijoux maroc, vols vers le maroc, vacances maroc, quoi porter au maroc\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        .faq-section {\r\n            font-family: \"Poppins\", sans-serif;\r\n            background: #f8f9fa;\r\n            padding: 40px 15px;\r\n            display: flex;\r\n            justify-content: center;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .faq-section .container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n        }\r\n\r\n        .faq-section .section-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .faq-section .section-header h2 {\r\n            font-size: 1.75rem;\r\n            font-weight: 700;\r\n            color: #2c3e50;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .faq-section .section-header p {\r\n            font-size: 1rem;\r\n            color: #7f8c8d;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .faq-section .faq-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n\r\n        .faq-section .image-container {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n            height: 250px;\r\n            order: 2;\r\n        }\r\n\r\n        .faq-section .image-container img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .faq-section .image-container:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .faq-section .image-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n            color: white;\r\n            padding: 20px 15px 15px;\r\n        }\r\n\r\n        .faq-section .image-overlay h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .faq-section .image-overlay p {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .faq-section .faq-content {\r\n            background: #ffffff;\r\n            border-radius: 15px;\r\n            padding: 25px 20px;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\r\n            order: 1;\r\n        }\r\n\r\n        .faq-section .faq-item {\r\n            border-bottom: 1px solid #f1f1f1;\r\n            margin-bottom: 15px;\r\n            padding-bottom: 15px;\r\n        }\r\n\r\n        .faq-section .faq-item:last-child {\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .faq-section .faq-question {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            cursor: pointer;\r\n            padding: 12px 0;\r\n        }\r\n\r\n        .faq-section .faq-question h3 {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin: 0;\r\n            flex: 1;\r\n            line-height: 1.4;\r\n            padding-right: 10px;\r\n        }\r\n\r\n        .faq-section .faq-toggle {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            background: #e67e22;\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .faq-section .faq-item.active .faq-toggle {\r\n            background: #d35400;\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-section .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n            color: #7f8c8d;\r\n            line-height: 1.6;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .faq-section .faq-item.active .faq-answer {\r\n            max-height: 1000px;\r\n            padding-top: 12px;\r\n        }\r\n\r\n        .faq-section .airline-list {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 8px;\r\n            margin-top: 12px;\r\n        }\r\n\r\n        .faq-section .airline-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 0;\r\n        }\r\n\r\n        .faq-section .airline-item i {\r\n            color: #e67e22;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .faq-section .contact-cta {\r\n            background: linear-gradient(135deg, #e67e22, #d35400);\r\n            border-radius: 15px;\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            margin-top: 40px;\r\n            color: white;\r\n            box-shadow: 0 10px 25px rgba(230, 126, 34, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            order: 3;\r\n        }\r\n\r\n        .faq-section .contact-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.1;\r\n            z-index: 1;\r\n        }\r\n\r\n        .faq-section .contact-cta > * {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .faq-section .contact-cta h3 {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .faq-section .contact-cta p {\r\n            font-size: 1rem;\r\n            margin-bottom: 25px;\r\n            opacity: 0.95;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .faq-section .cta-button {\r\n            background: white;\r\n            color: #e67e22;\r\n            border: none;\r\n            padding: 14px 30px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 1rem;\r\n            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .faq-section .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        \/* Tablet optimization *\/\r\n        @media (min-width: 768px) {\r\n            .faq-section {\r\n                padding: 60px 30px;\r\n            }\r\n            \r\n            .faq-section .section-header {\r\n                margin-bottom: 50px;\r\n            }\r\n            \r\n            .faq-section .section-header h2 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .faq-section .section-header p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .faq-content {\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .faq-section .image-container {\r\n                height: 350px;\r\n            }\r\n            \r\n            .faq-section .image-overlay {\r\n                padding: 30px 20px 20px;\r\n            }\r\n            \r\n            .faq-section .contact-cta {\r\n                padding: 40px 30px;\r\n                margin-top: 50px;\r\n            }\r\n            \r\n            .faq-section .contact-cta h3 {\r\n                font-size: 1.75rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .airline-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Desktop optimization *\/\r\n        @media (min-width: 992px) {\r\n            .faq-section {\r\n                padding: 80px 20px;\r\n            }\r\n            \r\n            .faq-section .section-header {\r\n                margin-bottom: 60px;\r\n            }\r\n            \r\n            .faq-section .section-header h2 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .faq-section .section-header p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .faq-container {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 50px;\r\n                align-items: start;\r\n            }\r\n            \r\n            .faq-section .image-container {\r\n                height: 500px;\r\n                order: 1;\r\n            }\r\n            \r\n            .faq-section .faq-content {\r\n                order: 2;\r\n                padding: 40px;\r\n            }\r\n            \r\n            .faq-section .faq-question h3 {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta {\r\n                padding: 50px 40px;\r\n                margin-top: 60px;\r\n                order: 3;\r\n                grid-column: 1 \/ -1;\r\n            }\r\n            \r\n            .faq-section .contact-cta h3 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .faq-section .contact-cta p {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .faq-section .cta-button {\r\n                padding: 16px 40px;\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .faq-section .airline-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"faq-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2>FAQ Reisen Marokko<\/h2>\r\n                <p>Erhalten Sie Antworten auf h\u00e4ufig gestellte Fragen zu <strong>Reiserouten in Marokko<\/strong>, Die <strong>Fl\u00fcge nach Marokko<\/strong> und die Planung Ihrer <strong>Urlaub Marokko<\/strong> perfekte<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"faq-container\">\r\n                <!-- Image Container -->\r\n                <div class=\"image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg\" alt=\"Restaurant Arabe Marocain - Exp\u00e9rience Culinaire Culturelle\">\r\n                    <div class=\"image-overlay\">\r\n                        <h3>Authentische marokkanische Erlebnisse<\/h3>\r\n                        <p>Entdecken Sie die reiche Kultur und K\u00fcche Marokkos mit unseren fachkundigen Reiseleitern<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Content -->\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-item active\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Wann ist die beste Reisezeit f\u00fcr Rundreisen in Marokko?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Marokko ist ein Reiseziel, das man besuchen kann <strong>das ganze Jahr \u00fcber<\/strong> f\u00fcr deine <strong>Reiserouten in Marokko<\/strong>. Die <strong>Fr\u00fchling<\/strong> und die'<strong>Herbst<\/strong> bieten milde Temperaturen, die ideal f\u00fcr die Erkundung des Atlasgebirges und der Sahara sind. Unter <strong>Sommer<\/strong>, Die meisten Menschen bevorzugen die Atlantikk\u00fcste (Essaouira, Agadir) und \u00dcbernachtungen in der W\u00fcste. <strong>Winter<\/strong>, Im S\u00fcden bleiben die Tage oft sonnig, wobei in den Bergen Schnee fallen kann. Je nach Art der <strong>Urlaub Marokko<\/strong> die Sie sich w\u00fcnschen (Meer, W\u00fcste oder Berge), k\u00f6nnen Sie die Jahreszeit w\u00e4hlen, die am besten zu Ihrem Reisestil passt.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Was soll ich in Marokko tragen?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Um zu wissen <strong>was in Marokko tragen<\/strong>, In der Regel sollten Sie leichte und bescheidene Kleidung tragen. Frauen k\u00f6nnen f\u00fcr eventuelle Besuche religi\u00f6ser St\u00e4tten ein Kopftuch einplanen. Bequeme Wanderschuhe sind wichtig f\u00fcr die <strong>Reiserouten in Marokko<\/strong>. Die Abende k\u00f6nnen k\u00fchl werden, also packen Sie ein paar Schichten f\u00fcr Ihr Abenteuer von <strong>Urlaub Marokko<\/strong>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Wie buche ich Fl\u00fcge nach Marokko?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Sie k\u00f6nnen Ihre <strong>Fl\u00fcge nach Marokko<\/strong> direkt auf den Websites der Fluggesellschaften oder \u00fcber Online-Flugvergleichsdienste (Art Preisvergleichsdienste). Es ist ratsam, etwa <strong>2 bis 3 Monate im Voraus<\/strong> um bessere Tarife f\u00fcr Ihre <strong>Urlaub Marokko<\/strong>. Die wichtigsten internationalen Flugh\u00e4fen sind Casablanca (CMN), Marrakesch (RAK) und Fes (FEZ). Vergleichen Sie Flugpl\u00e4ne, Zwischenstopps und Gep\u00e4ckbestimmungen, bevor Sie Ihr Ticket best\u00e4tigen.<\/p>\r\n                            \r\n                            <p><strong>Wichtigste ausl\u00e4ndische Fluggesellschaften, die Marokko anfliegen :<\/strong><\/p>\r\n                            <div class=\"airline-list\">\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Easyjet<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Ryanair<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Transavia Frankreich<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> TUI fly Belgium<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Iberia<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Lufthansa<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Air France<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Vueling<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Wizzair<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Emirates<\/div>\r\n                                <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Swiss<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Was kann man in Marokko f\u00fcr Schmuck kaufen?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Um zu wissen <strong>was kaufen Schmuck Marokko<\/strong>, Suchen Sie nach traditionellem Berbersilber, komplizierten Filigranarbeiten und farbenfrohen Emaillest\u00fccken. Die Souks in Marrakesch und Fes bieten <strong>Schmuck Marokko<\/strong> authentisch zu sein. Es ist immer ratsam, mehrere Gesch\u00e4fte zu vergleichen und die Preise mit einem L\u00e4cheln auszuhandeln, um ein besseres Einkaufserlebnis zu haben.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"faq-item\">\r\n                        <div class=\"faq-question\">\r\n                            <h3>Wie bekomme ich ein Visum f\u00fcr Marokko?<\/h3>\r\n                            <div class=\"faq-toggle\">\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"faq-answer\">\r\n                            <p>Die Regeln von <strong>Visum f\u00fcr Marokko<\/strong> h\u00e4ngen von Ihrer Nationalit\u00e4t ab. Viele Reisende ben\u00f6tigen kein Visum f\u00fcr einen touristischen Aufenthalt von <strong>bis zu 90 Tage<\/strong>, Andere m\u00fcssen vor der Abreise ein Visum beantragen. Um zu wissen <strong>wie man ein Visum f\u00fcr Marokko erh\u00e4lt<\/strong>, Erkundigen Sie sich bei der'<strong>der marokkanischen Botschaft oder des Konsulats<\/strong> in Ihrem Land oder informieren Sie sich auf der offiziellen Website Ihres Au\u00dfenministeriums. In der Regel ben\u00f6tigen Sie einen g\u00fcltigen Reisepass, ein Antragsformular, Passfotos, manchmal eine Flug- und Unterkunftsbuchung sowie eine Reiseversicherung. \u00dcberpr\u00fcfen Sie immer die aktuellsten Bedingungen, bevor Sie Ihr <strong>Urlaub Marokko<\/strong>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Contact CTA - now inside faq-container for better mobile flow -->\r\n                <div class=\"contact-cta\">\r\n                    <h3>Planen Sie Ihr marokkanisches Abenteuer<\/h3>\r\n                    <p>Sie k\u00f6nnen Ihre <strong>Fl\u00fcge nach Marokko<\/strong>, W\u00e4hlen Sie Ihre Route und bauen Sie Ihre <strong>Urlaub Marokko<\/strong> ganz nach Ihren W\u00fcnschen. Wenn Sie Fragen haben, z\u00f6gern Sie nicht, uns zu kontaktieren.<\/p>\r\n                    <a href=\"https:\/\/maroctreks.com\/de\/contact\/\" class=\"cta-button\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                        Kontaktieren Sie uns\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ FAQ toggle functionality\r\n        document.querySelectorAll('.faq-section .faq-question').forEach(question => {\r\n            question.addEventListener('click', function() {\r\n                const faqItem = this.parentElement;\r\n                const isActive = faqItem.classList.contains('active');\r\n                \r\n                \/\/ Close all FAQ items\r\n                document.querySelectorAll('.faq-section .faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't active\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Maroc Treks &#8211; Circuits de Voyage au Maroc et Aventures dans le Sahara Votre navigateur ne supporte pas la balise vid\u00e9o. D\u00e9couvrez le Maroc avec Maroc Treks Vivez une exp\u00e9rience authentique de trekking dans l&rsquo;Atlas, d&rsquo;aventures dans le d\u00e9sert du Sahara et d&rsquo;immersion dans la culture berb\u00e8re avec nos guides locaux experts. Nous Contacter Nos [&hellip;]<\/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-275","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":198,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":1047,"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/pages\/275\/revisions\/1047"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/de\/wp-json\/wp\/v2\/media?parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}