@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--ink:#0a2a5e;--deep:#061a3a;--lime:#63b3ff;--cream:#fff;--white:#fff;--muted:#60728c;--line:#d9e5f2;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:-999px;top:12px;background:var(--lime);padding:10px;z-index:99}.skip-link:focus{left:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:rgba(244,242,233,.96);position:absolute;width:100%;z-index:10}.brand{display:flex;align-items:center}.header-brand{gap:9px}.brand-logo{display:block;width:68px;height:68px;object-fit:contain}.brand-wordmark{position:relative;display:block;width:160px;height:34px;overflow:hidden}.brand-wordmark img{position:absolute;width:420px;height:420px;max-width:none;left:-126px;top:-219px}.footer-logo{width:104px;height:104px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.88rem;font-weight:600}.site-header nav a:not(.nav-cta):hover{opacity:.55}.nav-cta{background:var(--ink);color:white;padding:13px 21px}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:760px;height:100vh;position:relative;color:white;display:flex;align-items:center;padding:130px 8vw 70px;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('https://images.unsplash.com/photo-1595435934249-5df7ed86e1c0?auto=format&fit=crop&w=2200&q=88') center 40%/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(4,26,18,.88) 0%,rgba(4,26,18,.55) 47%,rgba(4,26,18,.09) 78%),linear-gradient(0deg,rgba(4,26,18,.35),transparent 50%)}.hero-content{position:relative;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.7rem;font-weight:700;margin:0 0 22px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';height:2px;width:30px;background:var(--ink)}.eyebrow.light{color:var(--lime)}.eyebrow.light:before{background:var(--lime)}h1,h2{font-size:clamp(3.4rem,7.2vw,7.2rem);line-height:.92;letter-spacing:-.055em;margin:0;font-weight:600}h1 em,h2 em{font-family:var(--serif);font-weight:500;color:var(--lime)}.hero-copy{max-width:590px;font-size:1.15rem;color:rgba(255,255,255,.8);margin:32px 0}.hero-actions{display:flex;align-items:center;gap:35px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:0;cursor:pointer;padding:16px 22px;font-weight:700;font-size:.85rem}.primary{background:var(--lime);color:var(--ink)}.primary:hover{background:#ebff91}.text-link{font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.hero-proof{position:absolute;right:5vw;bottom:48px;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 13px}.hero-proof strong{font-size:2.2rem;line-height:1}.hero-proof .stars{color:var(--lime);letter-spacing:3px}.hero-proof small{grid-column:2;color:rgba(255,255,255,.65)}.scroll-cue{position:absolute;left:2.4vw;bottom:40px;font-size:.58rem;letter-spacing:.23em;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.scroll-cue i{height:42px;width:1px;background:white}
.section-pad{padding:120px 7vw}.intro{display:grid;grid-template-columns:1.08fr .92fr;gap:9vw;align-items:center}.intro h2,.section-head h2,.contact h2{font-size:clamp(2.7rem,5vw,5.1rem)}.intro h2 em,.section-head h2 em,.contact h2 em{color:var(--ink)}.intro-copy>p{font-size:1.12rem;color:var(--muted);max-width:570px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:35px;margin-top:45px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:2.4rem;line-height:1}.stats span{font-size:.72rem;color:var(--muted);margin-top:9px}
.training{background:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:50px}.section-head>p{max-width:420px;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.course-card{border:1px solid var(--line);display:grid;grid-template-columns:44% 56%;min-height:310px;background:var(--cream);transition:.25s transform}.course-card:hover{transform:translateY(-5px)}.course-image{min-height:310px;background-size:cover;background-position:center;position:relative}.course-image span{position:absolute;top:16px;left:16px;background:var(--lime);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700}.kids{background-image:url('https://images.unsplash.com/photo-1622163642998-1ea32b0bbc67?auto=format&fit=crop&w=900&q=80')}.adults{background-image:url('https://images.unsplash.com/photo-1554068865-24cecd4e34b8?auto=format&fit=crop&w=900&q=80')}.private{background-image:url('assets/einzeltraining-kind.jpg');background-position:62% center}.camp{background-image:url('assets/camps-familientraining-am-meer.png');background-position:center 42%}.course-body{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.tag{text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;font-weight:700;color:#718074;margin:0 0 8px}.course-body h3,.price-grid h3{font-size:1.65rem;margin:0}.course-body>p{color:var(--muted);font-size:.9rem}.course-body a{font-size:.78rem;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}
.quote-band{height:110px;background:var(--lime);display:flex;align-items:center;justify-content:space-around;gap:25px;overflow:hidden;white-space:nowrap}.quote-band p{font-size:clamp(1.5rem,3vw,3rem);font-weight:700;letter-spacing:-.04em}.quote-band em{font-family:var(--serif);font-weight:500}.quote-band span{font-size:.7rem}
.team{background:var(--deep);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.team-copy h2{font-size:clamp(2.8rem,5vw,5.3rem)}.team-copy>p:not(.eyebrow){color:rgba(255,255,255,.63);max-width:430px;margin:30px 0}.outline{border:1px solid rgba(255,255,255,.45);color:white;background:transparent}.coach-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.coach-grid article:nth-child(2){margin-top:75px}.coach-photo{height:430px;background-size:cover;background-position:center;filter:saturate(.75)}.coach-1{background-image:url('https://images.unsplash.com/photo-1549476464-37392f717541?auto=format&fit=crop&w=800&q=85')}.coach-2{background-image:url('https://images.unsplash.com/photo-1568602471122-7832951cc4c5?auto=format&fit=crop&w=800&q=85')}.coach-grid h3{margin:17px 0 0;font-size:1.05rem}.coach-grid p{margin:2px 0;color:#9bad9f;font-size:.76rem}
.pricing .section-head{margin-bottom:70px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-grid article{background:white;border:1px solid var(--line);padding:38px;position:relative}.price-grid article.popular{background:var(--ink);color:white;transform:translateY(-16px)}.popular-label{position:absolute;top:0;right:0;background:var(--lime);color:var(--ink);font-size:.62rem;font-weight:700;text-transform:uppercase;padding:8px 13px}.price{font-size:2.55rem;font-weight:700;margin:24px 0}.price>span{font-size:.7rem;font-weight:400}.price small{font-size:.72rem;font-weight:400;color:var(--muted)}.price-grid ul{padding:20px 0;margin:0 0 25px;border-top:1px solid var(--line);list-style:none}.price-grid li{padding:7px 0;font-size:.83rem}.price-grid li:before{content:'✓';color:#82a800;margin-right:9px}.dark{background:var(--ink);color:white;width:100%}.popular .button{width:100%}
.testimonials{background:#17422f;color:white;text-align:center}.testimonials>.eyebrow{justify-content:center}.testimonial-wrap{display:grid;grid-template-columns:auto minmax(0,850px) auto;justify-content:center;align-items:center;gap:40px}.quote-mark{font-family:Georgia;font-size:6rem;color:var(--lime);line-height:.6}.testimonial-live blockquote{font-family:var(--serif);font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.35;margin:28px 0}.testimonial-live p{display:flex;flex-direction:column;font-size:.8rem}.testimonial-live p span{color:#9aafa2}.slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;cursor:pointer}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;margin:25px 5px 0;background:#71877a}.slider-dots button.active{background:var(--lime)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:480px;margin:30px 0}.contact-details{border-top:1px solid var(--line);padding-top:25px;display:grid;gap:4px;font-size:.82rem}.contact-details p{margin:0;color:var(--muted)}.contact-details a{font-weight:700}.contact-form{background:white;padding:42px;box-shadow:0 18px 60px rgba(16,41,30,.08)}.contact-form label{font-size:.68rem;font-weight:700;display:block;margin-bottom:20px}.contact-form label>span{font-weight:400;color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #adb6af;background:transparent;border-radius:0;padding:11px 0;outline:none;color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--ink);box-shadow:0 1px var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form .check{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--muted)}.check input{width:auto;margin-top:5px}.contact-form .button{width:100%}.form-status{font-size:.8rem;margin:12px 0 0;color:#356d2b}
footer{background:#071a12;color:white;padding:55px 7vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer>p{color:#92a197}footer>div{display:flex;justify-content:flex-end;gap:25px;font-size:.75rem}footer small{grid-column:1/-1;border-top:1px solid #274035;padding-top:20px;color:#728078;font-size:.65rem}
@media(max-width:900px){.site-header{height:72px;position:absolute}.brand-logo{width:58px;height:58px}.brand-wordmark{width:124px;height:28px}.brand-wordmark img{width:340px;height:340px;left:-102px;top:-177px}.footer-logo{width:92px;height:92px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px 5vw;flex-direction:column;align-items:stretch;gap:10px}.site-header nav.open{display:flex}.site-header nav a{padding:9px}.nav-cta{text-align:center;margin-top:8px}.hero{min-height:720px;padding:130px 6vw 70px}.hero-proof{display:none}.scroll-cue{display:none}.section-pad{padding:80px 6vw}.intro,.team,.contact{grid-template-columns:1fr}.intro{gap:50px}.section-head{align-items:start;flex-direction:column;margin-bottom:35px}.section-head>p{margin:0}.course-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-grid article.popular{transform:none}.team{gap:55px}.coach-photo{height:360px}.testimonial-wrap{grid-template-columns:1fr}.slider-btn{display:none}}
@media(max-width:560px){h1{font-size:3.55rem}.hero{min-height:690px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.stats{gap:8px}.stats strong{font-size:1.8rem}.stats span{font-size:.62rem}.course-card{grid-template-columns:1fr}.course-image{min-height:240px}.quote-band{height:86px}.quote-band p{font-size:1.35rem}.coach-grid{gap:10px}.coach-photo{height:280px}.coach-grid article:nth-child(2){margin-top:40px}.price-grid article{padding:30px}.contact-form{padding:28px 22px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:1}.section-pad{padding:70px 5vw}}
.hero-tagline{max-width:620px;margin:27px 0 0;font-size:1.3rem;font-weight:600;line-height:1.45}.hero-tagline+.hero-copy{margin-top:14px}
.hero-photo{filter:brightness(1.08) saturate(.95)}.hero-shade{background:linear-gradient(90deg,rgba(4,24,62,.76) 0%,rgba(9,43,91,.43) 50%,rgba(10,42,94,.05) 82%),linear-gradient(0deg,rgba(3,20,52,.25),transparent 58%)}.hero-content{text-shadow:0 2px 18px rgba(3,20,52,.22)}
.site-header{background:rgba(255,255,255,.96)}
.training,.price-grid article,.contact-form{background:#fff}
.team{background:#061a3a}.testimonials{background:#0b3975}.quote-band{background:#63b3ff}footer{background:#04142e}
.course-card{background:#f3f8ff}.popular-label{background:#63b3ff}.price-grid li:before{color:#3187d9}.form-status{color:#1767aa}
.contact-form{box-shadow:0 18px 60px rgba(10,42,94,.1)}
.coach-1{background-image:url('assets/coach-bogi-bright.png?v=20260817');background-size:cover;background-position:center 22%;filter:none}.coach-2{background-image:url('assets/coach-armin-smile.png?v=20260817');background-size:cover;background-position:center 18%;filter:none}
.team{background:#dcecff;color:var(--ink)}.team .eyebrow.light{color:#276fc5}.team .eyebrow.light:before{background:#276fc5}.team-copy h2 em{color:#276fc5}.team-copy>p:not(.eyebrow){color:var(--muted)}.team .outline{border-color:rgba(10,42,94,.45);color:var(--ink)}.team .outline:hover{background:#fff}.coach-grid p{color:#54708f}
.price-grid article.popular{background:#e7f2ff;color:var(--ink);border-color:#9dc9f5;box-shadow:0 18px 45px rgba(10,42,94,.12)}.popular .popular-label{background:#63b3ff;color:#061a3a}.popular .price small{color:var(--muted)}
.booking{background:#fff}.booking .section-head h2 em{color:#276fc5}.booking-launch{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:48px;background:#e7f2ff;border:1px solid #9dc9f5;box-shadow:0 22px 65px rgba(10,42,94,.13)}.booking-launch>div{max-width:700px}.booking-launch h3{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.15;margin:5px 0 14px}.booking-launch>div>p:last-child{color:var(--muted);margin:0}.booking-launch .button{flex:0 0 auto;min-width:230px}
.booking-embed{margin-top:24px;padding:12px;background:#dcecff;border:1px solid #9dc9f5;box-shadow:0 22px 65px rgba(10,42,94,.13)}.booking-embed iframe{display:block;width:100%;height:min(82vh,900px);min-height:680px;border:0;background:#fff}.booking-fallback{margin:10px 8px 2px;color:var(--muted);font-size:.92rem}.booking-fallback a{color:#1767aa;font-weight:700}
.gallery{background:#edf6ff}.gallery .section-head h2 em{color:#276fc5}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 260px;gap:18px}.gallery-grid figure{margin:0;overflow:hidden;background:#cfe4f8}.gallery-grid .gallery-main{grid-row:1/3}.gallery-grid figure:nth-child(2){grid-column:2/4}.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figure:nth-child(4) img,.gallery-grid figure:nth-child(5) img{object-position:center 18%}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 240px 300px}.gallery-grid .gallery-main{grid-column:1/3;grid-row:auto}.gallery-grid figure:nth-child(2){grid-column:auto}.gallery-grid figure:nth-child(5){grid-column:1/3}}
@media(max-width:900px){.booking-launch{align-items:flex-start;flex-direction:column}.booking-launch .button{width:100%}}
@media(max-width:560px){.booking-launch{padding:30px 24px;gap:28px}.booking-embed{margin-inline:-18px;padding:6px}.booking-embed iframe{height:82vh;min-height:620px}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:12px}.gallery-grid .gallery-main,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5){grid-column:auto}.gallery-grid figure{height:280px}.gallery-grid .gallery-main{height:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Zwei Einzeltraining-Fotos wechseln sich alle zwei Sekunden ab. */
.course-image.private{background-image:none;overflow:hidden}
.course-image.private::before,.course-image.private::after{content:"";position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;animation:private-training-slides 4s steps(1,end) infinite}
.course-image.private::before{background-image:url('assets/einzeltraining-kind.jpg');background-position:62% center}
.course-image.private::after{background-image:url('assets/einzeltraining-spielerin.jpg');background-position:60% center;animation-delay:2s;opacity:0}
.course-image.private span{z-index:2}
@keyframes private-training-slides{0%,49.999%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.course-image.private::before,.course-image.private::after{animation:none}.course-image.private::after{display:none}}

/* Zwei Erwachsenen-Fotos wechseln sich alle drei Sekunden ab. */
.course-image.adults{background-image:none;overflow:hidden}
.course-image.adults::before,.course-image.adults::after{content:"";position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;animation:adult-training-slides 6s steps(1,end) infinite}
.course-image.adults::before{background-image:url('https://images.unsplash.com/photo-1554068865-24cecd4e34b8?auto=format&fit=crop&w=900&q=80');background-position:center}
.course-image.adults::after{background-image:url('assets/erwachsene-zwei-spieler.jpg');background-position:center 35%;animation-delay:3s;opacity:0}
.course-image.adults span{z-index:2}
@keyframes adult-training-slides{0%,49.999%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.course-image.adults::before,.course-image.adults::after{animation:none}.course-image.adults::after{display:none}}

/* Zwei Kinder- und Jugendfotos wechseln sich alle drei Sekunden ab. */
.course-image.kids{background-image:none;overflow:hidden}
.course-image.kids::before,.course-image.kids::after{content:"";position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;animation:kids-training-slides 6s steps(1,end) infinite}
.course-image.kids::before{background-image:url('https://images.unsplash.com/photo-1622163642998-1ea32b0bbc67?auto=format&fit=crop&w=900&q=80');background-position:center}
.course-image.kids::after{background-image:url('assets/kinder-jugend-gruppentraining-sandplatz.png?v=2');background-position:center;animation-delay:3s;opacity:0}
.course-image.kids span{z-index:2}
@keyframes kids-training-slides{0%,49.999%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.course-image.kids::before,.course-image.kids::after{animation:none}.course-image.kids::after{display:none}}