{"id":92,"date":"2026-02-10T01:39:10","date_gmt":"2026-02-10T01:39:10","guid":{"rendered":"https:\/\/www.chilloutsurf.com\/?page_id=92"},"modified":"2026-04-22T18:19:25","modified_gmt":"2026-04-22T18:19:25","slug":"5-days-all-inclusive-surf-camp-taghazout-package","status":"publish","type":"page","link":"https:\/\/chilloutsurf.com\/de\/5-days-all-inclusive-surf-camp-taghazout-package\/","title":{"rendered":"5 Days All Inclusive Surf Camp Taghazout Package"},"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\n 5 Days All Inclusive Taghazout Bay | Chillout Surf Camp<\/title>\r\n \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 }\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 \r\n @media (max-width: 768px) {\r\n .utility-bar { display: none; }\r\n }\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 \/* 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; overflow-y: auto; \r\n }\r\n .mobile-nav-overlay.active { right: 0; }\r\n .mobile-nav-close { position: absolute; top: 20px; right: 20px; background: none; border: none; cursor: pointer; }\r\n .mobile-nav-link { font-size: 1.25rem; font-weight: 600; padding: 15px 0; border-bottom: 1px solid #f3f4f6; color: var(--text-dark); }\r\n\r\n \/* Mobile Menu Footer *\/\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-socials {\r\n display: flex; gap: 15px; margin-top: 15px;\r\n }\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) { .desktop-nav { display: none; } .mobile-menu-btn { display: block; } .logo img { height: 45px; } }\r\n\r\n \/* --- PACKAGE HERO --- *\/\r\n #package-hero { position: relative; height: 50vh; min-height: 400px; display: flex; align-items: center; justify-content: center; background-image: url('https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surf-camp-taghazout-morocco01_1.jpg'); background-size: cover; background-position: center; }\r\n .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.7)); z-index: 1; }\r\n .package-hero-content { position: relative; z-index: 2; text-align: center; color: white; padding: 20px; max-width: 900px; }\r\n \r\n .badge-simple { color: var(--accent-yellow); font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; display: block; }\r\n #package-hero h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 5px; line-height: 1.1; color: #FFFFFF; }\r\n .pkg-hero-meta { font-size: 1.1rem; font-weight: 400; margin-bottom: 20px; color: #e5e7eb; }\r\n .pkg-price-large { font-size: 3rem; font-weight: 800; color: var(--accent-yellow); line-height: 1; display: block; }\r\n .pkg-price-large span { font-size: 1.2rem; color: white; font-weight: 400; }\r\n\r\n @media (min-width: 768px) {\r\n #package-hero { height: 60vh; }\r\n #package-hero h1 { font-size: 3.5rem; }\r\n }\r\n\r\n \/* --- BOOKING BAR --- *\/\r\n .booking-bar { background: var(--primary-blue); padding: 15px 20px; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }\r\n .booking-info { color: white; font-weight: 600; font-size: 0.9rem; }\r\n .btn-book { background: var(--text-dark); color: white; padding: 10px 25px; border-radius: 6px; font-weight: 700; text-transform: uppercase; transition: 0.3s; font-size: 0.9rem; }\r\n .btn-book:hover { background: black; transform: translateY(-2px); }\r\n\r\n \/* --- SIMPLE INCLUSIONS LIST --- *\/\r\n #inclusions-section { padding: 60px 20px; background-color: var(--bg-white); }\r\n .section-header { text-align: center; margin-bottom: 40px; }\r\n .section-header h2 { font-size: 2rem; font-weight: 800; color: var(--text-dark); margin-bottom: 10px; }\r\n\r\n .simple-inclusions-wrapper {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 30px;\r\n border: 1px solid #e5e7eb;\r\n border-radius: var(--radius-md);\r\n }\r\n .simple-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n @media (min-width: 768px) {\r\n .simple-list { grid-template-columns: 1fr 1fr; gap: 20px 40px; }\r\n }\r\n .simple-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 0.95rem;\r\n color: #374151;\r\n line-height: 1.5;\r\n }\r\n .simple-check {\r\n color: var(--primary-blue);\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* --- GALLERY --- *\/\r\n .gallery-section { width: 100%; font-family: sans-serif; background-color: #FFFFFF; padding-bottom: 60px; }\r\n .gallery-container-wrapper { max-width: 1200px; margin: 0 auto; padding: 60px 20px 0; }\r\n .gallery-header-title { color: #111827; font-size: 2rem; margin-bottom: 1.5rem; font-weight: 700; text-align: center; }\r\n \r\n .tabs-scroll-wrapper { position: relative; margin-bottom: 30px; }\r\n .tabs-inner-wrapper { display: flex; overflow-x: auto; gap: 12px; padding: 10px 40px; -ms-overflow-style: none; scrollbar-width: none; }\r\n .tabs-inner-wrapper::-webkit-scrollbar { display: none; }\r\n .gallery-tab { white-space: nowrap; padding: 8px 20px; border-radius: 9999px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.3s ease; border: 1px solid transparent; background-color: #f3f4f6; color: #4B5563; }\r\n .gallery-tab.active { background-color: #2563EB; color: #ffffff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }\r\n \r\n .tab-scroll-btn { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); cursor: pointer; z-index: 10; color: #111827; }\r\n .tabs-scroll-wrapper.is-scrollable .tab-scroll-btn { display: flex; }\r\n #scroll-left { left: 0; } #scroll-right { right: 0; }\r\n \r\n .gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n @media (min-width: 768px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; } }\r\n \r\n .gallery-item { aspect-ratio: 3 \/ 2; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }\r\n .gallery-item img { width: 100%; height: 100%; object-fit: cover !important; transition: transform 0.4s ease; }\r\n .gallery-item:hover img { transform: scale(1.05); }\r\n .gallery-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }\r\n .gallery-item:hover .gallery-overlay { opacity: 1; }\r\n .gallery-overlay i { color: white; font-size: 1.5rem; }\r\n\r\n .lightbox-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }\r\n .lightbox-modal.active { opacity: 1; pointer-events: auto; }\r\n .lightbox-img { max-width: 100%; max-height: 85vh; border-radius: 8px; object-fit: contain; }\r\n .lightbox-close { position: absolute; top: 20px; right: 20px; color: white; font-size: 2.5rem; cursor: pointer; }\r\n .lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.2); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; }\r\n .lightbox-nav:hover { background: rgba(255,255,255,0.4); }\r\n #lightbox-prev { left: 20px; } #lightbox-next { right: 20px; }\r\n .hidden-item { display: none; }\r\n\r\n \/* --- FOOTER --- *\/\r\n .site-footer { background: #111827; color: white; padding: 60px 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<\/head>\r\n<body>\r\n\r\n <!-- ============================================ -->\r\n <!-- UTILITY BAR (TOP 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, 80023<\/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 <!-- HEADER -->\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.webp\" alt=\"surf camp taghazout\">\r\n <\/a>\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\/\">Kontakt<\/a>\r\n <\/nav>\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 <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 <div class=\"mobile-menu-footer\">\r\n <div class=\"mobile-contact-item\">\r\n <i class=\"fas fa-map-marker-alt\" style=\"color: var(--text-gray);\"><\/i> Taghazout Bay 80023\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 <!-- HERO -->\r\n <section id=\"package-hero\">\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"package-hero-content\">\r\n <span class=\"badge-simple\">Short Surf Break<\/span>\r\n <h1>5 Tage All-Inclusive<br>Taghazout Bay<\/h1>\r\n <div class=\"pkg-hero-meta\">5 N\u00e4chte \/ 5 Tage \u2022 Marokko Surferlebnis<\/div>\r\n <div class=\"pkg-price-large\">\r\n \u20ac375 <span>\/ pro Person<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"booking-bar\">\r\n <span class=\"booking-info\">Bereit f\u00fcr die Wellen? Sichere dir heute deinen Platz.<\/span>\r\n <a href=\"https:\/\/chilloutsurf.com\/de\/5dayscheckout\/\" class=\"btn-book\">Jetzt buchen<\/a>\r\n <\/div>\r\n\r\n <!-- INCLUSIONS SECTION -->\r\n <section id=\"inclusions-section\">\r\n <div class=\"section-header\">\r\n <h2>Was inklusive ist<\/h2>\r\n <\/div>\r\n\r\n <div class=\"simple-inclusions-wrapper\">\r\n <div class=\"simple-list\">\r\n <!-- SVG Check Icon Definition (Hidden) -->\r\n <svg style=\"display: none;\"><symbol id=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/symbol><\/svg>\r\n\r\n <!-- List Items -->\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>Transfer von ODER nach Agadir (Flughafen\/Busbahnhof)<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>5 N\u00e4chte Unterkunft<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>5x Fr\u00fchst\u00fcck, 5x Mittagessen, 5x Abendessen<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>5 Tage x 2 Std. Surfunterricht<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>5 Tage Transfer zu den Surf-Spots<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>5 Tage Verleih von Neoprenanzug & Surfboard<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>Unbegrenzte Nutzung der Surfausr\u00fcstung<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>1 Yoga-Stunde<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>Besuch des Souks & der Stadt Agadir (traditioneller Markt)<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>Panoramaterrasse und kostenloses WLAN<\/span>\r\n <\/div>\r\n <div class=\"simple-item\">\r\n <svg class=\"simple-check\"><use href=\"#icon-check\"><\/use><\/svg>\r\n <span>Zugang zum Swimmingpool<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GALLERY -->\r\n <section class=\"gallery-section\">\r\n <div class=\"gallery-container-wrapper\">\r\n <h2 class=\"gallery-header-title\">Galerie des Pakets<\/h2>\r\n <div class=\"tabs-scroll-wrapper\" id=\"tabs-scroll-container\">\r\n <button id=\"scroll-left\" class=\"tab-scroll-btn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <div class=\"tabs-inner-wrapper\" id=\"tabs-wrapper\">\r\n <button class=\"gallery-tab active\" data-filter=\"surf\">Surfen<\/button>\r\n <button class=\"gallery-tab\" data-filter=\"accommodation\">Unterkunft<\/button>\r\n <button class=\"gallery-tab\" data-filter=\"food\">Essen<\/button>\r\n <button class=\"gallery-tab\" data-filter=\"yoga\">Yoga<\/button>\r\n <button class=\"gallery-tab\" data-filter=\"vibes\">Vibes<\/button>\r\n <\/div>\r\n <button id=\"scroll-right\" class=\"tab-scroll-btn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"gallery-grid\" id=\"gallery-grid\"><\/div>\r\n <\/div>\r\n <!-- Lightbox Modal -->\r\n <div id=\"lightbox-modal\" class=\"lightbox-modal\">\r\n <span id=\"lightbox-close\" class=\"lightbox-close\">×<\/span>\r\n <img decoding=\"async\" id=\"lightbox-image\" class=\"lightbox-img\" src=\"\" alt=\"Full view\">\r\n <div id=\"lightbox-prev\" class=\"lightbox-nav\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\r\n <div id=\"lightbox-next\" class=\"lightbox-nav\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer id=\"contact\" class=\"site-footer\">\r\n <div class=\"footer-grid\">\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;\">Erlebe das beste Surfen in Marokko mit unseren Experten-Guides und komfortablen Unterk\u00fcnften. Wir machen deinen Urlaub unvergesslich.<\/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>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 <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 <div class=\"bottom-footer\">\r\n <div class=\"payment-row\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b5\/PayPal.svg\" alt=\"PayPal\"><span class=\"payment-text\">Sichere Zahlung<\/span><\/div>\r\n <div class=\"copyright\"><span>Copyright \u00a9 <span id=\"year\"><\/span> Chilloutsurf. All rights reserved.<\/span><\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/* --- MOBILE MENU --- *\/\r\n function 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 document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n \/* --- GALLERY LOGIC (WITH PLACEHOLDER FIX) --- *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n const imagesData = {\r\n surf: [\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfer-riding-wave-lesson-morocco.webp.webp', alt: 'Surf Image 1' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/group-surf-lesson-beach-morocco.webp.webp', alt: 'Surf Image 2' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-morocco-warmup-stretching.webp.webp', alt: 'Surf Image 3' },\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco01_1.webp', alt: 'Surf Image 4' },\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco02_1.webp', alt: 'Surf Image 5' },\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco03_1.webp', alt: 'Surf Image 6' },\r\n ],\r\n accommodation: [\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco22.webp', alt: 'Accommodation 1'},\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco14.webp', alt: 'Accommodation 2'},\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco11.webp', alt: 'Accommodation 3'},\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco01.webp', alt: 'Accommodation 4'},\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco27.webp', alt: 'Accommodation 5'},\r\n { src: 'https:\/\/chilloutsurf.com\/wp-content\/uploads\/2026\/04\/rooms-surf-camp-taghazout-morocco28.webp', alt: 'Accommodation 6'},\r\n ],\r\n yoga: [\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/beach_yoga_morocco_surfcamp.webp.webp', alt: 'Yoga Image 1' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/beach-yoga-surfcamp-morocco.webp-1.webp', alt: 'Yoga Image 2' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/yoga-session-morocco-surfcamp.webp.webp', alt: 'Yoga Image 3' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/beach-yoga-surfcamp-morocco.webp.webp', alt: 'Yoga Image 4' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-morocco-yoga-sunset.webp-1.webp', alt: 'Yoga Image 5' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/sunset-yoga-morocco-beach.webp.webp', alt: 'Yoga Image 6' },\r\n ],\r\n food: [\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/moroccan-surf-camp-dinner-plate.webp.webp', alt: 'Food Image 1' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/morocco_market_veg.webp.webp', alt: 'Food Image 2' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/moroccan-tagine-meal-surf-camp.webp.webp', alt: 'Food Image 3' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/moroccan-vegetarian-dish.webp.webp', alt: 'Food Image 4' },\r\n ],\r\n vibes: [\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-taghazout-beach-activities.webp-1.webp', alt: 'Vibes Image 1' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-morocco-group-photo.webp.webp', alt: 'Vibes Image 2' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp_morocco_group_outing.webp.webp', alt: 'Vibes Image 3' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-morocco-group-sunset.webp.webp', alt: 'Vibes Image 4' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/surfcamp-morocco-group-trip-taghazout.webp.webp', alt: 'Vibes Image 5' },\r\n { src: 'https:\/\/www.chilloutsurf.com\/wp-content\/uploads\/2026\/02\/paradise-valley-excursion-morocco-surf-camp.webp.webp', alt: 'Vibes Image 6' },\r\n ]\r\n }; \r\n const tabs = document.querySelectorAll('.gallery-tab'), grid = document.getElementById('gallery-grid'), modal = document.getElementById('lightbox-modal'), modalImg = document.getElementById('lightbox-image'), tabsWrapper = document.getElementById('tabs-wrapper'), tabsContainer = document.getElementById('tabs-scroll-container');\r\n let currentFilter = 'surf', currentImageIndex = 0, visibleImages = [];\r\n function populateGrid(filter) {\r\n grid.innerHTML = '';\r\n const imagesToLoad = imagesData[filter] || [];\r\n imagesToLoad.forEach((imgData, index) => {\r\n const item = document.createElement('div');\r\n item.className = 'gallery-item';\r\n item.dataset.category = filter;\r\n item.dataset.index = index;\r\n item.innerHTML = `<img decoding=\"async\" src=\"${imgData.src}\" alt=\"${imgData.alt}\" loading=\"lazy\"><div class=\"gallery-overlay\"><i class=\"fas fa-search-plus\"><\/i><\/div>`;\r\n item.addEventListener('click', () => openModal(item));\r\n grid.appendChild(item);\r\n });\r\n }\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', (e) => {\r\n currentFilter = e.currentTarget.dataset.filter;\r\n tabs.forEach(t => t.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n populateGrid(currentFilter);\r\n });\r\n });\r\n function openModal(item) {\r\n currentFilter = item.dataset.category;\r\n currentImageIndex = parseInt(item.dataset.index);\r\n visibleImages = imagesData[currentFilter];\r\n updateModalImage();\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeModal() { modal.classList.remove('active'); document.body.style.overflow = ''; }\r\n function updateModalImage() { if(visibleImages.length > 0) modalImg.src = visibleImages[currentImageIndex].src; }\r\n document.getElementById('lightbox-close').addEventListener('click', closeModal);\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n document.getElementById('lightbox-prev').addEventListener('click', () => { currentImageIndex = (currentImageIndex - 1 + visibleImages.length) % visibleImages.length; updateModalImage(); });\r\n document.getElementById('lightbox-next').addEventListener('click', () => { currentImageIndex = (currentImageIndex + 1) % visibleImages.length; updateModalImage(); });\r\n function checkScroll() { if (tabsWrapper.scrollWidth > tabsWrapper.clientWidth) tabsContainer.classList.add('is-scrollable'); else tabsContainer.classList.remove('is-scrollable'); }\r\n document.getElementById('scroll-left').addEventListener('click', () => { tabsWrapper.scrollBy({ left: -200, behavior: 'smooth' }); });\r\n document.getElementById('scroll-right').addEventListener('click', () => { tabsWrapper.scrollBy({ left: 200, behavior: 'smooth' }); });\r\n window.addEventListener('resize', checkScroll);\r\n populateGrid(currentFilter);\r\n setTimeout(checkScroll, 100);\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>5 Days All Inclusive Taghazout Bay | Chillout Surf Camp Taghazout Bay, 80023 +212 715 511 910 Home Packages Blog Contact Home Packages Blog Contact Taghazout Bay 80023 +212 715 511 910 Short Surf Break 5 Days All InclusiveTaghazout Bay 5 Nights \/ 5 Days \u2022 Morocco Surf Experience \u20ac375 \/ person Ready for the […]<\/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-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/92","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=92"}],"version-history":[{"count":9,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":859,"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/pages\/92\/revisions\/859"}],"wp:attachment":[{"href":"https:\/\/chilloutsurf.com\/de\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}