{"id":690,"date":"2026-03-12T00:50:08","date_gmt":"2026-03-12T00:50:08","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=690"},"modified":"2026-03-12T01:03:09","modified_gmt":"2026-03-12T01:03:09","slug":"about","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/de\/about\/","title":{"rendered":"\u00dcber"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"690\" class=\"elementor elementor-690\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb0b354 e-con-full e-flex e-con e-parent\" data-id=\"cb0b354\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b524889 elementor-widget elementor-widget-html\" data-id=\"b524889\" 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=\"en\">\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>About Us \u2013 Morocco Travel<\/title>\r\n    <!-- Font Awesome 6 (free) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* === ABOUT PAGE - UNIQUE PREFIX \"mta\" (Morocco Travel About) === *\/\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: 'Inter', sans-serif;\r\n            background: #f9fafb;\r\n            color: #1e293b;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ----- BANNER SECTION ----- *\/\r\n        .mta-banner {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 450px;\r\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .mta-banner-bg {\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:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Ksar-of-Ait-Ben-Haddou-Morocco-GettyImages-1200043570.webp');\r\n            background-size: cover;\r\n            background-position: center 40%;\r\n            filter: brightness(0.65) saturate(1.1);\r\n            transition: transform 8s ease;\r\n            z-index: 0;\r\n        }\r\n\r\n        .mta-banner:hover .mta-banner-bg {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .mta-banner-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(135deg, rgba(15,23,42,0.7) 0%, rgba(30,41,59,0.5) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .mta-banner-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 30px;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .mta-banner-subtitle {\r\n            display: inline-block;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            background: rgba(208,146,61,0.25);\r\n            backdrop-filter: blur(5px);\r\n            padding: 8px 20px;\r\n            border-radius: 40px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid rgba(208,146,61,0.4);\r\n        }\r\n\r\n        .mta-banner-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(36px, 8vw, 64px);\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            margin-bottom: 20px;\r\n            text-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .mta-banner-title span {\r\n            color: #d0923d;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .mta-banner-title span::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 8px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 10px;\r\n            background: rgba(208,146,61,0.3);\r\n            z-index: -1;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .mta-banner-breadcrumb {\r\n            display: flex;\r\n            gap: 10px;\r\n            font-size: 15px;\r\n            color: rgba(255,255,255,0.8);\r\n        }\r\n\r\n        .mta-banner-breadcrumb a {\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .mta-banner-breadcrumb a:hover {\r\n            color: #d0923d;\r\n        }\r\n\r\n        .mta-banner-breadcrumb i {\r\n            font-size: 12px;\r\n            color: #d0923d;\r\n        }\r\n\r\n        \/* ----- STORY SECTION (IMAGE LEFT, TEXT RIGHT) ----- *\/\r\n        .mta-story {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 80px 30px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            align-items: center;\r\n        }\r\n\r\n        .mta-story-image {\r\n            position: relative;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\r\n            height: 500px;\r\n        }\r\n\r\n        .mta-story-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .mta-story-image:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .mta-story-image::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            right: 20px;\r\n            bottom: 20px;\r\n            border: 2px solid rgba(255,255,255,0.3);\r\n            border-radius: 20px;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mta-story-content {\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .mta-story-sub {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            color: #d0923d;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .mta-story-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            color: #0f172a;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .mta-story-title span {\r\n            color: #d0923d;\r\n        }\r\n\r\n        .mta-story-text {\r\n            color: #475569;\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .mta-story-text p {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* ----- VALUES SECTION (CENTERED) ----- *\/\r\n        .mta-values {\r\n            background: #f8fafc;\r\n            padding: 80px 30px;\r\n            text-align: center;\r\n        }\r\n\r\n        .mta-values-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .mta-values-sub {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            color: #d0923d;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .mta-values-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: #0f172a;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mta-values-title span {\r\n            color: #d0923d;\r\n        }\r\n\r\n        .mta-values-desc {\r\n            max-width: 700px;\r\n            margin: 0 auto 50px;\r\n            color: #475569;\r\n            font-size: 17px;\r\n        }\r\n\r\n        .mta-values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .mta-value-item {\r\n            background: white;\r\n            padding: 40px 30px;\r\n            border-radius: 30px;\r\n            box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid #edf2f7;\r\n        }\r\n\r\n        .mta-value-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 30px 50px -20px rgba(208,146,61,0.2);\r\n            border-color: rgba(208,146,61,0.2);\r\n        }\r\n\r\n        .mta-value-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            background: rgba(208,146,61,0.08);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            font-size: 30px;\r\n            color: #d0923d;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .mta-value-item:hover .mta-value-icon {\r\n            background: #d0923d;\r\n            color: white;\r\n        }\r\n\r\n        .mta-value-item h3 {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .mta-value-item p {\r\n            color: #64748b;\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ----- GALLERY SECTION (TWO IMAGES) ----- *\/\r\n        .mta-gallery {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 80px 30px;\r\n        }\r\n\r\n        .mta-gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .mta-gallery-item {\r\n            position: relative;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            height: 400px;\r\n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .mta-gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .mta-gallery-item:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .mta-gallery-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            right: 20px;\r\n            bottom: 20px;\r\n            border: 2px solid rgba(255,255,255,0.3);\r\n            border-radius: 20px;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* ----- CTA SECTION ----- *\/\r\n        .mta-cta {\r\n            background: linear-gradient(135deg, #d0923d, #b37a34);\r\n            padding: 60px 30px;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .mta-cta-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .mta-cta-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mta-cta-desc {\r\n            font-size: 18px;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .mta-cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            background: white;\r\n            color: #d0923d;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            padding: 16px 40px;\r\n            border-radius: 60px;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 15px 30px -8px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .mta-cta-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 20px 35px -8px rgba(0,0,0,0.3);\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .mta-cta-btn i {\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .mta-cta-btn:hover i {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* ----- RESPONSIVE ----- *\/\r\n        @media (max-width: 992px) {\r\n            .mta-story {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            .mta-story-content {\r\n                padding-left: 0;\r\n            }\r\n            .mta-values-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .mta-banner {\r\n                height: 380px;\r\n            }\r\n            .mta-story-image {\r\n                height: 400px;\r\n            }\r\n            .mta-values-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            .mta-gallery-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .mta-gallery-item {\r\n                height: 300px;\r\n            }\r\n            .mta-story-title,\r\n            .mta-values-title,\r\n            .mta-cta-title {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mta-banner {\r\n                height: 320px;\r\n            }\r\n            .mta-banner-content {\r\n                padding: 0 20px;\r\n            }\r\n            .mta-story,\r\n            .mta-values,\r\n            .mta-gallery {\r\n                padding: 50px 20px;\r\n            }\r\n            .mta-story-image {\r\n                height: 300px;\r\n            }\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ABOUT US BANNER with Ksar of Ait Ben Haddou image -->\r\n    <section class=\"mta-banner\">\r\n        <div class=\"mta-banner-bg\" style=\"background-image: url('https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Ksar-of-Ait-Ben-Haddou-Morocco-GettyImages-1200043570.webp');\"><\/div>\r\n        <div class=\"mta-banner-overlay\"><\/div>\r\n        <div class=\"mta-banner-content\">\r\n            <span class=\"mta-banner-subtitle\">Unsere Geschichte<\/span>\r\n            <h1 class=\"mta-banner-title\">\u00dcber <span>Marokko Reisen<\/span><\/h1>\r\n            <div class=\"mta-banner-breadcrumb\">\r\n                <a href=\"https:\/\/moroccotravel.ai\/de\/\">Startseite<\/a>\r\n                <i class=\"fas fa-chevron-right\"><\/i>\r\n                <span>\u00dcber uns<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- STORY SECTION (IMAGE LEFT - Marrakech hero) -->\r\n    <section class=\"mta-story\">\r\n        <div class=\"mta-story-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/marrakech-ma-hero.D93srtI5-scaled.webp\" alt=\"Morocco travel - Marrakech experience\">\r\n        <\/div>\r\n        <div class=\"mta-story-content\">\r\n            <div class=\"mta-story-sub\">Wer wir sind<\/div>\r\n            <h2 class=\"mta-story-title\">Leidenschaftlich <span>Reiseexperten<\/span> Seit 2010<\/h2>\r\n            <div class=\"mta-story-text\">\r\n                <p>Morocco Travel entstand aus der Liebe zur W\u00fcste, zu den Bergen und zur herzlichen Gastfreundschaft der Marokkaner. Was als kleine gef\u00fchrte Wanderungen im Atlasgebirge begann, hat sich zu einem f\u00fchrenden Reiseunternehmen entwickelt, das authentische Erlebnisse im ganzen Land anbietet.<\/p>\r\n                <p>Wir sind davon \u00fcberzeugt, dass es beim Reisen um Verbindungen geht \u2013 zu Landschaften, Kulturen und Menschen. Deshalb ist jede Reise so konzipiert, dass Sie in das echte Marokko eintauchen k\u00f6nnen, von den gesch\u00e4ftigen Medinas bis hin zu den ruhigen Camps in der Sahara, begleitet von lokalen Reiseleitern, die ihr Insiderwissen und ihre Leidenschaft mit Ihnen teilen.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- VALUES SECTION -->\r\n    <section class=\"mta-values\">\r\n        <div class=\"mta-values-container\">\r\n            <div class=\"mta-values-sub\">Warum mit uns reisen?<\/div>\r\n            <h2 class=\"mta-values-title\">Unser <span>Grundwerte<\/span><\/h2>\r\n            <p class=\"mta-values-desc\">Wir setzen uns f\u00fcr verantwortungsbewusste, authentische und unvergessliche Reiseerlebnisse ein.<\/p>\r\n\r\n            <div class=\"mta-values-grid\">\r\n                <div class=\"mta-value-item\">\r\n                    <div class=\"mta-value-icon\">\r\n                        <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n                    <\/div>\r\n                    <h3>Authentische Erlebnisse<\/h3>\r\n                    <p>Wir f\u00fchren Sie abseits der ausgetretenen Pfade, damit Sie das echte Marokko, seine Traditionen und seine Menschen kennenlernen k\u00f6nnen.<\/p>\r\n                <\/div>\r\n                <div class=\"mta-value-item\">\r\n                    <div class=\"mta-value-icon\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h3>Lokale Fachkompetenz<\/h3>\r\n                    <p>Unsere Reiseleiter sind in Marokko geboren und aufgewachsen und geben ihr Insiderwissen weiter und zeigen Ihnen verborgene Sch\u00e4tze.<\/p>\r\n                <\/div>\r\n                <div class=\"mta-value-item\">\r\n                    <div class=\"mta-value-icon\">\r\n                        <i class=\"fas fa-leaf\"><\/i>\r\n                    <\/div>\r\n                    <h3>Nachhaltiges Reisen<\/h3>\r\n                    <p>Wir respektieren die Natur und unterst\u00fctzen die lokalen Gemeinschaften, damit der Tourismus allen zugutekommt.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- GALLERY SECTION (TWO IMAGES - WhatsApp image and Inside Guide) -->\r\n    <section class=\"mta-gallery\">\r\n        <div class=\"mta-gallery-grid\">\r\n            <div class=\"mta-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/rigel-dTo6fNHOaf8-unsplash-scaled-1.webp\" alt=\"Morocco travel - local experience\">\r\n            <\/div>\r\n            <div class=\"mta-gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/wst_insideguide_fcr-458888_hr-scaled.avif\" alt=\"Morocco travel - local guide\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA SECTION -->\r\n    <section class=\"mta-cta\">\r\n        <div class=\"mta-cta-container\">\r\n            <h2 class=\"mta-cta-title\">Bereit f\u00fcr ein <span style=\"color:#0f172a;\">Abenteuer?<\/span><\/h2>\r\n            <p class=\"mta-cta-desc\">Lassen Sie uns die perfekte Marokko-Reiseroute speziell f\u00fcr Sie zusammenstellen.<\/p>\r\n            <a href=\"https:\/\/moroccotravel.ai\/de\/contact\/\" class=\"mta-cta-btn\">\r\n                Beginnen Sie Ihre Reise <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\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>About Us \u2013 Morocco Travel Our story About Morocco Travel Home About Us Who we are Passionate Travel Experts Since 2010 Morocco Travel was born from a love of the desert, the mountains, and the warm hospitality of the Moroccan people. What started as small guided treks in the Atlas Mountains has grown into a [&hellip;]<\/p>\n","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-690","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/comments?post=690"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/690\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/pages\/690\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/de\/wp-json\/wp\/v2\/media?parent=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}