{"id":1047,"date":"2026-06-19T21:43:28","date_gmt":"2026-06-19T21:43:28","guid":{"rendered":"https:\/\/chilloutsurf.com\/?page_id=1047"},"modified":"2026-06-20T16:02:23","modified_gmt":"2026-06-20T16:02:23","slug":"payment-success-7x4k9m","status":"publish","type":"page","link":"https:\/\/chilloutsurf.com\/de\/payment-success-7x4k9m\/","title":{"rendered":"Thank You Page"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nThank You \u2014 Chillout Surf Camp Taghazout Bay<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/www.chilloutsurf.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/chilloutsurf.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link rel=\"preload\" as=\"style\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap\" media=\"print\" onload=\"this.media='all'\">\r\n<noscript>\r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap\">\r\n<\/noscript>\r\n\r\n<style>\r\n :root {\r\n \/* --- ORIGINAL COLOR PALETTE (unchanged) --- *\/\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\r\n \/* --- Derived tones built only from the colors above --- *\/\r\n --blue-50: #eff6ff;\r\n --blue-100: #dbeafe;\r\n --ocean-gradient: linear-gradient(135deg, #2563EB 0%, #0EA5E9 100%);\r\n\r\n --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n --shadow-md: 0 10px 25px -12px rgba(17, 24, 39, 0.18);\r\n --shadow-lg: 0 24px 50px -18px rgba(17, 24, 39, 0.28);\r\n --shadow-blue: 0 18px 40px -16px rgba(37, 99, 235, 0.5);\r\n --radius-md: 12px;\r\n --radius-lg: 20px;\r\n --radius-xl: 28px;\r\n\r\n --font-display: \"Bricolage Grotesque\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n --font-body: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n background-color: var(--bg-white);\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: 0.2s ease;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n button {\r\n font: inherit;\r\n }\r\n\r\n h1, h2, h3 {\r\n font-family: var(--font-display);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .icon {\r\n width: 1em;\r\n height: 1em;\r\n display: inline-block;\r\n vertical-align: -0.125em;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n\r\n :focus-visible {\r\n outline: 3px solid var(--primary-blue);\r\n outline-offset: 3px;\r\n }\r\n\r\n \/* --- SCROLL REVEAL (motion only when allowed) --- *\/\r\n @media (prefers-reduced-motion: no-preference) {\r\n [data-reveal] {\r\n opacity: 0;\r\n transform: translateY(26px);\r\n transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),\r\n transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n [data-reveal].in-view {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n\r\n \/* --- UTILITY 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 }\r\n\r\n .utility-left,\r\n .utility-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .utility-left a,\r\n .utility-right a,\r\n .utility-left span {\r\n color: #d1d5db;\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n }\r\n\r\n .utility-left a:hover,\r\n .utility-right a:hover {\r\n color: var(--accent-yellow);\r\n }\r\n\r\n .utility-right .icon {\r\n font-size: 1.05rem;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .utility-bar {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* --- HEADER --- *\/\r\n .site-header {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n padding: 14px 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n border-bottom: 1px solid #e5e7eb;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .logo img {\r\n height: 58px;\r\n width: auto;\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n gap: 34px;\r\n align-items: center;\r\n }\r\n\r\n .desktop-nav > a {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n text-transform: uppercase;\r\n letter-spacing: 0.6px;\r\n position: relative;\r\n padding: 4px 0;\r\n }\r\n\r\n .desktop-nav > a::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: -2px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--ocean-gradient);\r\n border-radius: 2px;\r\n transition: width 0.28s ease;\r\n }\r\n\r\n .desktop-nav > a:hover {\r\n color: var(--primary-blue);\r\n }\r\n\r\n .desktop-nav > a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .mobile-nav-overlay {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 82%;\r\n max-width: 360px;\r\n height: 100vh;\r\n background: white;\r\n z-index: 2000;\r\n transition: right 0.3s ease;\r\n box-shadow: -5px 0 25px rgba(0,0,0,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n padding: 80px 30px 30px;\r\n overflow-y: auto;\r\n }\r\n\r\n .mobile-nav-overlay.active {\r\n right: 0;\r\n }\r\n\r\n .mobile-nav-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .mobile-nav-link {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n font-family: var(--font-display);\r\n padding: 16px 0;\r\n border-bottom: 1px solid #f3f4f6;\r\n color: var(--text-dark);\r\n }\r\n\r\n .mobile-nav-link:hover {\r\n color: var(--primary-blue);\r\n }\r\n\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\r\n .mobile-contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n color: var(--text-dark);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .mobile-contact-item .icon {\r\n font-size: 1.1rem;\r\n color: var(--text-gray);\r\n }\r\n\r\n .mobile-contact-item a {\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n .mobile-socials {\r\n display: flex;\r\n gap: 14px;\r\n margin-top: 18px;\r\n }\r\n\r\n .mobile-socials a {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #f3f4f6;\r\n border-radius: 50%;\r\n color: var(--text-dark);\r\n font-size: 1.1rem;\r\n }\r\n\r\n .mobile-socials a:hover {\r\n background: var(--primary-blue);\r\n color: white;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .desktop-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n\r\n .logo img {\r\n height: 44px;\r\n }\r\n }\r\n\r\n \/* --- FOOTER --- *\/\r\n .site-footer {\r\n background: #111827;\r\n color: white;\r\n padding: 64px 20px 30px;\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Thin ocean accent across the top of the footer *\/\r\n .site-footer::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--ocean-gradient);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-col h4,\r\n .footer-col h2 {\r\n font-size: 1.1rem;\r\n margin-bottom: 20px;\r\n color: white;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-col ul li {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-col a {\r\n color: #9ca3af;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .footer-col a:hover {\r\n color: var(--accent-yellow);\r\n }\r\n\r\n .footer-logo {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .footer-logo img {\r\n height: 50px;\r\n width: auto;\r\n }\r\n\r\n .bottom-footer {\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n margin-top: 44px;\r\n padding-top: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .payment-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .payment-row img {\r\n height: 30px;\r\n width: auto;\r\n filter: grayscale(100%) brightness(200%);\r\n opacity: 0.7;\r\n transition: 0.3s;\r\n }\r\n\r\n .payment-row img:hover {\r\n opacity: 1;\r\n filter: none;\r\n }\r\n\r\n .payment-text {\r\n font-size: 0.85rem;\r\n color: #9ca3af;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .copyright {\r\n color: #6b7280;\r\n font-size: 0.85rem;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .copyright a:hover {\r\n color: white;\r\n }\r\n\r\n .site-footer {\r\n content-visibility: auto;\r\n contain-intrinsic-size: auto 900px;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .footer-grid {\r\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n }\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* THANK YOU PAGE ONLY *\/\r\n \/* ============================================ *\/\r\n .thank-you-hero {\r\n position: relative;\r\n min-height: 70vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background:\r\n radial-gradient(100% 80% at 50% 0%, rgba(14,165,233,0.12) 0%, rgba(14,165,233,0) 60%),\r\n radial-gradient(80% 100% at 0% 100%, var(--blue-50) 0%, rgba(239,246,255,0) 50%),\r\n var(--bg-white);\r\n padding: 80px 20px 100px;\r\n overflow: hidden;\r\n }\r\n\r\n .thank-you-hero::before,\r\n .thank-you-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.06;\r\n background: var(--ocean-gradient);\r\n pointer-events: none;\r\n }\r\n\r\n .thank-you-hero::before {\r\n width: 600px;\r\n height: 600px;\r\n top: -200px;\r\n right: -150px;\r\n }\r\n\r\n .thank-you-hero::after {\r\n width: 400px;\r\n height: 400px;\r\n bottom: -100px;\r\n left: -100px;\r\n }\r\n\r\n .thank-you-content {\r\n position: relative;\r\n z-index: 1;\r\n text-align: center;\r\n max-width: 620px;\r\n }\r\n\r\n .check-circle {\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 50%;\r\n background: var(--ocean-gradient);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 32px;\r\n box-shadow: var(--shadow-blue);\r\n animation: popIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n .check-circle svg {\r\n width: 44px;\r\n height: 44px;\r\n color: white;\r\n stroke-dasharray: 60;\r\n stroke-dashoffset: 60;\r\n animation: drawCheck 0.5s 0.35s cubic-bezier(0.65, 0, 0.35, 1) forwards;\r\n }\r\n\r\n @keyframes popIn {\r\n 0% { transform: scale(0); opacity: 0; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n @keyframes drawCheck {\r\n to { stroke-dashoffset: 0; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .check-circle { animation: none; }\r\n .check-circle svg { animation: none; stroke-dashoffset: 0; }\r\n .thank-you-content h1,\r\n .thank-you-content .sub,\r\n .thank-you-content .confirmation-note,\r\n .thank-you-actions { animation: none !important; opacity: 1 !important; transform: none !important; }\r\n }\r\n\r\n .thank-you-content h1 {\r\n font-size: 2.6rem;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 16px;\r\n line-height: 1.1;\r\n animation: fadeUp 0.6s 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n .thank-you-content h1 .accent {\r\n display: block;\r\n background: var(--ocean-gradient);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .thank-you-content .sub {\r\n font-size: 1.15rem;\r\n color: var(--text-gray);\r\n line-height: 1.7;\r\n margin-bottom: 12px;\r\n animation: fadeUp 0.6s 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n .thank-you-content .confirmation-note {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--blue-50);\r\n border: 1px solid var(--blue-100);\r\n border-radius: var(--radius-md);\r\n padding: 14px 22px;\r\n margin: 20px auto 0;\r\n font-size: 0.95rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n animation: fadeUp 0.6s 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n .confirmation-note svg {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n @keyframes fadeUp {\r\n 0% { opacity: 0; transform: translateY(20px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .thank-you-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n align-items: center;\r\n margin-top: 36px;\r\n animation: fadeUp 0.6s 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n @media (min-width: 480px) {\r\n .thank-you-actions {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .btn-primary {\r\n background: var(--ocean-gradient);\r\n color: white;\r\n padding: 15px 36px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: var(--shadow-blue);\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .btn-primary:hover { transform: translateY(-3px); }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--text-dark);\r\n padding: 15px 36px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n border: 2px solid #e5e7eb;\r\n transition: border-color 0.2s ease, color 0.2s ease;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--primary-blue);\r\n color: var(--primary-blue);\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .thank-you-content h1 { font-size: 3.4rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================ -->\r\n<!-- INLINE SVG ICON SPRITE (replaces Font Awesome CDN for speed) -->\r\n<!-- ============================================ -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\">\r\n <defs>\r\n <symbol id=\"i-pin\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <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>\r\n <\/symbol>\r\n <symbol id=\"i-whatsapp\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"><\/path>\r\n <\/symbol>\r\n <symbol id=\"i-facebook\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path>\r\n <\/symbol>\r\n <symbol id=\"i-youtube\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path>\r\n <\/symbol>\r\n <symbol id=\"i-instagram\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5.5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4.2\"><\/circle><circle cx=\"17.4\" cy=\"6.6\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"><\/circle>\r\n <\/symbol>\r\n <symbol id=\"i-chevron-left\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n <\/symbol>\r\n <symbol id=\"i-chevron-right\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n <\/symbol>\r\n <symbol id=\"i-zoom\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line>\r\n <\/symbol>\r\n <symbol id=\"i-arrow-right\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/symbol>\r\n <\/defs>\r\n<\/svg>\r\n\r\n<!-- ============================================ -->\r\n<!-- UTILITY BAR -->\r\n<!-- ============================================ -->\r\n<div class=\"utility-bar\" role=\"complementary\" aria-label=\"Contact and social links\">\r\n <div class=\"utility-left\">\r\n <span>\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-pin\"><\/use><\/svg>\r\n Taghazout Bay, 80023\r\n <\/span>\r\n\r\n <a href=\"https:\/\/wa.me\/212715511910\" aria-label=\"Contact Chillout Surf Camp on WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-whatsapp\"><\/use><\/svg>\r\n +212 715 511 910\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"utility-right\">\r\n <a href=\"https:\/\/www.facebook.com\/ChilloutSurf\/\" aria-label=\"Visit Chillout Surf Camp Facebook page\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-facebook\"><\/use><\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UCwpAz--UQX9DR-iPzb7RiDg\" aria-label=\"Visit Chillout Surf Camp YouTube channel\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-youtube\"><\/use><\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/chilloutsurf\/\" aria-label=\"Visit Chillout Surf Camp Instagram page\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-instagram\"><\/use><\/svg>\r\n <\/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\" aria-label=\"Chillout Surf Camp homepage\">\r\n <img fetchpriority=\"high\"\r\n src=\"https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/CHILL-OUT-CAMP-LOGO-1.webp\"\r\n alt=\"Chillout Surf Camp Taghazout logo\"\r\n width=\"240\"\r\n height=\"60\"\r\n decoding=\"async\"\r\n >\r\n <\/a>\r\n\r\n <nav class=\"desktop-nav\" aria-label=\"Main navigation\">\r\n <a href=\"#hero-section-wrapper\">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\/\">Kontakt<\/a>\r\n <\/nav>\r\n\r\n <button\r\n class=\"mobile-menu-btn\"\r\n id=\"mobile-menu-btn\"\r\n type=\"button\"\r\n aria-label=\"Open mobile navigation menu\"\r\n aria-controls=\"mobileNav\"\r\n aria-expanded=\"false\"\r\n >\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\" aria-hidden=\"true\">\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div\r\n class=\"mobile-nav-overlay\"\r\n id=\"mobileNav\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-label=\"Mobile navigation menu\"\r\n aria-hidden=\"true\"\r\n >\r\n <button\r\n class=\"mobile-nav-close\"\r\n id=\"mobile-nav-close\"\r\n type=\"button\"\r\n aria-label=\"Close mobile navigation menu\"\r\n >\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\" aria-hidden=\"true\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n\r\n <a href=\"#hero-section-wrapper\" class=\"mobile-nav-link\">Startseite<\/a>\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/surf-camp-taghazout-packages\/\" class=\"mobile-nav-link\">Pakete<\/a>\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/blog-surf-camp-taghazout\/\" class=\"mobile-nav-link\">Blog<\/a>\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/contact-taghazout-surf-camp\/\" class=\"mobile-nav-link\">Kontakt<\/a>\r\n\r\n <div class=\"mobile-menu-footer\">\r\n <div class=\"mobile-contact-item\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-pin\"><\/use><\/svg>\r\n Taghazout Bay 80023\r\n <\/div>\r\n\r\n <div class=\"mobile-contact-item\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-whatsapp\"><\/use><\/svg>\r\n\r\n <a href=\"https:\/\/wa.me\/212715511910\" aria-label=\"Contact Chillout Surf Camp on WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n +212 715 511 910\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"mobile-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/ChilloutSurf\/\" aria-label=\"Visit Chillout Surf Camp Facebook page\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-facebook\"><\/use><\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UCwpAz--UQX9DR-iPzb7RiDg\" aria-label=\"Visit Chillout Surf Camp YouTube channel\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-youtube\"><\/use><\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/chilloutsurf\/\" aria-label=\"Visit Chillout Surf Camp Instagram page\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-instagram\"><\/use><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<main>\r\n <!-- ============================================ -->\r\n <!-- THANK YOU -->\r\n <!-- ============================================ -->\r\n <section class=\"thank-you-hero\" aria-labelledby=\"ty-heading\">\r\n <div class=\"thank-you-content\">\r\n <div class=\"check-circle\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 12 10 16 18 8\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h1 id=\"ty-heading\">\r\n Thank You for\r\n <span class=\"accent\">Booking With Us<\/span>\r\n <\/h1>\r\n\r\n <p class=\"sub\">\r\n Your surf adventure in Taghazout Bay is confirmed! We're stoked to have you join the Chillout Surf Camp family.\r\n <\/p>\r\n\r\n <div class=\"confirmation-note\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <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>\r\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n <\/svg>\r\n We'll send a confirmation email with all the details shortly.\r\n <\/div>\r\n\r\n <div class=\"thank-you-actions\">\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/\" class=\"btn-primary\">\r\n Back to Home\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212676992689\" class=\"btn-secondary\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-whatsapp\"><\/use><\/svg>\r\n Kontakt\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<!-- ============================================ -->\r\n<!-- FOOTER -->\r\n<!-- ============================================ -->\r\n<footer class=\"site-footer\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <div class=\"footer-logo\">\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/\" aria-label=\"Chillout Surf Camp homepage\">\r\n <img\r\n src=\"https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/CHILL-OUT-CAMP-LOGO-1.webp\"\r\n alt=\"Chillout Surf Camp Taghazout logo\"\r\n width=\"200\"\r\n height=\"50\"\r\n decoding=\"async\"\r\n >\r\n <\/a>\r\n <\/div>\r\n <h2>Chillout Surf Camp<\/h2>\r\n <p style=\"color:#9ca3af; font-size:0.95rem; line-height:1.7;\">\r\n Your all-inclusive surf camp in Taghazout Bay, Morocco. Over 15 years of experience making surf holidays unforgettable.\r\n <\/p>\r\n <\/div>\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 <div class=\"footer-col\">\r\n <h4>Pakete<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/chilloutsurf.com\/de\/all-inclusive-surf-camp-taghazout\/\">All Inclusive<\/a><\/li>\r\n <li><a href=\"https:\/\/chilloutsurf.com\/de\/premium-surf-camp-taghazout-package\/\">Premium<\/a><\/li>\r\n <li><a href=\"https:\/\/chilloutsurf.com\/de\/family-all-inclusive-surf-camp-taghazout-package\/\">Family<\/a><\/li>\r\n <li><a href=\"https:\/\/chilloutsurf.com\/de\/surf-stay-taghazout-surf-camp\/\">Surf & Stay<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Kontakt<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/wa.me\/212715511910\" target=\"_blank\" rel=\"noopener\">+212 715 511 910<\/a><\/li>\r\n <li><a href=\"mailto:info@chilloutsurf.com\">info@chilloutsurf.com<\/a><\/li>\r\n <li><span style=\"color:#9ca3af; font-size:0.95rem;\">Taghazout Bay, 80023<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bottom-footer\">\r\n <div class=\"payment-row\">\r\n <span class=\"payment-text\">Sichere Zahlung<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2025\/03\/paypal-svgrepo-com.svg\" alt=\"PayPal\" width=\"45\" height=\"30\">\r\n <\/div>\r\n <p class=\"copyright\">\r\n <span>© 2025 Chillout Surf Camp. All rights reserved.<\/span>\r\n <\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n (function() {\r\n var btn = document.getElementById('mobile-menu-btn');\r\n var overlay = document.getElementById('mobileNav');\r\n var close = document.getElementById('mobile-nav-close');\r\n\r\n function openMenu() {\r\n overlay.classList.add('active');\r\n overlay.setAttribute('aria-hidden', 'false');\r\n btn.setAttribute('aria-expanded', 'true');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeMenu() {\r\n overlay.classList.remove('active');\r\n overlay.setAttribute('aria-hidden', 'true');\r\n btn.setAttribute('aria-expanded', 'false');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n btn.addEventListener('click', openMenu);\r\n close.addEventListener('click', closeMenu);\r\n\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === overlay) closeMenu();\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && overlay.classList.contains('active')) closeMenu();\r\n });\r\n\r\n var links = overlay.querySelectorAll('.mobile-nav-link');\r\n for (var i = 0; i < links.length; i++) {\r\n links[i].addEventListener('click', closeMenu);\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Thank You \u2014 Chillout Surf Camp Taghazout Bay Taghazout Bay, 80023 +212 715 511 910 Home Packages Blog Contact Home Packages Blog Contact Taghazout Bay 80023 +212 715 511 910 Thank You for Booking With Us Your surf adventure in Taghazout Bay is confirmed! We’re stoked to have you join the Chillout Surf Camp family. […]<\/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-1047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/1047","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=1047"}],"version-history":[{"count":10,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/1047\/revisions"}],"predecessor-version":[{"id":1058,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/1047\/revisions\/1058"}],"wp:attachment":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/media?parent=1047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}