{"id":191,"date":"2026-03-30T16:28:49","date_gmt":"2026-03-30T16:28:49","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=191"},"modified":"2026-03-30T16:57:26","modified_gmt":"2026-03-30T16:57:26","slug":"surf-lessons-in-taghazout","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/de\/surf-lessons-in-taghazout\/","title":{"rendered":"Surf Lessons In Taghazout"},"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 Surf Lessons in Taghazout | Tamazirt Surf Shop & School<\/title>\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Poppins', sans-serif;\r\n background: #f5f7fb;\r\n color: #1e2a3e;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* ===== HERO SECTION - REDUCED HEIGHT FOR MOBILE ===== *\/\r\n .tsl-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 65vh;\r\n min-height: 420px;\r\n max-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-hero__image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center 35%;\r\n z-index: 1;\r\n }\r\n\r\n .tsl-hero__overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(10, 47, 68, 0.75) 0%, rgba(30, 107, 143, 0.65) 100%);\r\n z-index: 2;\r\n }\r\n\r\n .tsl-hero__content {\r\n position: relative;\r\n z-index: 3;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n height: 100%;\r\n padding: 2rem;\r\n color: white;\r\n }\r\n\r\n .tsl-hero__title {\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 15px;\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.3);\r\n }\r\n\r\n .tsl-hero__title span {\r\n color: #FF6B6B;\r\n }\r\n\r\n .tsl-hero__sub {\r\n font-size: clamp(0.95rem, 3vw, 1.2rem);\r\n opacity: 0.95;\r\n margin-bottom: 25px;\r\n max-width: 700px;\r\n }\r\n\r\n .tsl-hero__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 20px rgba(220,38,38,0.4);\r\n }\r\n\r\n .tsl-hero__btn:hover {\r\n background: white;\r\n color: #DC2626;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Mobile banner height reduced *\/\r\n @media (max-width: 768px) {\r\n .tsl-hero {\r\n height: 45vh;\r\n min-height: 320px;\r\n max-height: 400px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 30%;\r\n }\r\n .tsl-hero__btn {\r\n padding: 10px 24px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-hero {\r\n height: 40vh;\r\n min-height: 280px;\r\n max-height: 360px;\r\n }\r\n .tsl-hero__image {\r\n object-position: 50% 28%;\r\n }\r\n .tsl-hero__content {\r\n padding: 1rem;\r\n }\r\n .tsl-hero__title {\r\n font-size: 1.6rem;\r\n margin-bottom: 8px;\r\n }\r\n .tsl-hero__sub {\r\n font-size: 0.85rem;\r\n margin-bottom: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .tsl-hero {\r\n height: 38vh;\r\n min-height: 250px;\r\n max-height: 320px;\r\n }\r\n }\r\n\r\n \/* ===== MAIN CONTAINER ===== *\/\r\n .tsl-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem;\r\n }\r\n\r\n \/* ===== WHY CHOOSE US SECTION ===== *\/\r\n .tsl-why {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .tsl-why__title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-why__sub {\r\n color: #4a6f86;\r\n max-width: 800px;\r\n margin: 0 auto 2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-feature {\r\n background: white;\r\n padding: 2rem 1.5rem;\r\n border-radius: 1.5rem;\r\n text-align: center;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .tsl-feature__icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.2rem;\r\n }\r\n\r\n .tsl-feature__icon svg {\r\n width: 34px;\r\n height: 34px;\r\n stroke: #DC2626;\r\n stroke-width: 1.8;\r\n fill: none;\r\n }\r\n\r\n .tsl-feature__title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #0a2f44;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-feature__desc {\r\n font-size: 0.85rem;\r\n color: #4a6f86;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== GALLERY CAROUSEL ===== *\/\r\n .tsl-gallery {\r\n margin: 3rem 0 4rem;\r\n }\r\n\r\n .tsl-gallery__carousel {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1.5rem;\r\n }\r\n\r\n .tsl-carousel__track {\r\n display: flex;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .tsl-carousel__slide {\r\n flex-shrink: 0;\r\n width: calc(100% \/ 4);\r\n padding: 0 8px;\r\n }\r\n\r\n .tsl-carousel__slide img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 1rem;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-carousel__slide img:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .tsl-carousel__btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0, 0, 0, 0.5);\r\n backdrop-filter: blur(5px);\r\n color: white;\r\n border: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.3s;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .tsl-carousel__btn:hover {\r\n background: #DC2626;\r\n }\r\n\r\n .tsl-carousel__btn--prev { left: 10px; }\r\n .tsl-carousel__btn--next { right: 10px; }\r\n\r\n .tsl-carousel__dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 1rem;\r\n }\r\n\r\n .tsl-carousel__dot {\r\n width: 10px;\r\n height: 10px;\r\n background: #cbd5e1;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .tsl-carousel__dot.active {\r\n background: #DC2626;\r\n width: 24px;\r\n border-radius: 10px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 3); }\r\n .tsl-carousel__slide img { height: 200px; }\r\n }\r\n @media (max-width: 768px) {\r\n .tsl-carousel__slide { width: calc(100% \/ 2); }\r\n .tsl-carousel__slide img { height: 180px; }\r\n .tsl-carousel__btn { width: 36px; height: 36px; font-size: 1rem; }\r\n }\r\n @media (max-width: 480px) {\r\n .tsl-carousel__slide { width: 100%; }\r\n .tsl-carousel__slide img { height: 220px; }\r\n }\r\n\r\n \/* ===== RATINGS SECTION ===== *\/\r\n .tsl-ratings {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 2rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tsl-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: white;\r\n padding: 12px 24px;\r\n border-radius: 60px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n }\r\n\r\n .tsl-rating img {\r\n height: 32px;\r\n width: auto;\r\n }\r\n\r\n .tsl-rating span {\r\n font-weight: 700;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-rating strong {\r\n color: #DC2626;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* ===== LESSON CARDS WITH IMAGES ===== *\/\r\n .tsl-section-title {\r\n text-align: center;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin: 3rem 0 1rem;\r\n }\r\n\r\n .tsl-section-sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .tsl-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .tsl-card {\r\n background: white;\r\n border-radius: 1.8rem;\r\n overflow: hidden;\r\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .tsl-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 45px -15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .tsl-card__image {\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n\r\n .tsl-card__image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .tsl-card:hover .tsl-card__image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .tsl-card__header {\r\n background: #0a2f44;\r\n color: white;\r\n padding: 1rem;\r\n text-align: center;\r\n }\r\n\r\n .tsl-card__header h3 {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n }\r\n\r\n .tsl-card__content {\r\n padding: 1.5rem;\r\n }\r\n\r\n .tsl-card__list {\r\n list-style: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-card__list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.85rem;\r\n color: #2c4a5e;\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .tsl-card__list li svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: #DC2626;\r\n stroke-width: 2;\r\n flex-shrink: 0;\r\n }\r\n\r\n .tsl-card__bonus {\r\n background: #fef3c7;\r\n padding: 0.8rem;\r\n border-radius: 1rem;\r\n margin: 1rem 0;\r\n font-size: 0.8rem;\r\n color: #92400e;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .tsl-card__price {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n padding: 1rem 0;\r\n border-top: 1px solid #e2e8f0;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .tsl-old-price {\r\n font-size: 1rem;\r\n color: #8b9eb0;\r\n text-decoration: line-through;\r\n }\r\n\r\n .tsl-new-price {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-card__btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n background: #25D366;\r\n color: white;\r\n font-weight: 700;\r\n padding: 0.9rem;\r\n border-radius: 50px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n margin-top: 1rem;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n }\r\n\r\n .tsl-card__btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .tsl-faq {\r\n background: white;\r\n border-radius: 2rem;\r\n padding: 2.5rem;\r\n margin: 3rem 0;\r\n }\r\n\r\n .tsl-faq__title {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-faq__sub {\r\n text-align: center;\r\n color: #4a6f86;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .tsl-faq__grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .tsl-faq__item {\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .tsl-faq__question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 0;\r\n cursor: pointer;\r\n font-weight: 600;\r\n color: #0a2f44;\r\n }\r\n\r\n .tsl-faq__question:hover {\r\n color: #DC2626;\r\n }\r\n\r\n .tsl-faq__icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: #DC2626;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__icon svg {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .tsl-faq__answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s;\r\n color: #4a6f86;\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .tsl-faq__item.active .tsl-faq__answer {\r\n max-height: 200px;\r\n padding-bottom: 1rem;\r\n }\r\n\r\n \/* ===== MEETING POINT ===== *\/\r\n .tsl-meeting {\r\n background: linear-gradient(135deg, #0a2f44 0%, #1e6b8f 100%);\r\n border-radius: 1.5rem;\r\n padding: 2rem;\r\n text-align: center;\r\n margin: 2rem 0;\r\n }\r\n\r\n .tsl-meeting h3 {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tsl-meeting p {\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .tsl-meeting__link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #DC2626;\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .tsl-container { padding: 2rem 1rem; }\r\n .tsl-why__title { font-size: 1.6rem; }\r\n .tsl-section-title { font-size: 1.6rem; }\r\n .tsl-features { gap: 1rem; }\r\n .tsl-ratings { gap: 1rem; }\r\n .tsl-rating { padding: 8px 16px; }\r\n .tsl-rating img { height: 24px; }\r\n .tsl-faq { padding: 1.5rem; }\r\n .tsl-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tsl-card__header h3 { font-size: 1.2rem; }\r\n .tsl-card__content { padding: 1.2rem; }\r\n .tsl-new-price { font-size: 1.4rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Banner - No Emojis, Reduced Mobile Height -->\r\n <section class=\"tsl-hero\">\r\n <img decoding=\"async\" class=\"tsl-hero__image\" \r\n src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.08.jpeg\"\r\n alt=\"Surf Lessons in Taghazout\">\r\n <div class=\"tsl-hero__overlay\"><\/div>\r\n <div class=\"tsl-hero__content\">\r\n <h1 class=\"tsl-hero__title\">Surf-Unterricht <span>In Taghazout<\/span><\/h1>\r\n <p class=\"tsl-hero__sub\">Unvergessliche Surfkurse an der sch\u00f6nen K\u00fcste von Taghazout<\/p>\r\n <a href=\"#packages\" class=\"tsl-hero__btn\">\r\n Pakete & Preise ansehen\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"tsl-container\">\r\n \r\n <!-- Why Choose Us - No Emojis -->\r\n <div class=\"tsl-why\">\r\n <h2 class=\"tsl-why__title\">Warum Tamazirt Surf f\u00fcr Ihren Surfunterricht w\u00e4hlen?<\/h2>\r\n <p class=\"tsl-why__sub\">Bei Tamazirt Surf ist Surfen nicht nur ein Sport, sondern ein unvergessliches Abenteuer. Unsere Surfkurse in Taghazout werden von leidenschaftlichen Surflehrern geleitet, die jede Unterrichtseinheit individuell auf Ihr K\u00f6nnen abstimmen und Ihnen dabei helfen, die Wellen in einer unterhaltsamen, freundlichen Umgebung mit Selbstvertrauen zu reiten.<\/p>\r\n \r\n <div class=\"tsl-features\">\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L15 8.5L22 9.5L17 14L18.5 21L12 17.5L5.5 21L7 14L2 9.5L9 8.5L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">5.0 Top bewertete Surfschule<\/h3>\r\n <p class=\"tsl-feature__desc\">Von Hunderten zufriedener Surfer durchweg mit 5 Sternen bewertet.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Einsteigerfreundlich<\/h3>\r\n <p class=\"tsl-feature__desc\">Schritt-f\u00fcr-Schritt-Lektionen, die einfach, sicher und unterhaltsam f\u00fcr Anf\u00e4nger sind.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 12v8H4v-8M12 2v10M8 8l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Fachkundige Ausbilder<\/h3>\r\n <p class=\"tsl-feature__desc\">Lernen Sie von erfahrenen einheimischen Surfern, die ihr Wissen \u00fcber das Meer weitergeben.<\/p>\r\n <\/div>\r\n <div class=\"tsl-feature\">\r\n <div class=\"tsl-feature__icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\r\n <h3 class=\"tsl-feature__title\">Sicher und unterst\u00fctzend<\/h3>\r\n <p class=\"tsl-feature__desc\">Zertifizierte Ausbilder, hochwertige Ausr\u00fcstung und Betreuung auf Rettungsschwimmer-Niveau.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gallery Carousel under Why Choose Us -->\r\n <div class=\"tsl-gallery\">\r\n <div class=\"tsl-gallery__carousel\" id=\"galleryCarousel\">\r\n <div class=\"tsl-carousel__track\" id=\"carouselTrack\">\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-1.jpeg\" alt=\"Surf lesson\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12-2.jpeg\" alt=\"Wave riding\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-1.jpeg\" alt=\"Surf coaching\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11-2.jpeg\" alt=\"Beach sunset\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10.jpeg\" alt=\"Group surf\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-1.jpeg\" alt=\"Surfboard\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.10-2.jpeg\" alt=\"Ocean view\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09.jpeg\" alt=\"Surf session\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-1.jpeg\" alt=\"Wave\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-2.jpeg\" alt=\"Surf action\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.07-1.jpeg\" alt=\"Beach\"><\/div>\r\n <div class=\"tsl-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.06-1.jpeg\" alt=\"Sunset surf\"><\/div>\r\n <\/div>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--prev\" id=\"carouselPrev\">\u276e<\/button>\r\n <button class=\"tsl-carousel__btn tsl-carousel__btn--next\" id=\"carouselNext\">\u276f<\/button>\r\n <div class=\"tsl-carousel__dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ratings -->\r\n <div class=\"tsl-ratings\">\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/tripadvisor.png\" alt=\"TripAdvisor\">\r\n <span><strong>5.0<\/strong> - Top bewertet<\/span>\r\n <\/div>\r\n <div class=\"tsl-rating\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/google_2504739.png\" alt=\"Google\">\r\n <span><strong>4.9<\/strong> - 350+ Bewertungen<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Packages Section -->\r\n <h2 id=\"packages\" class=\"tsl-section-title\">Anf\u00e4nger & Fortgeschrittene<\/h2>\r\n <p class=\"tsl-section-sub\">W\u00e4hlen Sie Ihre Surfstunde - Offene Gruppe, Private 1-on-1, oder Private Gruppe<\/p>\r\n\r\n <div class=\"tsl-grid\">\r\n \r\n <!-- Open Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.12.jpeg\" alt=\"Open Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Offener Gruppenunterricht<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>2-st\u00fcndiger Surfunterricht mit erfahrenen Lehrern<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Board und Neoprenanzug in Top-Qualit\u00e4t, Leash, Wachs inklusive<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Paddeln lernen, aufstehen, Wellen fangen<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Spa\u00df und entspannte Atmosph\u00e4re - Neue Freunde finden<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Keine Erfahrung erforderlich - bringen Sie einfach Ihr L\u00e4cheln mit!<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: Behalten Sie das Surfbrett und den Neoprenanzug f\u00fcr den Rest des Tages!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac31.65<\/span>\r\n <span class=\"tsl-new-price\">\u20ac25<\/span>\r\n <span>\/Person<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/de\/booking\/\" class=\"tsl-card__btn\">\r\n Jetzt buchen\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Kostenlose Stornierung - Zahlung bei Ankunft - Sofortige Best\u00e4tigung<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private 1-on-1 Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.09-3.jpeg\" alt=\"Private 1-on-1 Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Private 1-on-1-Lektionen<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>2-st\u00fcndige private Sitzung - volle Aufmerksamkeit<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Schnelles Lernen mit einem pers\u00f6nlichen Coach<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Inklusive kompletter Ausr\u00fcstung (Brett, Neoprenanzug, Leine, Wachs)<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Flexibles Tempo, Ihre Ziele zuerst - Fotos auf Anfrage<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Maximaler Fortschritt in minimaler Zeit<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: Behalten Sie das Surfbrett und den Neoprenanzug f\u00fcr den Rest des Tages!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac69.62<\/span>\r\n <span class=\"tsl-new-price\">\u20ac55<\/span>\r\n <span>\/Person<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/de\/booking\/\" class=\"tsl-card__btn\">\r\n Jetzt buchen\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Kostenlose Stornierung - Zahlung bei Ankunft - Sofortige Best\u00e4tigung<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Private Group Lessons - No Emojis -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card__image\">\r\n <img decoding=\"async\" src=\"https:\/\/tamazirtsurfshopschool.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-15.11.11.jpeg\" alt=\"Private Group Surf Lesson\">\r\n <\/div>\r\n <div class=\"tsl-card__header\"><h3>Privatunterricht f\u00fcr Gruppen<\/h3><\/div>\r\n <div class=\"tsl-card__content\">\r\n <ul class=\"tsl-card__list\">\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>2 Stunden Privatunterricht f\u00fcr Ihre Gruppe<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Spezieller Lehrer f\u00fcr Ihre private Gruppe<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Inklusive kompletter Ausr\u00fcstung (Brett, Neoprenanzug, Leine, Wachs)<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Perfekt f\u00fcr Paare, Familien oder Freunde<\/li>\r\n <li><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" fill=\"none\"\/><\/svg>Individuelles Coaching - Unvergessliche Momente<\/li>\r\n <\/ul>\r\n <div class=\"tsl-card__bonus\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n <span>Bonus: Behalten Sie das Surfbrett und den Neoprenanzug f\u00fcr den Rest des Tages!<\/span>\r\n <\/div>\r\n <div class=\"tsl-card__price\">\r\n <span class=\"tsl-old-price\">\u20ac37.97<\/span>\r\n <span class=\"tsl-new-price\">\u20ac30<\/span>\r\n <span>\/Person<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/tamazirtsurfshopschool.com\/de\/booking\/\" class=\"tsl-card__btn\">\r\n Jetzt buchen\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <div style=\"font-size:0.7rem; text-align:center; margin-top:0.5rem;\">Kostenlose Stornierung - Zahlung bei Ankunft - Sofortige Best\u00e4tigung<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Meeting Point -->\r\n <div class=\"tsl-meeting\">\r\n <h3>Treffpunkt<\/h3>\r\n <p>Tamazirt Surf Shop & School, Taghazout Zentrum, Taghazout 80022<\/p>\r\n <a href=\"https:\/\/maps.app.goo.gl\/UkAxzbi9Dix8K7Td8\" target=\"_blank\" class=\"tsl-meeting__link\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Hier finden Sie uns\r\n <\/a>\r\n <p style=\"font-size:0.8rem; margin-top:0.8rem;\">Start und Ende: Tamazirt Surf Shop, Taghazout<\/p>\r\n <\/div>\r\n\r\n <!-- FAQ Section -->\r\n <div class=\"tsl-faq\">\r\n <h2 class=\"tsl-faq__title\">Zus\u00e4tzliche Informationen \/ FAQs<\/h2>\r\n <p class=\"tsl-faq__sub\">Hier finden Sie die am h\u00e4ufigsten gestellten Fragen zu Surfkursen.<\/p>\r\n \r\n <div class=\"tsl-faq__grid\">\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Brauche ich Erfahrung im Surfen?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Keine Erfahrung erforderlich! Unser Unterricht ist f\u00fcr alle Niveaus geeignet, vom Anf\u00e4nger bis zum fortgeschrittenen Surfer.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Wie bezahle ich die Surfstunde?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Sie k\u00f6nnen bei Ihrer Ankunft in unserem Gesch\u00e4ft bezahlen. Bar- und Kartenzahlungen werden akzeptiert.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Was ist enthalten?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Surfbrett, Neoprenanzug, Leash, Wachs und professionelle Betreuung. Au\u00dferdem k\u00f6nnen Sie die Ausr\u00fcstung f\u00fcr den Rest des Tages behalten!<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Was sollte ich mitbringen?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Badeanzug, Handtuch, Sonnenschutzmittel, Wasser und eine positive Einstellung!<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Wie lange dauert eine Surfstunde?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Jede Unterrichtsstunde dauert 2 Stunden, einschlie\u00dflich Theorie und Praxis im Wasser.<\/div><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Wie kann ich einen Zeitplan erstellen?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Buchen Sie online oder kontaktieren Sie uns \u00fcber WhatsApp. Der Unterricht findet t\u00e4glich um 10:00 Uhr und 14:00 Uhr statt.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Bieten Sie die Abholung vom Hotel an?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Ja, kostenlose Abholung von den Hotels in Taghazout. Kontaktieren Sie uns 24 Stunden im Voraus.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Was ist eine Surfstunde der Offenen Gruppe?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Kleingruppenunterricht (max. 5 pro Lehrer) - gesellig, unterhaltsam und erschwinglich.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Was ist eine private Gruppenstunde?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Exklusiver Unterricht f\u00fcr Ihre Gruppe (2-10 Personen) mit einem engagierten Lehrer.<\/div><\/div>\r\n <div class=\"tsl-faq__item\"><div class=\"tsl-faq__question\"><span>Kann ich das Surfbrett nach dem Unterricht behalten?<\/span><div class=\"tsl-faq__icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><\/div><div class=\"tsl-faq__answer\">Ja! Sie k\u00f6nnen das Brett und den Neoprenanzug behalten und f\u00fcr den Rest des Tages weitersurfen.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact CTA -->\r\n <div class=\"tsl-meeting\" style=\"background: linear-gradient(135deg, #DC2626 0%, #b91c1c 100%);\">\r\n <h3>Haben Sie noch Fragen?<\/h3>\r\n <p>Kontaktieren Sie uns \u00fcber WhatsApp - wir helfen Ihnen gerne bei der Planung Ihres perfekten Surferlebnisses!<\/p>\r\n <a href=\"https:\/\/wa.me\/212762650528\" target=\"_blank\" class=\"tsl-meeting__link\" style=\"background: white; color: #DC2626;\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n WhatsApp +212 762-650528\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Gallery Carousel\r\n const track = document.getElementById('carouselTrack');\r\n const slides = document.querySelectorAll('.tsl-carousel__slide');\r\n const prevBtn = document.getElementById('carouselPrev');\r\n const nextBtn = document.getElementById('carouselNext');\r\n const dotsContainer = document.getElementById('carouselDots');\r\n let currentIndex = 0;\r\n let slidesPerView = 4;\r\n const totalSlides = slides.length;\r\n\r\n function updateSlidesPerView() {\r\n if (window.innerWidth <= 480) slidesPerView = 1;\r\n else if (window.innerWidth <= 768) slidesPerView = 2;\r\n else if (window.innerWidth <= 1024) slidesPerView = 3;\r\n else slidesPerView = 4;\r\n }\r\n\r\n function getMaxIndex() {\r\n return Math.max(0, totalSlides - slidesPerView);\r\n }\r\n\r\n function updateCarousel() {\r\n updateSlidesPerView();\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n const translateX = -(currentIndex * (100 \/ slidesPerView));\r\n track.style.transform = `translateX(${translateX}%)`;\r\n document.querySelectorAll('.tsl-carousel__dot').forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentIndex);\r\n });\r\n }\r\n\r\n function createDots() {\r\n dotsContainer.innerHTML = '';\r\n const maxIndex = getMaxIndex();\r\n for (let i = 0; i <= maxIndex; i++) {\r\n const dot = document.createElement('div');\r\n dot.classList.add('tsl-carousel__dot');\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n updateCarousel();\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n if (prevBtn && nextBtn) {\r\n prevBtn.addEventListener('click', () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateCarousel();\r\n }\r\n });\r\n nextBtn.addEventListener('click', () => {\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex < maxIndex) {\r\n currentIndex++;\r\n updateCarousel();\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n updateCarousel();\r\n createDots();\r\n });\r\n\r\n createDots();\r\n updateCarousel();\r\n\r\n \/\/ FAQ Toggle\r\n document.querySelectorAll('.tsl-faq__item').forEach(item => {\r\n const question = item.querySelector('.tsl-faq__question');\r\n question.addEventListener('click', () => item.classList.toggle('active'));\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>Surf Lessons in Taghazout | Tamazirt Surf Shop & School Surf Lessons In Taghazout Join Unforgettable Surf Lessons in Taghazout Coastal Beauty View Packages & Prices Why Choose Tamazirt Surf for Your Surf Lessons? At Tamazirt Surf, surfing isn’t just a sport, it’s an unforgettable adventure. Our surf lessons in Taghazout are led by passionate […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":10,"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/pages\/191\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/de\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}