{"id":131,"date":"2026-02-10T02:22:06","date_gmt":"2026-02-10T02:22:06","guid":{"rendered":"https:\/\/www.chilloutsurf.com\/?page_id=131"},"modified":"2026-04-14T15:01:15","modified_gmt":"2026-04-14T15:01:15","slug":"contact-taghazout-surf-camp","status":"publish","type":"page","link":"https:\/\/chilloutsurf.com\/de\/contact-taghazout-surf-camp\/","title":{"rendered":"Contact Taghazout Surf Camp"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"131\" class=\"elementor elementor-131\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a77b7 e-con-full e-flex e-con e-parent\" data-id=\"22a77b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eedb15d elementor-widget elementor-widget-html\" data-id=\"eedb15d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- COMPLETE CONTACT PAGE CODE (WITH UTILS, LANG SWITCHER & FULL MENU) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* --- GLOBAL VARIABLES & RESET --- *\/\r\n    :root {\r\n        --primary-blue: #2563EB;\r\n        --hover-blue: #0EA5E9;\r\n        --accent-yellow: #FACC15;\r\n        --text-dark: #111827;\r\n        --text-gray: #4B5563;\r\n        --bg-white: #ffffff;\r\n        --bg-gray: #f9fafb;\r\n        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n        --radius-md: 8px;\r\n        --radius-lg: 16px;\r\n    }\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; color: var(--text-dark); line-height: 1.6; background-color: var(--bg-white); overflow-x: hidden; }\r\n    a { text-decoration: none; color: inherit; transition: 0.2s ease; }\r\n    ul { list-style: none; }\r\n    img { max-width: 100%; height: auto; display: block; }\r\n\r\n    \/* --- UTILITY BAR (TOP BAR) --- *\/\r\n    .utility-bar {\r\n        background-color: #111827;\r\n        color: #d1d5db;\r\n        font-size: 0.85rem;\r\n        padding: 8px 20px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n        z-index: 1002;\r\n        position: relative;\r\n    }\r\n    .utility-left, .utility-right {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n    .utility-left a, .utility-right a {\r\n        color: #d1d5db;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n    .utility-left a:hover, .utility-right a:hover { color: white; }\r\n    @media (max-width: 768px) { .utility-bar { display: none; } }\r\n\r\n    \/* --- HEADER & NAVIGATION --- *\/\r\n    .site-header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #e5e7eb; box-shadow: var(--shadow-sm); }\r\n    .logo img { height: 60px; width: auto; }\r\n    \r\n    .desktop-nav { display: flex; gap: 30px; align-items: center; }\r\n    .desktop-nav > a { font-size: 0.95rem; font-weight: 600; color: var(--text-dark); text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .desktop-nav > a:hover { color: var(--primary-blue); }\r\n\r\n    \/* Language Switcher (Desktop) *\/\r\n    .lang-switcher { position: relative; cursor: pointer; }\r\n    .lang-toggle {\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        color: var(--text-dark);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        user-select: none;\r\n    }\r\n    .lang-toggle i { font-size: 1rem; }\r\n    .lang-dropdown {\r\n        position: absolute;\r\n        top: 100%;\r\n        right: 0;\r\n        margin-top: 10px;\r\n        background: white;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: var(--radius-md);\r\n        box-shadow: var(--shadow-lg);\r\n        min-width: 140px;\r\n        display: none;\r\n        padding: 8px 0;\r\n        text-align: left;\r\n        z-index: 1001;\r\n    }\r\n    .lang-dropdown.active { display: block; }\r\n    .lang-dropdown a {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 8px 16px;\r\n        font-size: 0.9rem;\r\n        color: var(--text-dark);\r\n        text-transform: none;\r\n        font-weight: 500;\r\n    }\r\n    .lang-dropdown a:hover { background-color: #f3f4f6; color: var(--primary-blue); }\r\n\r\n    \/* Mobile Menu *\/\r\n    .mobile-menu-btn { display: none; background: none; border: none; cursor: pointer; }\r\n    .mobile-nav-overlay {\r\n        position: fixed; top: 0; right: -100%; width: 80%; height: 100vh;\r\n        background: white; z-index: 2000; transition: right 0.3s ease;\r\n        box-shadow: -5px 0 15px rgba(0,0,0,0.1); display: flex; flex-direction: column;\r\n        padding: 80px 30px 30px;\r\n        overflow-y: auto;\r\n    }\r\n    .mobile-nav-overlay.active { right: 0; }\r\n    .mobile-nav-close {\r\n        position: absolute; top: 20px; right: 20px; background: none; border: none; cursor: pointer;\r\n    }\r\n    .mobile-nav-link {\r\n        font-size: 1.25rem; font-weight: 600; padding: 15px 0; border-bottom: 1px solid #f3f4f6; color: var(--text-dark);\r\n    }\r\n\r\n    \/* Mobile Menu Footer (Content inside Burger) *\/\r\n    .mobile-menu-footer {\r\n        margin-top: 40px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid #f3f4f6;\r\n    }\r\n    .mobile-contact-item {\r\n        display: flex; align-items: center; gap: 10px; margin-bottom: 10px;\r\n        color: var(--text-dark); font-size: 0.95rem;\r\n    }\r\n    .mobile-contact-item a { color: var(--primary-blue); font-weight: 600; }\r\n    \r\n    .mobile-languages { margin: 15px 0; }\r\n    .mobile-lang-title {\r\n        font-size: 0.85rem; text-transform: uppercase; color: var(--text-gray);\r\n        margin-bottom: 8px; letter-spacing: 1px;\r\n    }\r\n    .mobile-langs-list { display: flex; gap: 15px; }\r\n    .mobile-langs-list a { font-size: 1.5rem; display: flex; align-items: center; gap: 5px; }\r\n    \r\n    .mobile-socials { display: flex; gap: 15px; margin-top: 15px; }\r\n    .mobile-socials a {\r\n        width: 36px; height: 36px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        background: #f3f4f6; border-radius: 50%; color: var(--text-dark);\r\n        font-size: 1.1rem;\r\n    }\r\n    .mobile-socials a:hover { background: var(--primary-blue); color: white; }\r\n\r\n    @media (max-width: 768px) {\r\n        .desktop-nav { display: none; }\r\n        .mobile-menu-btn { display: block; }\r\n        .logo img { height: 45px; }\r\n    }\r\n\r\n    \/* --- CONTACT PAGE STYLES --- *\/\r\n    #contact-hero { padding: 60px 20px 20px; text-align: center; background: var(--bg-white); }\r\n    .contact-title { font-size: 2rem; font-weight: 800; color: var(--text-dark); margin-bottom: 10px; }\r\n    .contact-subtitle { color: var(--text-gray); font-size: 1.1rem; max-width: 600px; margin: 0 auto; }\r\n\r\n    .contact-section { padding: 40px 20px; background-color: var(--bg-gray); }\r\n    .contact-container { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }\r\n\r\n    \/* Info Grid *\/\r\n    .contact-info-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .contact-info-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    .contact-card {\r\n        background: white;\r\n        padding: 25px;\r\n        border-radius: var(--radius-md);\r\n        border: 1px solid #e5e7eb;\r\n        text-align: center;\r\n        transition: 0.3s;\r\n    }\r\n    .contact-card:hover { border-color: var(--primary-blue); box-shadow: var(--shadow-sm); }\r\n    \r\n    .contact-icon {\r\n        color: var(--primary-blue);\r\n        margin-bottom: 15px;\r\n        height: 24px;\r\n        width: 24px;\r\n    }\r\n    \r\n    .contact-label { font-size: 0.9rem; font-weight: 600; color: var(--text-gray); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .contact-value { font-size: 1.1rem; font-weight: 700; color: var(--text-dark); word-break: break-word; }\r\n    .contact-value a:hover { color: var(--primary-blue); text-decoration: underline; }\r\n\r\n    \/* --- FORM WRAPPER (ADDED) --- *\/\r\n    .contact-form-container {\r\n        background: white;\r\n        padding: 40px;\r\n        border-radius: var(--radius-lg);\r\n        border: 1px solid #e5e7eb;\r\n        box-shadow: var(--shadow-sm);\r\n    }\r\n    \/* Adjust WPForms basic styles to match theme *\/\r\n    .contact-form-container .wpforms-container .wpforms-field-label {\r\n        color: var(--text-dark);\r\n        font-weight: 600;\r\n        font-size: 0.95rem;\r\n    }\r\n    .contact-form-container .wpforms-submit {\r\n        background-color: var(--primary-blue);\r\n        color: white;\r\n        border: none;\r\n        padding: 12px 24px;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        border-radius: var(--radius-md);\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n    .contact-form-container .wpforms-submit:hover {\r\n        background-color: var(--hover-blue);\r\n    }\r\n\r\n    \/* Map Container *\/\r\n    .map-wrapper {\r\n        width: 100%;\r\n        height: 350px; \/* Compact height *\/\r\n        border-radius: var(--radius-lg);\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-md);\r\n        border: 4px solid white;\r\n        background: #e5e7eb;\r\n    }\r\n    .map-wrapper iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n    }\r\n\r\n    \/* --- FOOTER --- *\/\r\n    .site-footer { background: #111827; color: white; padding: 80px 20px 30px; width: 100%; position: relative; overflow: hidden; }\r\n    .footer-grid { display: grid; grid-template-columns: 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; }\r\n    .footer-col h4 { font-size: 1.1rem; margin-bottom: 20px; color: white; font-weight: 700; }\r\n    .footer-col ul li { margin-bottom: 12px; }\r\n    .footer-col a { color: #9ca3af; font-size: 0.95rem; }\r\n    .footer-col a:hover { color: white; }\r\n    .bottom-footer { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; padding-top: 20px; display: flex; flex-direction: column; align-items: center; gap: 15px; }\r\n    .payment-row { display: flex; align-items: center; gap: 10px; }\r\n    .payment-row img { height: 30px; width: auto; filter: grayscale(100%) brightness(200%); opacity: 0.7; transition: 0.3s; }\r\n    .payment-row img:hover { opacity: 1; filter: none; }\r\n    .payment-text { font-size: 0.85rem; color: #9ca3af; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }\r\n    .copyright { color: #6b7280; font-size: 0.85rem; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; }\r\n    .copyright a:hover { color: white; }\r\n    @media (min-width: 768px) { .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }\r\n<\/style>\r\n\r\n<!-- ============================================ -->\r\n<!-- UTILITY BAR -->\r\n<!-- ============================================ -->\r\n<div class=\"utility-bar\">\r\n    <div class=\"utility-left\">\r\n        <span><i class=\"fas fa-map-marker-alt\"><\/i> Taghazout Bay 800023<\/span>\r\n        <a href=\"https:\/\/wa.me\/212715511910\" target=\"_blank\" rel=\"noopener\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> +212 715 511 910\r\n        <\/a>\r\n    <\/div>\r\n    <div class=\"utility-right\">\r\n        <a href=\"https:\/\/www.facebook.com\/ChilloutSurf\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/channel\/UCwpAz--UQX9DR-iPzb7RiDg\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/chilloutsurf\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================ -->\r\n<!-- HEADER -->\r\n<!-- ============================================ -->\r\n<header class=\"site-header\">\r\n    <a href=\"https:\/\/chilloutsurf.com\/de\/\" class=\"logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/CHILL-OUT-CAMP-LOGO-1.png\" alt=\"Chillout Surf\">\r\n    <\/a>\r\n    \r\n    <nav class=\"desktop-nav\">\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/\">Startseite<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-packages\/\">Pakete<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/blog-surf-camp-taghazout\/\">Blog<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/contact-taghazout-surf-camp\/\" style=\"color:var(--primary-blue);\">Kontakt<\/a>\r\n        \r\n        <!-- Desktop Language Dropdown -->\r\n        <div class=\"lang-switcher\" id=\"langSwitcher\">\r\n            <div class=\"lang-toggle\" id=\"langToggle\">\r\n                <i class=\"fas fa-globe\"><\/i> English\r\n            <\/div>\r\n            <div class=\"lang-dropdown\" id=\"langDropdown\">\r\n                <a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-chill-out-surf-camp\/\">\ud83c\uddec\ud83c\udde7 English<\/a>\r\n                <a href=\"#\">\ud83c\udde9\ud83c\uddea Deutsch<\/a>\r\n                <a href=\"#\">\ud83c\uddea\ud83c\uddf8 Espa\u00f1ol<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <button class=\"mobile-menu-btn\" onclick=\"toggleMenu()\">\r\n        <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#111827\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\r\n    <\/button>\r\n    \r\n    <div class=\"mobile-nav-overlay\" id=\"mobileNav\">\r\n        <button class=\"mobile-nav-close\" onclick=\"toggleMenu()\">\r\n            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#111827\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n        <\/button>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/\" class=\"mobile-nav-link\" onclick=\"toggleMenu()\">Startseite<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-packages\/\" class=\"mobile-nav-link\" onclick=\"toggleMenu()\">Pakete<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/blog-surf-camp-taghazout\/\" class=\"mobile-nav-link\" onclick=\"toggleMenu()\">Blog<\/a>\r\n        <a href=\"https:\/\/chilloutsurf.com\/de\/contact-taghazout-surf-camp\/\" class=\"mobile-nav-link\" onclick=\"toggleMenu()\">Kontakt<\/a>\r\n\r\n        <!-- Mobile Menu Footer -->\r\n        <div class=\"mobile-menu-footer\">\r\n            <div class=\"mobile-languages\">\r\n                <div class=\"mobile-lang-title\">Select Language<\/div>\r\n                <div class=\"mobile-langs-list\">\r\n                    <a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-chill-out-surf-camp\/\" title=\"English\">\ud83c\uddec\ud83c\udde7<\/a>\r\n                    <a href=\"#\" title=\"German\">\ud83c\udde9\ud83c\uddea<\/a>\r\n                    <a href=\"#\" title=\"Spanish\">\ud83c\uddea\ud83c\uddf8<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mobile-contact-item\">\r\n                <i class=\"fas fa-map-marker-alt\" style=\"color: var(--text-gray);\"><\/i> Taghazout Bay 800023\r\n            <\/div>\r\n            <div class=\"mobile-contact-item\">\r\n                <i class=\"fab fa-whatsapp\" style=\"color: var(--text-gray);\"><\/i> \r\n                <a href=\"https:\/\/wa.me\/212715511910\" target=\"_blank\" rel=\"noopener\">+212 715 511 910<\/a>\r\n            <\/div>\r\n            <div class=\"mobile-socials\">\r\n                <a href=\"https:\/\/www.facebook.com\/ChilloutSurf\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.youtube.com\/channel\/UCwpAz--UQX9DR-iPzb7RiDg\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.instagram.com\/chilloutsurf\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- CONTACT TITLE -->\r\n<section id=\"contact-hero\">\r\n    <h1 class=\"contact-title\">Kontakt<\/h1>\r\n    <p class=\"contact-subtitle\">Hast du Fragen zu unseren Surf-Paketen oder der Unterkunft? Wir sind hier, um dir bei der Planung deines perfekten Trips zu helfen.<\/p>\r\n<\/section>\r\n\r\n<!-- CONTACT INFO & MAP -->\r\n<section class=\"contact-section\" id=\"contact\">\r\n    <div class=\"contact-container\">\r\n        \r\n        <!-- Contact Details -->\r\n        <div class=\"contact-info-grid\">\r\n            <!-- Email -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <div class=\"contact-label\">Email<\/div>\r\n                <div class=\"contact-value\">\r\n                    <a href=\"mailto:booking@chilloutsurf.com\">booking@chilloutsurf.com<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Phone -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81-.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                <\/div>\r\n                <div class=\"contact-label\">Telefon \/ WhatsApp<\/div>\r\n                <div class=\"contact-value\">\r\n                    <a href=\"https:\/\/wa.me\/212715511910\" target=\"_blank\" rel=\"noopener\">+212 715 511 910<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Address -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"contact-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                <\/div>\r\n                <div class=\"contact-label\">Location<\/div>\r\n                <div class=\"contact-value\">Taghazout Bay, Morocco<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ============================================ -->\r\n        <!-- FORM SECTION (ADDED HERE) -->\r\n        <!-- ============================================ -->\r\n        <div class=\"contact-form-container\">\r\n            <!-- \r\n               NOTE: If you paste this code directly into a WordPress \"Custom HTML\" block, \r\n               the shortcode below will appear as plain text. \r\n               \r\n               If using the WordPress Editor (Gutenberg), you should split this HTML:\r\n               1. Paste HTML up to this point.\r\n               2. Insert a \"Shortcode\" block and put [wpforms id=\"691\"] inside it.\r\n               3. Continue with the remaining HTML (Map).\r\n            -->\r\n            <div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-529\"><form id=\"wpforms-form-529\" class=\"wpforms-validate wpforms-form\" data-formid=\"529\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de\/wp-json\/wp\/v2\/pages\/131\" data-token=\"7ceb516044f52ac3850105e06cb1f9f4\" data-token-time=\"1777977064\" data-trp-original-action=\"\/de\/wp-json\/wp\/v2\/pages\/131\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-hidden\" id=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-529-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-529-field_0\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][0][first]\" aria-errormessage=\"wpforms-529-field_0-error\" required><label for=\"wpforms-529-field_0\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-529-field_0-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][0][last]\" aria-errormessage=\"wpforms-529-field_0-last-error\" required><label for=\"wpforms-529-field_0-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-529-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-529-field_1\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-529-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" spellcheck=\"false\" aria-errormessage=\"wpforms-529-field_1-error\" required><\/div><div id=\"wpforms-529-field_3-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-529-field_3\">Telefonnummer<\/label><input type=\"tel\" id=\"wpforms-529-field_3\" class=\"wpforms-field-medium\" data-rule-int-phone-field=\"true\" name=\"wpforms[fields][3]\" aria-label=\"Telefonnummer\" aria-errormessage=\"wpforms-529-field_3-error\" ><\/div><div id=\"wpforms-529-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-529-field_2\">Kommentar oder Nachricht <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-529-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-529-field_2-error\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"529\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/131\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-529\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Absenden<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div>  <!-- .wpforms-container -->\r\n        <\/div>\r\n\r\n        <!-- Map -->\r\n        <div class=\"map-wrapper\">\r\n            <!-- Using generic embed query for Taghazout Bay since short links don't work in iframes -->\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d4077.9212166987845!2d-9.6722711!3d30.498171099999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xdb24d45a2db7f03%3A0x8c7f950facd35a84!2sChilloutsurf%20Hostel%20%26%20Yoga!5e1!3m2!1sen!2sma!4v1770689870723!5m2!1sen!2sma\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER (INTEGRATED ROBUST VERSION) -->\r\n<footer class=\"site-footer\">\r\n    <div class=\"footer-grid\">\r\n        <!-- Col 1: Logo & Desc -->\r\n        <div class=\"footer-col\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/chillout-logo-white-1.png\" alt=\"Chillout Logo\" style=\"height: 60px; margin-bottom: 20px; filter: brightness(0) invert(1);\">\r\n            <p style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.6;\">\r\n                Experience the best surf in Morocco with our expert guides and comfortable accommodatioN. We make your holiday unforgettable.\r\n\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Col 2: Quick Links -->\r\n        <div class=\"footer-col\">\r\n            <h4>Quick-Links<\/h4>\r\n            <ul>\r\n                <li><a href=\"https:\/\/chilloutsurf.com\/de\/\">Startseite<\/a><\/li>\r\n                <li><a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-packages\/\">Pakete<\/a><\/li>\r\n                <li><a href=\"https:\/\/chilloutsurf.com\/de\/blog-surf-camp-taghazout\/\">Blog<\/a><\/li>\r\n                <li><a href=\"https:\/\/chilloutsurf.com\/de\/contact-taghazout-surf-camp\/\">Kontakt<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Col 3: Contact -->\r\n        <div class=\"footer-col\">\r\n            <h4>Kontakt<\/h4>\r\n            <ul>\r\n                <li><a href=\"mailto:booking@chilloutsurf.com\">booking@chilloutsurf.com<\/a><\/li>\r\n                <li><a href=\"https:\/\/wa.me\/212715511910\" target=\"_blank\" rel=\"noopener\">+212 715 511 910<\/a><\/li>\r\n                <li>Taghazout Bay, Morocco<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Col 4: Legal -->\r\n        <div class=\"footer-col\">\r\n            <h4>Rechtliches<\/h4>\r\n            <ul>\r\n                <li><a href=\"https:\/\/chilloutsurf.com\/de\/terms-conditions\/\">Terms And Conditions<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Footer (Payment & Copyright) -->\r\n    <div class=\"bottom-footer\">\r\n        <div class=\"payment-row\">\r\n            <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b5\/PayPal.svg\" alt=\"PayPal\">\r\n            <span class=\"payment-text\">Sichere Zahlung<\/span>\r\n        <\/div>\r\n        <div class=\"copyright\">\r\n            <span>Copyright \u00a9 <span id=\"year\"><\/span> Chilloutsurf. All rights reserved.<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/* --- MOBILE MENU --- *\/\r\nfunction toggleMenu() {\r\n    const nav = document.getElementById('mobileNav');\r\n    nav.classList.toggle('active');\r\n    if(nav.classList.contains('active')) { document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = 'auto'; }\r\n}\r\n\r\n\/* --- FOOTER YEAR --- *\/\r\ndocument.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n\/* --- DESKTOP LANGUAGE DROPDOWN CLICK LOGIC --- *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const langToggle = document.getElementById('langToggle');\r\n    const langDropdown = document.getElementById('langDropdown');\r\n    const langSwitcher = document.getElementById('langSwitcher');\r\n\r\n    if (langToggle && langDropdown) {\r\n        langToggle.addEventListener('click', function (e) {\r\n            e.stopPropagation(); \/\/ Prevent closing immediately\r\n            langDropdown.classList.toggle('active');\r\n        });\r\n\r\n        \/\/ Close dropdown when clicking outside\r\n        window.addEventListener('click', function (e) {\r\n            if (!langSwitcher.contains(e.target)) {\r\n                if (langDropdown.classList.contains('active')) {\r\n                    langDropdown.classList.remove('active');\r\n                }\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Taghazout Bay 800023 +212 715 511 910 Home Packages Blog Contact English \ud83c\uddec\ud83c\udde7 English \ud83c\udde9\ud83c\uddea Deutsch \ud83c\uddea\ud83c\uddf8 Espa\u00f1ol Home Packages Blog Contact Select Language \ud83c\uddec\ud83c\udde7 \ud83c\udde9\ud83c\uddea \ud83c\uddea\ud83c\uddf8 Taghazout Bay 800023 +212 715 511 910 Contact Us Have questions about our surf packages or accommodation? We are here to help you plan your perfect trip. Email [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-131","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":3,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/131\/revisions"}],"predecessor-version":[{"id":668,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/131\/revisions\/668"}],"wp:attachment":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/media?parent=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}