.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-main{flex:1}.public-header{-webkit-backdrop-filter:blur(12px);z-index:100;background:#fffffff2;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.public-header .container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.public-header .logo{align-items:center;text-decoration:none;display:flex}.nav-desktop{align-items:center;gap:2rem;display:flex}.nav-link{color:#404c60;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:#008ce9;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:#008ce9}.nav-link:hover:after{width:100%}.nav-cta{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#008ce9 0%,#0070ba 100%);border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #008ce959}.mobile-menu-btn{cursor:pointer;color:#404c60;z-index:110;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:105;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:none;position:fixed;inset:0}.mobile-nav.open{display:flex}.mobile-nav .nav-link{font-size:1.25rem}.mobile-nav .nav-cta{margin-top:1rem;padding:.75rem 2rem;font-size:1.1rem}@media (max-width:768px){.nav-desktop{display:none}.mobile-menu-btn{display:block}}.hero{text-align:center;color:#fff;justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg:after{content:"";background:linear-gradient(135deg,#00548cbf 0%,#008ce98c 50%,#00548cb3 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:2rem 1.5rem;position:relative}.hero-tagline{text-shadow:0 2px 20px #0003;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;line-height:1.05}.hero-tagline .accent{color:#f5f700}.hero-subtitle{opacity:.95;margin-bottom:2.5rem;font-size:1.35rem;font-weight:400;line-height:1.5}.hero-cta{color:#008ce9;letter-spacing:.02em;background:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000040}@media (max-width:768px){.hero{min-height:70vh}.hero-tagline{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}.section{max-width:1200px;margin:0 auto;padding:5rem 1.5rem}.section-full{max-width:100%;padding:5rem 1.5rem}.section-alt{background:#f0f7fc}.section-dark{color:#fff;background:#0a1628}.section h2{text-align:center;color:#111827;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700}.section-dark h2{color:#fff}.section-subtitle{text-align:center;color:#6b7280;max-width:600px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.section-dark .section-subtitle{color:#9ca3af}@media (max-width:768px){.section{padding:3rem 1rem}.section h2{font-size:1.75rem}}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0000000f}.feature-card:hover{border-color:#cce9f9;transform:translateY(-6px);box-shadow:0 12px 35px #008ce91f}.feature-card .icon{margin-bottom:1.25rem;font-size:3rem}.feature-card h3{color:#111827;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.feature-card p{color:#6b7280;font-size:.95rem;line-height:1.7}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}.aanbod-preview-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.aanbod-preview-card{cursor:pointer;border-radius:20px;height:280px;text-decoration:none;transition:transform .3s;display:block;position:relative;overflow:hidden}.aanbod-preview-card:hover{transform:translateY(-4px)}.aanbod-preview-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.aanbod-preview-card:hover img{transform:scale(1.05)}.aanbod-preview-overlay{color:#fff;background:linear-gradient(#0000 0%,#000000bf 100%);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.aanbod-preview-overlay h3{margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.aanbod-preview-overlay p{opacity:.9;font-size:.85rem}@media (max-width:768px){.aanbod-preview-grid{grid-template-columns:1fr}.aanbod-preview-card{height:220px}}.about-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.about-image{border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.about-image img{object-fit:cover;width:100%;height:400px}.about-content h2{text-align:left;margin-bottom:1rem;font-size:2rem}.about-content p{color:#4b5563;margin-bottom:1rem;font-size:1rem;line-height:1.8}.about-content .highlight{color:#008ce9;font-weight:600}.about-list{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.about-list li{color:#00548c;background:#e6f4fc;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}@media (max-width:768px){.about-section{grid-template-columns:1fr;gap:2rem}.about-content h2{text-align:center}.about-image img{height:280px}}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto;display:grid}.step-card{text-align:center;position:relative}.step-number{color:#fff;background:linear-gradient(135deg,#008ce9,#0070ba);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 15px #008ce94d}.step-card h3{color:#111827;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.step-card p{color:#6b7280;font-size:.9rem;line-height:1.6}.step-card:not(:last-child):after{content:"";background:#cce9f9;width:calc(100% - 56px);height:2px;position:absolute;top:28px;right:-1rem;transform:translate(50%)}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:1.5rem}.step-card:not(:last-child):after{display:none}}.location-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto;display:grid}.location-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #0000000f}.location-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001a}.location-card .card-image{height:200px;position:relative;overflow:hidden}.location-card .card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.location-card:hover .card-image img{transform:scale(1.05)}.location-card .info{padding:1.5rem}.location-card h3{color:#111827;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem}.location-card p{color:#6b7280;margin-bottom:.4rem;font-size:.95rem}.location-card a{color:#008ce9;font-size:.95rem;font-weight:600;text-decoration:none}.location-card a:hover{text-decoration:underline}.badge-coming-soon{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#f79f00,#c57f00);border-radius:50px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}@media (max-width:768px){.location-grid{grid-template-columns:1fr}}.cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#008ce9 0%,#0070ba 50%,#00548c 100%);padding:5rem 1.5rem;position:relative;overflow:hidden}.cta-banner:before{content:"";background:#f5f70014;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.cta-banner h2{color:#fff;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;position:relative}.cta-banner p{opacity:.9;margin-bottom:2rem;font-size:1.15rem;position:relative}.cta-banner a{color:#008ce9;background:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block;position:relative}.cta-banner a:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0003}.aanbod-detail-grid{gap:2rem;max-width:1000px;margin:0 auto;display:grid}.aanbod-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;grid-template-columns:300px 1fr;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 4px 15px #0000000f}.aanbod-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.aanbod-detail-card .card-image{position:relative;overflow:hidden}.aanbod-detail-card .card-image img{object-fit:cover;width:100%;height:100%;min-height:250px}.aanbod-detail-card .card-content{flex-direction:column;justify-content:center;padding:2rem;display:flex}.aanbod-color-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:50px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.75rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-blauw{color:#1d4ed8;background:#dbeafe}.badge-rood{color:#dc2626;background:#fee2e2}.badge-oranje{color:#ea580c;background:#ffedd5}.badge-groen{color:#16a34a;background:#dcfce7}.badge-jeugd{color:#008ce9;background:#e6f4fc}.badge-volwassenen{color:#7c3aed;background:#f3e8ff}.badge-clinic{color:#92400e;background:#fef3c7}.badge-bespanning{color:#00548c;background:#f0f7fc}.aanbod-detail-card h3{color:#111827;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.aanbod-detail-card .age-info{color:#008ce9;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.aanbod-detail-card p{color:#4b5563;margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.aanbod-detail-card .features{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.aanbod-detail-card .features li{color:#5f6b80;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:50px;padding:.3rem .75rem;font-size:.8rem}.tenniskids-header{color:#fff;text-align:center;background:linear-gradient(135deg,#008ce9 0%,#0070ba 100%);border-radius:20px;margin-bottom:2rem;padding:3rem 1.5rem}.tenniskids-header h2{color:#fff;margin-bottom:.5rem}.tenniskids-header p{opacity:.9;max-width:600px;margin:0 auto}.tenniskids-colors{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.tenniskids-colors .color-dot{border:2px solid #ffffff80;border-radius:50%;width:20px;height:20px}@media (max-width:768px){.aanbod-detail-card{grid-template-columns:1fr}.aanbod-detail-card .card-image img{min-height:200px;max-height:200px}}.contact-grid{grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.contact-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2.5rem;box-shadow:0 4px 15px #0000000f}.contact-info-card h3{color:#111827;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.25rem}.contact-item{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.contact-item .icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.contact-item p{color:#4b5563;margin:0;line-height:1.6}.contact-item a{color:#008ce9;font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-form{max-width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{background:#fff;border:2px solid #e1e5eb;border-radius:12px;width:100%;padding:.75rem 1rem;font-family:Space Grotesk,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#008ce9;outline:none;box-shadow:0 0 0 3px #008ce91a}.form-group textarea{resize:vertical;min-height:140px}.form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#008ce9,#0070ba);border:none;border-radius:50px;width:100%;padding:.85rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.form-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #008ce959}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.content-page{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.content-page h1{color:#111827;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700}.content-page h2{color:#374151;margin:2rem 0 1rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600}.content-page p{color:#4b5563;margin-bottom:1rem;line-height:1.8}.content-page ul,.content-page ol{color:#4b5563;margin-bottom:1rem;padding-left:1.5rem;line-height:1.8}.content-page li{margin-bottom:.5rem}.public-footer{color:#fff;background:#0f1520;margin-top:auto;padding:4rem 0 1.5rem}.public-footer .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:2.5rem;margin-bottom:3rem;display:grid}.footer-col h3{color:#008ce9;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.25rem}.footer-col h4{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:.9rem}.footer-col p{color:#9ca3af;margin-bottom:.5rem;font-size:.9rem;line-height:1.7}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:.6rem}.footer-col ul a{color:#9ca3af;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-col ul a:hover{color:#008ce9}.footer-bottom{text-align:center;color:#6b7280;border-top:1px solid #1f2937;padding-top:1.5rem;font-size:.85rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s ease-out forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-bg{animation:20s ease-in-out infinite alternate kenBurns}@keyframes ctaPulse{0%,to{box-shadow:0 4px 20px #fff3}50%{box-shadow:0 4px 30px #ffffff73}}.hero-cta{animation:3s ease-in-out infinite ctaPulse}.hero-cta:hover{animation:none}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.season-banner{color:#fff;text-align:center;z-index:99;background:linear-gradient(135deg,#008ce9 0%,#0070ba 50%,#00548c 100%);padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;position:relative;overflow:hidden}.season-banner:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 25%,#ffffff26 50%,#ffffff14 75%,#0000 100%) 0 0/200% 100%;animation:4s ease-in-out infinite shimmer;position:absolute;inset:0}.season-banner a{color:#f5f700;margin-left:.5rem;font-weight:700;text-decoration:none;transition:opacity .2s}.season-banner a:hover{opacity:.85;text-decoration:underline}@media (max-width:768px){.season-banner{padding:.6rem 1rem;font-size:.8rem}}.animate-on-scroll{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll-left{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translate(-50px)}.animate-on-scroll-left.visible{opacity:1;transform:translate(0)}.animate-on-scroll-right{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translate(50px)}.animate-on-scroll-right.visible{opacity:1;transform:translate(0)}.animate-on-scroll-scale{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:scale(.9)}.animate-on-scroll-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(30px)}.stagger-children.visible>*{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-banner{background:linear-gradient(135deg,#008ce9,#0070ba,#00548c,#008ce9) 0 0/300% 300%;animation:8s infinite gradientShift}@keyframes iconBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-3px)}}.feature-card:hover .icon{animation:.5s iconBounce}.badge-new{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-cta,.cta-banner,.season-banner:before{animation:none}.animate-on-scroll,.animate-on-scroll-left,.animate-on-scroll-right,.animate-on-scroll-scale,.stagger-children>*{opacity:1;transition:none;transform:none}}