:root{--blue:#163b70;--blue-deep:#0b2448;--coral:#f06f5d;--peach:#ffd1b8;--yellow:#f7c84b;--cream:#fff8ef;--ink:#17233a;--line:rgba(23,35,58,.16);--shell:min(1240px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}img{display:block;width:100%}a{color:inherit}.skip{position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-150%);padding:.7rem 1rem;background:white}.skip:focus{transform:none}.site-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;width:var(--shell);min-height:106px;margin:auto}.brand{display:inline-flex;align-items:center;gap:.75rem;width:max-content;text-decoration:none;line-height:1}.brand-sign{display:grid;place-items:center;width:54px;aspect-ratio:1;border-radius:50% 50% 8px 50%;background:var(--coral);color:white;font-family:Georgia,serif;font-size:2rem;font-weight:800;transform:rotate(-6deg)}.brand strong{display:block;color:var(--blue);font-family:Georgia,serif;font-size:1.7rem}.brand small{display:block;margin-top:.35rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-header nav{display:flex;align-items:center;gap:2rem;font-weight:800}.site-header nav a{padding:.45rem 0;text-decoration:none;border-bottom:3px solid transparent}.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current]{color:var(--coral);border-color:var(--coral)}.menu-button{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(560px,1.18fr);align-items:center;width:var(--shell);min-height:calc(100vh - 106px);margin:auto;padding:3rem 0 5rem}.hero-copy{position:relative;z-index:2;padding-right:clamp(1rem,4vw,5rem)}.eyebrow{margin:0 0 .75rem;color:var(--coral);font-size:.85rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-intro h2,.promise h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:.98;letter-spacing:-.045em}.hero h1{font-size:clamp(3.7rem,6.8vw,7rem)}.hero h1 em{color:var(--coral);font-weight:500}.hero-copy>p:not(.eyebrow){max-width:570px;margin:1.6rem 0 2rem;font-size:1.15rem;color:#526078}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.8rem 1.35rem;border-radius:4px 24px 24px 24px;background:var(--blue);color:white;font-weight:900;text-decoration:none;transition:.2s}.button:hover{background:var(--coral);transform:translateY(-2px)}.text-button{font-weight:900;text-decoration:none}.text-button span{color:var(--coral);font-size:1.3em}.hero-visual{position:relative;isolation:isolate}.hero-visual::before{content:"";position:absolute;z-index:-1;inset:-25px 22% 18% -25px;border-radius:45% 8% 42% 12%;background:var(--peach);transform:rotate(-3deg)}.hero-visual img{height:min(670px,72vh);object-fit:cover;border-radius:46% 6px 42% 10px;box-shadow:18px 24px 0 var(--blue)}.hero-sticker{position:absolute;right:-20px;bottom:7%;display:grid;place-items:center;width:150px;aspect-ratio:1;border-radius:50%;background:var(--yellow);text-align:center;transform:rotate(7deg);box-shadow:0 12px 30px rgba(23,35,58,.22)}.hero-sticker strong,.hero-sticker span{display:block}.hero-sticker strong{font-family:Georgia,serif;font-size:1.2rem}.side-note{position:absolute;right:-1.5rem;top:50%;margin:0;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl}.course-section{padding:clamp(5rem,8vw,8rem) max(24px,calc((100% - 1240px)/2));background:var(--blue);color:white}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end;margin-bottom:3rem}.section-intro h2{max-width:760px;font-size:clamp(2.8rem,5vw,5.5rem)}.section-intro>p:last-child{margin:0;color:#c8d4e6;font-size:1.08rem}.course-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.course-card{position:relative;overflow:hidden;min-height:510px;padding:18px;background:white;color:var(--ink)}.course-card.blue{border-radius:48px 8px 8px 8px}.course-card.coral{border-radius:8px 48px 8px 8px}.course-card.yellow{border-radius:8px 8px 48px 8px}.course-card>span{position:absolute;z-index:2;top:30px;left:30px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);font-weight:900}.course-card img{height:285px;object-fit:cover;filter:saturate(.86)}.course-card div{padding:1.35rem .6rem .5rem}.course-card h3{margin:0;font-family:Georgia,serif;font-size:2rem;color:var(--blue)}.course-card p{margin:.5rem 0 1rem;color:#617087}.course-card a{color:var(--coral);font-weight:900;text-decoration:none}.promise{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,8rem);align-items:center;width:var(--shell);padding:clamp(5rem,9vw,9rem) 0}.promise h2{font-size:clamp(3rem,5.7vw,6rem);color:var(--blue)}.promise>p{padding:2rem;border-left:8px solid var(--yellow);font-family:Georgia,serif;font-size:clamp(1.35rem,2.4vw,2rem)}footer{padding:3.5rem max(24px,calc((100% - 1240px)/2)) 1.5rem;background:var(--coral);color:white}footer>div{display:flex;align-items:center;justify-content:space-between;gap:2rem}footer strong{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem)}footer .light{background:white;color:var(--blue)}footer>p{margin:3rem 0 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.35);font-size:.82rem}.top{position:fixed;right:1rem;bottom:1rem;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--blue);font-size:1.4rem;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:900px){.site-header{min-height:82px}.menu-button{display:block;width:52px;height:52px;border:0;background:transparent}.menu-button span{display:block;width:26px;height:3px;margin:5px auto;background:var(--blue)}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden}.site-header nav{position:absolute;top:82px;left:0;right:0;display:none;padding:1.3rem;background:var(--cream);box-shadow:0 18px 35px rgba(23,35,58,.15)}.site-header nav.open{display:grid}.hero{grid-template-columns:1fr;gap:3rem;padding-top:2rem}.hero-copy{padding-right:0}.hero-visual{width:90%;margin-left:auto}.hero-visual img{height:56vh;min-height:430px}.side-note{display:none}.section-intro,.promise{grid-template-columns:1fr}.course-strip{grid-template-columns:1fr 1fr}.course-card:last-child{grid-column:1/-1}.course-card{min-height:470px}footer>div{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){:root{--shell:min(100% - 28px,1240px)}.brand strong{font-size:1.35rem}.brand-sign{width:46px}.hero{min-height:auto;padding-bottom:4rem}.hero h1{font-size:clamp(3.1rem,15vw,4.7rem)}.hero-copy>p:not(.eyebrow){font-size:1.02rem}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-visual{width:96%}.hero-visual img{height:52vh;min-height:380px}.hero-sticker{right:-6px;width:120px}.course-strip{grid-template-columns:1fr}.course-card:last-child{grid-column:auto}.course-card{min-height:auto}.course-card img{height:245px}.promise>p{padding:1.25rem}.top{width:44px;height:44px}}

/* Gemeinsames Grundbranding: der Seitenrand bleibt beim Verkleinern in Footerfarbe. */
html,body{background:var(--blue)}
main{background:var(--cream)}
.webdesign-credit{display:inline-flex;align-items:center;justify-content:center;width:375px;height:108px;padding:0;background:transparent;text-decoration:none}
.webdesign-credit img{width:100%;height:100%;padding:0;object-fit:contain;object-position:center}
@media(min-width:901px){
  .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:2rem;row-gap:.7rem}
  .footer-bottom .tvp{justify-self:start;width:250px;min-height:72px}
  .footer-bottom .legal-links{justify-self:center}
  .footer-bottom .webdesign-credit{justify-self:end}
  .footer-bottom>p{grid-column:1/-1;justify-self:center;width:100%;margin:0;padding-top:.7rem;text-align:center}
  .tvp img{width:82px;height:64px}
  .tvp strong{font-size:1.06rem}
  .tvp small{font-size:.78rem}
}
@media(max-width:900px){
  .footer-bottom .webdesign-credit{order:2;width:375px;height:108px}
}
@media(max-width:620px){
  html,body{overflow-x:hidden}
  .site-header{width:calc(100% - 28px);min-width:0}
  .hero,.subhero,.subhero.reverse,.team-hero,.contact-hero{width:100%;max-width:100%;overflow:hidden}
  .hero-copy,.subhero>div,.team-hero>div,.contact-hero>div{min-width:0;max-width:100%}
  .hero h1{font-size:clamp(3rem,12vw,3.85rem);line-height:.98}
  .subhero h1,.team-hero h1,.contact-hero h1{font-size:clamp(2.45rem,10.2vw,3.2rem);line-height:1}
  .subhero h1 em,.team-hero h1 em,.contact-hero h1 em{max-width:100%}
  .hero{display:flex;flex-direction:column;gap:0}
  .hero-copy{display:contents}
  .hero-copy>.eyebrow{order:1}
  .hero-copy>h1{order:2}
  .hero-copy>p:not(.eyebrow){order:3}
  .hero-visual{order:4;margin-top:1.5rem}
  .hero-copy>.actions{order:5;width:100%;margin-top:1.5rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.35)}.footer-bottom p{margin:0;font-size:.82rem}.tvp{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.tvp img{width:58px;height:42px;object-fit:contain;border-radius:7px;background:white}.tvp span,.tvp strong,.tvp small{display:block}.tvp strong{font-family:Arial,Helvetica,sans-serif;font-size:1rem}.tvp small{color:rgba(255,255,255,.8);font-size:.72rem}.tvp:hover strong,.tvp:focus-visible strong{text-decoration:underline;text-underline-offset:.22em}@media(max-width:900px){.footer-cta,.footer-bottom{align-items:flex-start;flex-direction:column}}
:root{--shell:min(1180px,calc(100% - 80px))}.hero{padding-block:2rem 3.5rem}.course-section{padding-block:clamp(4rem,6vw,6rem)}.promise{padding-block:clamp(4rem,6vw,6rem)}.footer-cta{gap:1.5rem}.footer-bottom{margin-top:2rem}@media(max-width:620px){:root{--shell:min(100% - 32px,1180px)}.hero{padding-block:1.5rem 3.25rem}.course-section,.promise{padding-block:3.5rem}}
.legal-links{display:flex;gap:1.1rem}.legal-links a{font-weight:800;text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible{text-decoration:underline;text-underline-offset:.22em}.legal-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;width:var(--shell);padding:clamp(4rem,7vw,7rem) 0;border-top:1px solid var(--line)}.legal-hero h1{margin:0;color:var(--blue);font-family:Georgia,serif;font-size:clamp(3.8rem,8vw,7.5rem);font-weight:500;line-height:.95}.legal-hero>p{margin:0;padding:1.5rem;border-left:7px solid var(--yellow);font-size:1.08rem}.legal-page{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(3rem,8vw,7rem);justify-content:center;padding:clamp(4rem,7vw,7rem) max(24px,calc((100% - 1180px)/2));background:white}.legal-page aside{position:sticky;top:2rem;align-self:start;display:grid;gap:.55rem;padding:1.4rem;border-radius:6px 28px 28px 28px;background:var(--blue);color:white}.legal-page aside strong{margin-bottom:.4rem;color:var(--peach);text-transform:uppercase;letter-spacing:.12em}.legal-page aside a{text-decoration:none}.legal-page aside a:hover{text-decoration:underline}.legal-page article h2{margin:2.6rem 0 .8rem;color:var(--blue);font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500}.legal-page article h2:first-child{margin-top:0}.legal-page article p{font-size:1.04rem;color:#4e5a70}.legal-page mark{padding:.12rem .3rem;background:#fff0a8;color:#5d4800}@media(max-width:760px){.legal-hero,.legal-page{grid-template-columns:1fr}.legal-page aside{position:static}.legal-links{flex-wrap:wrap}.footer-bottom{gap:1rem}}
.subhero{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch;min-height:610px;background:var(--blue);color:white}.subhero.reverse{grid-template-columns:.9fr 1.1fr}.subhero.reverse img{order:2}.subhero img{height:100%;min-height:610px;object-fit:cover}.subhero>div{display:flex;justify-content:center;flex-direction:column;padding:clamp(3rem,7vw,7rem)}.subhero h1,.team-hero h1,.contact-hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(3.2rem,6vw,6.6rem);font-weight:500;line-height:.98;letter-spacing:-.04em}.subhero h1 em,.team-hero h1 em,.contact-hero h1 em{color:var(--yellow);font-weight:500}.subhero>div>p:last-child{max-width:590px;color:#d7e2f1;font-size:1.08rem}.content-section,.schedule,.story,.team-list,.contact-area{padding:clamp(4rem,7vw,7rem) max(24px,calc((100% - 1180px)/2))}.section-intro.light{color:var(--ink)}.section-intro.light>p:last-child{color:#5a687e}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.program-grid article{position:relative;padding:2rem;border:1px solid var(--line);border-radius:8px 34px 34px 34px;background:white}.program-grid article>span{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:var(--yellow);color:var(--blue);font-weight:900}.program-grid h3{margin:1rem 0 .7rem;color:var(--blue);font-family:Georgia,serif;font-size:2rem}.program-grid p{color:#5b687c}.schedule{background:#fff0e7}.week-grid{display:grid;grid-template-columns:88px repeat(5,minmax(130px,1fr));border:1px solid var(--line);border-radius:24px;overflow:auto;background:white}.week-grid>*{min-height:74px;padding:.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day,.grid-corner{display:grid;place-items:center;background:var(--blue);color:white;font-weight:900;text-align:center}.time{display:grid;place-items:center;background:#eaf1fb;color:var(--blue);font-weight:900}.slot{font-weight:800}.slot small{font-weight:500}.slot.standard{background:#e9f0ff}.slot.salsa{background:#ffe5de}.slot.fox{background:#fff4cb}.slot.line{background:#e4f4ed}.slot.club{background:#e9e5fa}.slot.special{background:#fee9c9}.slot.party{background:var(--coral);color:white}.slot.empty{color:#abb1ba}.weekend{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.weekend article{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;border-radius:8px 24px 24px 24px;background:var(--blue);color:white}.price-note{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;padding:1.25rem 1.5rem;border-radius:24px 8px 24px 24px;background:var(--yellow)}.price-note strong{font-family:Georgia,serif;font-size:2rem}.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,7rem)}.story h2{margin:0;color:var(--blue);font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:500;line-height:1}.story>div:last-child{font-size:1.1rem;color:#536078}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0 max(24px,calc((100% - 1180px)/2)) clamp(4rem,7vw,7rem)}.values article{padding:2rem;border-radius:34px 8px 34px 34px;background:var(--peach)}.values strong{color:var(--coral);font-size:1.4rem}.values h3{margin:.7rem 0;font-family:Georgia,serif;font-size:2rem;color:var(--blue)}.wide-image{position:relative;margin:0 auto clamp(4rem,7vw,7rem);width:var(--shell)}.wide-image img{height:540px;object-fit:cover;border-radius:50px 8px 50px 8px}.wide-image p{position:absolute;left:3rem;bottom:2rem;max-width:650px;margin:0;padding:1.4rem;background:var(--yellow);font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.4rem)}.team-hero{position:relative;width:var(--shell);margin:auto}.team-hero img{height:min(680px,72vh);object-fit:cover;border-radius:54px 8px 54px 8px}.team-hero>div{position:absolute;left:3rem;bottom:3rem;max-width:760px;padding:2rem;background:rgba(11,36,72,.9);color:white}.team-list{display:grid;gap:2rem}.team-list article{display:grid;grid-template-columns:320px 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.team-list article:nth-child(even) img{order:2}.team-list img{height:390px;object-fit:cover;border-radius:40px 8px 40px 8px}.team-list span{color:var(--coral);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.team-list h2,.contact-area h2{margin:.4rem 0;color:var(--blue);font-family:Georgia,serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:500}.team-list p{max-width:650px;color:#58667b;font-size:1.08rem}.contact-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:var(--shell);margin:auto;padding:2rem 0 4rem}.contact-hero>div{padding-right:clamp(2rem,7vw,6rem)}.contact-hero img{height:580px;object-fit:cover;border-radius:50% 8px 44% 8px}.contact-hero>div>p:last-child{color:#5b687c;font-size:1.08rem}.contact-area{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2rem,8vw,7rem);background:white}.contact-data{padding:2rem;border-radius:8px 34px 34px 34px;background:var(--blue);color:white}.contact-data h2{color:white}.contact-data p{display:grid;margin:1.4rem 0}.contact-data strong{color:var(--peach)}.contact-data a{text-decoration-color:var(--yellow);text-underline-offset:.2em}.contact-data .hint{padding-top:1rem;border-top:1px solid rgba(255,255,255,.25);font-size:.85rem;color:#c5d1e3}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form h2,.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form .check,.contact-form button,.contact-form small{grid-column:1/-1}.contact-form label{display:grid;gap:.35rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.85rem 1rem;border:1px solid #bac2cf;border-radius:10px;background:var(--cream);font:inherit}.contact-form .check{display:block;font-weight:500}.contact-form .check input{width:auto}.contact-form button{border:0;cursor:pointer}.contact-form small{color:#6a7485}
@media(max-width:900px){.subhero,.subhero.reverse,.story,.contact-hero,.contact-area{grid-template-columns:1fr}.subhero.reverse img{order:0}.subhero img{min-height:420px}.week-grid{grid-template-columns:74px repeat(5,170px)}.team-list article{grid-template-columns:240px 1fr}.team-list article:nth-child(even) img{order:0}.contact-hero>div{padding:2rem 0}.contact-hero img{height:480px}}
@media(max-width:620px){.program-grid,.values,.weekend,.contact-form{grid-template-columns:1fr}.subhero{min-height:auto}.subhero img{min-height:330px;height:42vh}.subhero>div{padding:3rem 1rem}.week-grid{display:block;border-radius:16px}.grid-corner{display:none}.day{min-height:auto;padding:.7rem}.time{min-height:auto}.slot{min-height:auto}.slot.empty{display:none}.weekend article,.price-note{align-items:flex-start;flex-direction:column}.team-hero{width:100%}.team-hero img{height:520px;border-radius:0}.team-hero>div{left:14px;right:14px;bottom:14px;padding:1.2rem}.team-list article{grid-template-columns:1fr}.team-list img{height:430px}.wide-image{width:100%}.wide-image img{height:470px;border-radius:0}.wide-image p{left:14px;right:14px;bottom:14px}.contact-hero img{height:400px}.contact-form h2,.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form .check,.contact-form button,.contact-form small{grid-column:auto}}
.contact-hero img{object-position:74% center}@media(max-width:900px){.contact-hero img{object-position:72% center}}@media(max-width:620px){.contact-hero img{object-position:70% center}}
.promise{margin-inline:auto}
.hero-visual img{object-position:68% center}
@media(min-width:901px){.promise{transform:translateX(-38px)}}
.hero-sticker{align-content:center;gap:.35rem;padding:1rem}.hero-sticker strong,.hero-sticker span{margin:0;text-align:center;line-height:1.15}.hero-sticker strong{font-weight:900}.hero-sticker span{font-size:.95rem;font-weight:800}
.side-note{top:50%;right:-3.25rem;transform:translateY(-50%);padding:.9rem .42rem;border-radius:999px;background:rgba(255,248,239,.94);box-shadow:0 8px 24px rgba(23,35,58,.12);font-size:.76rem;font-weight:900;line-height:1;white-space:nowrap;text-orientation:mixed}
.side-note{background:var(--coral);color:white;box-shadow:0 8px 24px rgba(240,111,93,.28)}
.team-list article:nth-child(2) img{object-position:center 5%}
.team-list article:nth-child(1) img{object-position:center 12%}
.team-list article:nth-child(even){grid-template-columns:1fr 320px}.team-list img{object-position:center top}.team-list article:nth-child(1) img,.team-list article:nth-child(2) img{object-position:center top}@media(max-width:900px){.team-list article:nth-child(even){grid-template-columns:1fr 240px}}@media(max-width:620px){.team-list article:nth-child(even){grid-template-columns:1fr}.team-list article:nth-child(even) img{order:0}}
.team-list article:nth-child(2) img{transform:translateX(-48px)}@media(max-width:900px){.team-list article:nth-child(2) img{transform:translateX(-24px)}}@media(max-width:620px){.team-list article:nth-child(2) img{transform:none}}
@media(min-width:901px){.team-list article:nth-child(2){grid-template-columns:minmax(0,650px) 320px;justify-content:start}.team-list article:nth-child(2) img{transform:none}}
.contact-data a{transition:color .18s ease,text-decoration-color .18s ease}.contact-data a:hover,.contact-data a:focus-visible{color:var(--yellow);text-decoration-color:currentColor}

/* Variante 3: Tanzwerk – klare, moderne Studio-Optik */
:root{--blue:#073b3a;--blue-deep:#032927;--coral:#f05b43;--peach:#bfe8d5;--yellow:#d8f56a;--cream:#f7f3e8;--ink:#102f2e;--line:rgba(7,59,58,.18);--shell:min(1260px,calc(100% - 64px))}
body{background:var(--cream);color:var(--ink)}
.site-header{min-height:94px}
.brand-sign{border-radius:5px 22px 5px 5px;background:var(--yellow);color:var(--blue);transform:rotate(4deg)}
.brand strong{font-family:Arial,Helvetica,sans-serif;font-size:1.55rem;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}
.site-header nav a{border-width:0 0 2px}
.hero{grid-template-columns:minmax(390px,.9fr) minmax(540px,1.1fr);width:100%;min-height:calc(100vh - 94px);padding:0;background:var(--blue);color:white}
.hero-copy{align-self:stretch;display:flex;justify-content:center;flex-direction:column;padding:clamp(4rem,8vw,8rem) clamp(2rem,6vw,7rem) clamp(4rem,8vw,8rem) max(32px,calc((100vw - 1260px)/2))}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(4rem,7vw,7.6rem);font-weight:950;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
.hero h1 em{color:var(--yellow);font-family:Georgia,serif;font-weight:500;text-transform:none}
.hero-copy>p:not(.eyebrow){color:#d4e7e1}
.hero .button{background:var(--yellow);color:var(--blue)}
.hero .button:hover{background:white}.hero .text-button span{color:var(--yellow)}
.hero-visual{align-self:stretch;height:100%}.hero-visual::before{display:none}
.hero-visual img{height:100%;min-height:650px;border-radius:0;box-shadow:none;object-position:66% center;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.hero-sticker{right:5%;bottom:7%;border:3px solid var(--blue);border-radius:8px 40px 8px 40px;background:var(--yellow);color:var(--blue);transform:rotate(-4deg)}
.side-note{right:1.1rem;background:var(--yellow);color:var(--blue);box-shadow:none}
.course-section{background:var(--peach);color:var(--blue)}
.section-intro>p:last-child{color:#315f5c}
.course-strip{gap:1.5rem}.course-card{padding:0;border:2px solid var(--blue);background:var(--cream);box-shadow:10px 10px 0 var(--blue)}
.course-card.blue,.course-card.coral,.course-card.yellow{border-radius:4px 48px 4px 4px}
.course-card>span{top:18px;left:18px;border:2px solid var(--blue);background:var(--yellow)}
.course-card img{height:300px}.course-card div{padding:1.6rem}.course-card h3{font-family:Arial,Helvetica,sans-serif;font-size:1.65rem;font-weight:950;text-transform:uppercase}
.promise{position:relative}.promise::before{content:"TANZWERK";position:absolute;z-index:-1;right:0;top:50%;color:rgba(7,59,58,.06);font-size:clamp(5rem,15vw,13rem);font-weight:950;transform:translateY(-50%)}
.promise h2{font-family:Arial,Helvetica,sans-serif;font-weight:950;letter-spacing:-.06em;text-transform:uppercase}
footer{background:var(--blue)}
.subhero{background:var(--blue)}.subhero img{clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.subhero.reverse img{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.subhero h1,.team-hero h1,.contact-hero h1,.story h2,.team-list h2,.contact-area h2,.legal-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:950;letter-spacing:-.055em;text-transform:uppercase}
.program-grid article,.values article,.contact-data{border:2px solid var(--blue);border-radius:4px 34px 4px 4px;box-shadow:8px 8px 0 var(--peach)}
.week-grid{border:2px solid var(--blue);border-radius:4px 30px 4px 4px}
.team-hero img,.team-list img,.wide-image img,.contact-hero img{border-radius:4px 54px 4px 4px}
.team-hero>div{background:rgba(3,41,39,.92)}
.contact-area{background:#eef6ee}.contact-form input,.contact-form select,.contact-form textarea{border:2px solid rgba(7,59,58,.24);border-radius:4px 14px 4px 4px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:4rem max(32px,calc((100vw - 1260px)/2))}.hero-visual{height:62vh}.hero-visual img{min-height:0;clip-path:none}.subhero img,.subhero.reverse img{clip-path:none}}
@media(max-width:620px){:root{--shell:min(100% - 30px,1260px)}.site-header{min-height:82px}.hero-copy{padding:3.5rem 15px}.hero h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-visual{width:100%;height:52vh;margin:0}.hero-visual img{height:100%;min-height:0}.course-card{box-shadow:6px 6px 0 var(--blue)}}

/* Eigenständiges Plakat-Layout */
.site-header{position:absolute;z-index:30;top:22px;left:50%;width:min(1320px,calc(100% - 44px));min-height:76px;padding:0 22px 0 12px;border:1px solid rgba(7,59,58,.14);border-radius:999px;background:rgba(247,243,232,.94);box-shadow:0 14px 45px rgba(3,41,39,.16);transform:translateX(-50%);backdrop-filter:blur(14px)}
.brand-sign{width:48px;border-radius:50%;transform:none}.site-header nav{gap:1.5rem}
.hero{position:relative;display:block;min-height:900px;width:100%;padding:0;overflow:hidden;background:var(--blue)}
.hero-visual{position:absolute;inset:0;width:100%;height:100%}.hero-visual img{width:100%;height:100%;min-height:0;clip-path:none;object-position:68% center;filter:saturate(.86) contrast(1.04)}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(247,243,232,.98) 34%,rgba(247,243,232,.68) 52%,rgba(7,59,58,.08) 74%)}
.hero-copy{position:relative;z-index:2;display:flex;justify-content:flex-end;min-height:900px;width:min(760px,62vw);padding:170px 45px 90px max(32px,calc((100vw - 1260px)/2));color:var(--ink);background:none}
.hero h1{color:var(--blue);font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.8rem,7vw,7.7rem);font-weight:500;line-height:.82;letter-spacing:-.065em;text-transform:none}
.hero h1 em{display:inline-block;padding:.05em .12em;color:var(--cream);background:var(--coral);font-family:Georgia,serif;transform:rotate(-2deg)}
.hero-copy>p:not(.eyebrow){max-width:540px;color:#3c5d5b;font-size:1.12rem}
.hero .button{background:var(--blue);color:white}.hero .button:hover{background:var(--coral)}.hero .text-button span{color:var(--coral)}
.hero-sticker{right:5%;bottom:6%;width:164px;border:0;border-radius:50%;background:var(--yellow);box-shadow:0 16px 45px rgba(3,41,39,.3);transform:rotate(7deg)}
.side-note{z-index:3;right:auto;left:50%;top:auto;bottom:28px;padding:.7rem 1.2rem;border-radius:0;background:var(--blue);color:white;letter-spacing:.14em;writing-mode:horizontal-tb;transform:translateX(-50%)}
.course-section{padding-block:7rem;background:var(--cream);color:var(--ink)}
.section-intro{grid-template-columns:.8fr 1.2fr;border-top:6px solid var(--blue);padding-top:1.5rem}.section-intro h2{color:var(--blue);font-family:Georgia,serif;font-weight:500}.section-intro>p:last-child{max-width:520px;justify-self:end;color:#46615f}
.course-strip{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1120px;margin:auto}
.course-card{display:grid;grid-template-columns:46% 54%;min-height:270px;padding:0;border:0;border-radius:0!important;background:white;box-shadow:none}
.course-card:nth-child(even){grid-template-columns:54% 46%}.course-card:nth-child(even) img{order:2}
.course-card img{height:300px}.course-card div{display:flex;justify-content:center;flex-direction:column;padding:2rem 3rem}
.course-card h3{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:1;text-transform:none}
.course-card>span{top:18px;left:18px;border:0;background:var(--yellow)}
.course-card:nth-child(1) div{background:var(--peach)}.course-card:nth-child(2) div{background:var(--yellow)}.course-card:nth-child(3) div{background:#efd6e5}
.course-card:nth-child(1) img{object-position:100% 100%;transform:none}
.course-card:nth-child(2) img{object-position:center calc(50% + 20px)}
.course-card:nth-child(3) img{object-position:center calc(50% + 10px)}
.mobile-schedule{display:none}
@media(max-width:620px){
  .schedule .week-grid{display:none}
  .mobile-schedule{display:grid;gap:14px}
  .mobile-schedule article{overflow:hidden;border:2px solid var(--blue);border-radius:4px 26px 4px 4px;background:white}
  .mobile-schedule h3{margin:0;padding:.8rem 1rem;background:var(--blue);color:white;font-size:1.15rem}
  .mobile-schedule p{display:grid;grid-template-columns:78px 1fr;gap:.8rem;align-items:start;margin:0;padding:.85rem 1rem;border-top:1px solid var(--line);font-weight:800}
  .mobile-schedule time{color:var(--coral);font-weight:950}
  .mobile-schedule small{font-weight:600;color:#46615f}
}

/* Wochenplan identisch zu Taktgefühl. */
.mobile-schedule{display:none!important}
.mobile-week-grid{display:none}
.week-grid{grid-template-columns:128px repeat(5,minmax(130px,1fr));border-radius:8px 24px 24px 24px}
.weekend{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.weekend article{display:block;overflow:hidden;gap:0;padding:0;border:2px solid var(--blue);border-radius:8px 24px 24px 24px;background:#fff;color:var(--ink)}
.weekend-head{display:grid;grid-template-columns:128px minmax(0,1fr);background:var(--blue);color:#fff}
.weekend-head>span{display:flex;align-items:center;padding:.8rem 1rem;border-right:1px solid rgba(255,255,255,.28);font-weight:900}
.weekend h3{margin:0;padding:.8rem 1rem;color:#fff;font-family:Georgia,serif;font-size:1rem;font-weight:700}
.weekend p{display:grid;grid-template-columns:128px minmax(0,1fr);gap:0;align-items:stretch;margin:0;padding:0;font-weight:850}
.weekend time{display:flex;align-items:center;padding:.9rem 1rem;background:#eaf1fb;border-right:1px solid var(--line);font-weight:900;color:var(--blue)}
.weekend p span{display:flex;align-items:center;padding:.9rem 1rem}
.price-note{background:#d8f56a;color:var(--blue)}
@media(max-width:620px){
  .week-grid,.weekend{display:none}
  .mobile-week-grid{display:grid;gap:.9rem}
  .mobile-week-grid article{overflow:hidden;border:2px solid var(--blue);border-radius:8px 24px 24px 24px;background:#fff}
  .mobile-week-grid h3{margin:0;padding:.8rem 1rem;background:var(--blue);color:#fff;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}
  .mobile-week-grid p{display:grid;grid-template-columns:94px minmax(0,1fr);gap:.85rem;align-items:center;margin:0;padding:.85rem 1rem;border-top:2px solid rgba(23,35,58,.16)}
  .mobile-week-grid time{font-weight:900;color:var(--blue)}
  .mobile-week-grid span{font-weight:850}
  .mobile-week-grid small{display:block;margin-top:.12rem;color:#5b687c;font-size:.83rem;font-weight:600}
  .team-hero>div{padding-left:28px!important}
  .team-hero img{object-position:68% center!important}
  .contact-hero>div{width:100%!important;max-width:100%!important;padding:120px 24px 44px!important}
  .contact-hero h1{max-width:330px!important;font-size:clamp(1.85rem,8.5vw,2.2rem)!important;line-height:.98!important;overflow-wrap:anywhere}
  .contact-hero>div>p:last-child{max-width:330px!important;font-size:.96rem!important}
  .contact-area{padding:2.5rem 24px!important;overflow:hidden}
  .contact-data,.contact-form{min-width:0;width:100%;overflow-wrap:anywhere}
  .contact-data h2{font-size:2rem!important;line-height:1!important}
}
.promise{width:100%;grid-template-columns:1.15fr .85fr;gap:0;padding:0;background:var(--blue);color:white}.promise>div{padding:clamp(4rem,8vw,8rem) max(32px,calc((100vw - 1260px)/2))}.promise>div:last-child{padding-left:clamp(2rem,6vw,6rem);background:var(--coral)}.promise h2{color:white;font-family:Georgia,serif;font-weight:500;text-transform:none}.promise::before{display:none}.promise .eyebrow{color:var(--yellow)}.promise .text-button{display:inline-block;margin-top:1rem}
@media(max-width:900px){.site-header{position:relative;top:auto;left:auto;width:calc(100% - 24px);margin:12px;transform:none}.hero{min-height:780px}.hero-copy{min-height:780px;width:82%;padding:130px 24px 70px 28px}.hero-visual{position:absolute;height:100%}.hero-visual::after{background:linear-gradient(90deg,var(--cream) 0%,rgba(247,243,232,.94) 48%,rgba(247,243,232,.15) 100%)}.hero h1{font-size:clamp(4rem,10vw,6.5rem)}.course-strip{grid-template-columns:1fr}.course-card,.course-card:nth-child(even){grid-template-columns:42% 58%}.promise{grid-template-columns:1fr}.promise>div:last-child{padding-left:max(32px,calc((100vw - 1260px)/2))}}
@media(max-width:620px){.site-header{min-height:70px}.hero{min-height:720px}.hero-copy{min-height:720px;width:100%;padding:105px 15px 65px}.hero-visual::after{background:linear-gradient(180deg,rgba(247,243,232,.98) 0%,rgba(247,243,232,.9) 52%,rgba(7,59,58,.14) 100%)}.hero h1{font-size:clamp(3.5rem,16vw,5.2rem)}.hero-copy>p:not(.eyebrow){max-width:92%}.hero-sticker{right:16px;bottom:70px;width:122px}.side-note{display:none}.course-section{padding-block:4rem}.course-card,.course-card:nth-child(even){display:block}.course-card:nth-child(even) img{order:0}.course-card img{height:240px}.course-card div{padding:1.5rem}.section-intro{grid-template-columns:1fr}.section-intro>p:last-child{justify-self:start}.promise>div,.promise>div:last-child{padding:4rem 15px}}

/* Klar erkennbare Angebotsleiste statt scheinbarem Link */
.side-note{left:0;right:0;bottom:0;width:100%;margin:0;padding:.85rem max(24px,calc((100% - 1260px)/2));border-radius:0;text-align:center;white-space:normal;transform:none}
.course-section{padding-top:2.25rem;padding-bottom:4rem}
@media(max-width:620px){.side-note{display:none}.course-section{padding-top:2rem;padding-bottom:3.25rem}}

/* Bildbühnen der Unterseiten – ohne farbigen Textkasten */
.subhero,.subhero.reverse{position:relative;display:block;min-height:680px;overflow:hidden;background:var(--blue);color:white}
.subhero img,.subhero.reverse img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;clip-path:none;filter:saturate(.78) contrast(1.08)}
.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,41,39,.94) 0%,rgba(3,41,39,.76) 38%,rgba(3,41,39,.2) 72%,rgba(3,41,39,.05) 100%)}
.subhero>div{position:relative;z-index:2;display:flex;justify-content:flex-end;min-height:680px;width:min(760px,64vw);padding:160px 0 70px max(32px,calc((100vw - 1260px)/2))}
.subhero h1{color:white;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;text-transform:none}
.subhero h1 em{display:inline-block;padding:.02em .14em;color:var(--blue);background:var(--yellow);font-family:Georgia,serif;transform:rotate(-1.5deg)}
.subhero>div>p:last-child{max-width:580px;color:rgba(255,255,255,.84)}
.subhero .eyebrow{color:var(--yellow)}
.team-hero{position:relative;width:100%;min-height:680px;overflow:hidden;margin:0;background:var(--blue)}
.team-hero img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 28%;filter:saturate(.8) contrast(1.06)}
.team-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,41,39,.94),rgba(3,41,39,.55) 48%,rgba(3,41,39,.08) 78%)}
.team-hero>div{position:relative;z-index:2;left:auto;bottom:auto;display:flex;justify-content:flex-end;flex-direction:column;min-height:680px;width:min(820px,68vw);padding:160px 0 75px max(32px,calc((100vw - 1260px)/2));background:transparent;color:white}
.team-hero h1{color:white;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;text-transform:none}
.team-hero h1 em{display:inline-block;width:max-content;padding:.02em .14em;color:var(--blue);background:var(--yellow);font-family:Georgia,serif;transform:rotate(-1.5deg)}
.team-hero .eyebrow{color:var(--yellow)}
@media(max-width:900px){.subhero,.subhero.reverse,.team-hero{min-height:620px}.subhero>div,.team-hero>div{min-height:620px;width:82%;padding:130px 24px 60px 28px}.subhero::after,.team-hero::after{background:linear-gradient(90deg,rgba(3,41,39,.92),rgba(3,41,39,.58) 62%,rgba(3,41,39,.12))}}
@media(max-width:620px){.subhero,.subhero.reverse,.team-hero{min-height:590px}.subhero>div,.team-hero>div{min-height:590px;width:100%;padding:110px 15px 45px}.subhero::after,.team-hero::after{background:linear-gradient(180deg,rgba(3,41,39,.54),rgba(3,41,39,.88) 72%,rgba(3,41,39,.97))}.subhero img,.subhero.reverse img,.team-hero img{object-position:center}.subhero h1,.team-hero h1{font-size:clamp(3rem,14vw,5rem)}}

/* Auf Unterseiten steht die Navigation oberhalb des Bildes und verdeckt keine Köpfe. */
body:has(.subhero) .site-header,
body:has(.team-hero) .site-header,
body:has(.contact-hero) .site-header{position:relative;top:auto;left:auto;width:min(1320px,calc(100% - 44px));margin:18px auto;transform:none}
body:has(.subhero) .subhero>div,
body:has(.team-hero) .team-hero>div{padding-top:78px}
.contact-hero img{object-position:72% top}
@media(max-width:900px){body:has(.subhero) .site-header,body:has(.team-hero) .site-header,body:has(.contact-hero) .site-header{width:calc(100% - 24px);margin:12px}.contact-hero img{object-position:70% top}}
@media(max-width:620px){body:has(.subhero) .subhero>div,body:has(.team-hero) .team-hero>div{padding-top:55px}.contact-hero img{object-position:68% top}}

/* Die neuen Hero-Fotos schaffen Raum für die Navigation direkt im Bild. */
body:has(.subhero) .site-header,
body:has(.team-hero) .site-header,
body:has(.contact-hero) .site-header{position:absolute;top:22px;left:50%;width:min(1320px,calc(100% - 44px));margin:0;transform:translateX(-50%)}
body:has(.subhero) .subhero>div,
body:has(.team-hero) .team-hero>div{padding-top:160px}
.subhero img,.subhero.reverse img,.team-hero img{object-position:center center}
.contact-hero{padding-top:0}.contact-hero>div{padding-top:125px}.contact-hero img{object-position:center}
@media(max-width:900px){body:has(.subhero) .site-header,body:has(.team-hero) .site-header,body:has(.contact-hero) .site-header{top:12px;left:12px;width:calc(100% - 24px);margin:0;transform:none}body:has(.subhero) .subhero>div,body:has(.team-hero) .team-hero>div{padding-top:140px}.contact-hero>div{padding-top:115px}}
@media(max-width:620px){body:has(.subhero) .subhero>div,body:has(.team-hero) .team-hero>div{padding-top:120px}.contact-hero>div{padding-top:105px}}

/* Der linke Abschlusstext erhält einen sauberen Seitenabstand. */
.promise{transform:none!important}
.promise>div:first-child{padding-left:max(72px,calc((100vw - 1180px)/2))}
@media(max-width:900px){.promise>div:first-child{padding-left:32px}}
@media(max-width:620px){.promise>div:first-child{padding-left:15px}}

/* Weniger Leerraum oberhalb des Abschlussbereichs. */
.promise>div{padding-top:clamp(3.5rem,5vw,4.75rem);padding-bottom:clamp(3.5rem,5vw,4.75rem)}
@media(max-width:620px){.promise>div,.promise>div:last-child{padding-top:3rem;padding-bottom:3rem}}

/* Bessere Lesbarkeit im roten Abschlusskasten. */
.promise>div:last-child>p{max-width:620px;font-size:clamp(1.18rem,1.55vw,1.45rem);line-height:1.55}
.promise>div:last-child .text-button{font-size:clamp(1.08rem,1.3vw,1.25rem)}

.promise>div:first-child{padding-top:clamp(2.25rem,3vw,3rem)}
@media(max-width:620px){.promise>div:first-child{padding-top:2.25rem}}

.promise>div:last-child .text-button{display:inline-flex;align-items:center;width:max-content;padding:.3rem .1rem;border-bottom:2px solid currentColor;text-decoration:none;transition:color .2s ease,transform .2s ease,border-color .2s ease}
.promise>div:last-child .text-button:hover,.promise>div:last-child .text-button:focus-visible{color:var(--yellow);border-color:var(--yellow);transform:translateX(6px)}
.promise>div:last-child .text-button:focus-visible{outline:2px solid white;outline-offset:6px}

/* Startseitenmotiv: weniger Headroom, Navigation bleibt frei. */
.hero-visual img{border-radius:0;box-shadow:none;transform:translateY(-4%) scale(1.08);transform-origin:center center}
@media(max-width:620px){.hero-visual img{transform:translateY(-2%) scale(1.04)}}

/* Hero-Inhalt näher an die Navigation rücken. */
.hero-copy{padding-top:115px}
@media(max-width:900px){.hero-copy{padding-top:105px}}
@media(max-width:620px){.hero-copy{padding-top:92px}}

/* Kursseite: Trennstrich näher an die Bildbühne setzen. */
.content-section{padding-top:2.25rem}
@media(max-width:620px){.content-section{padding-top:2rem}}

/* Kompakter Übergang von den Kurskarten zum Wochenplan. */
.content-section{padding-bottom:2.75rem}
.schedule{padding-top:2.75rem}
@media(max-width:620px){.content-section{padding-bottom:2.5rem}.schedule{padding-top:2.5rem}}

/* Über-uns-Seite: Foto näher an die Werte und Köpfe vollständig zeigen. */
.values{padding-bottom:3rem}
.wide-image img{object-position:center top}
@media(max-width:620px){.values{padding-bottom:2.5rem}}

/* Kontakt-Hero: Person zentraler und Schlüsselwort klar hervorheben. */
.contact-hero img{object-position:72% center}
.contact-hero h1 em{display:inline-block;padding:.02em .14em;color:var(--yellow);background:var(--blue);font-family:Georgia,"Times New Roman",serif;transform:rotate(-1.5deg)}
@media(max-width:900px){.contact-hero img{object-position:70% center}}
@media(max-width:620px){.contact-hero img{object-position:68% center}}

/* Kontaktseite als vollflächige Bildbühne wie die übrigen Unterseiten. */
.contact-hero{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;background:var(--blue);color:white}
.contact-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,41,39,.94) 0%,rgba(3,41,39,.78) 38%,rgba(3,41,39,.22) 70%,rgba(3,41,39,.04) 100%)}
.contact-hero img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:72% center;filter:saturate(.82) contrast(1.05)}
.contact-hero>div{position:relative;z-index:2;display:flex;justify-content:flex-end;flex-direction:column;width:min(760px,64vw);height:100%;padding:160px 0 70px max(32px,calc((100vw - 1260px)/2))}
.contact-hero>div>p:last-child{max-width:580px;color:rgba(255,255,255,.86)}
.contact-hero .eyebrow{color:var(--yellow)}
@media(min-width:621px) and (max-width:900px){
  .contact-hero{height:640px;min-height:640px}
  .contact-hero>div{height:640px;width:82%;padding:140px 24px 60px 28px}
  .contact-hero img{object-position:70% center}
  .contact-hero::after{background:linear-gradient(90deg,rgba(3,41,39,.93),rgba(3,41,39,.6) 62%,rgba(3,41,39,.12))}
}
@media(max-width:620px){
  .contact-hero{height:600px;min-height:600px}
  .contact-hero>div{height:600px;width:100%;padding:120px 15px 45px}
  .contact-hero img{height:100%;object-position:68% center}
  .contact-hero::after{background:linear-gradient(180deg,rgba(3,41,39,.46),rgba(3,41,39,.88) 72%,rgba(3,41,39,.97))}
  .contact-hero h1{font-size:clamp(3rem,14vw,5rem)}
}

/* Teamfoto mit weniger leerem Raum oberhalb der Köpfe. */
.team-hero img{object-position:center 86%}
@media(max-width:900px){.team-hero img{object-position:center 82%}}
@media(max-width:620px){.team-hero img{object-position:center 78%}}

/* Rechtliche Seiten sauber im Seitenraster ausrichten. */
.legal-hero{margin:0 auto;padding-top:7.5rem;padding-bottom:3.5rem}
.legal-hero h1{max-width:100%;font-size:clamp(3.5rem,7vw,6.5rem);overflow-wrap:anywhere}
.legal-page{padding-top:3.5rem}
@media(max-width:760px){.legal-hero{padding-top:6.5rem;padding-bottom:3rem}.legal-page{padding-top:3rem}}

/* Einheitliche Hero-Höhen auf allen Inhaltsseiten. */
@media(min-width:901px){
  .hero,.subhero,.subhero.reverse,.team-hero,.contact-hero{height:720px;min-height:720px}
  .hero-copy,.subhero>div,.team-hero>div{height:720px;min-height:720px}
  .contact-hero img{height:720px}
}
@media(min-width:621px) and (max-width:900px){
  .hero,.subhero,.subhero.reverse,.team-hero{height:640px;min-height:640px}
  .hero-copy,.subhero>div,.team-hero>div{height:640px;min-height:640px}
}
@media(max-width:620px){
  .hero,.subhero,.subhero.reverse,.team-hero{height:600px;min-height:600px}
  .hero-copy,.subhero>div,.team-hero>div{height:600px;min-height:600px}
}

/* Ruhiger Übergang ohne Trennstriche. */
.section-intro{border-top:0}
main>.subhero+.story,
main>.team-hero+.team-list,
main>.contact-hero+.contact-area{padding-top:3.75rem}
@media(max-width:620px){
  main>.subhero+.story,
  main>.team-hero+.team-list,
  main>.contact-hero+.contact-area{padding-top:3.5rem}
}

/* Mobil: Die schwebende Desktop-Navigation wird zur verlässlichen Sticky-Leiste. */
@media(max-width:900px){
  html{scroll-padding-top:94px}
  .site-header,
  body:has(.subhero) .site-header,
  body:has(.team-hero) .site-header,
  body:has(.contact-hero) .site-header{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    left:auto;
    width:calc(100% - 24px);
    margin:12px auto;
    transform:none;
    z-index:50;
  }
  body:has(.subhero) .subhero>div,
  body:has(.team-hero) .team-hero>div{padding-top:60px}
  body:has(.contact-hero) .contact-hero>div{padding-top:58px}
}
@media(max-width:620px){
  html{scroll-padding-top:82px}
  body:has(.subhero) .subhero>div,
  body:has(.team-hero) .team-hero>div{padding-top:45px}
  body:has(.contact-hero) .contact-hero>div{padding-top:45px}
}

/* Startseite mobil: der einzige Hauptbutton sitzt direkt unter dem Bild. */
@media(max-width:620px){
  .hero{height:676px;min-height:676px;padding:0}
  .hero-visual{inset:0 0 auto 0;height:600px;margin:0}
  .hero-copy{height:600px;min-height:600px}
  .hero-copy>.actions{position:absolute;z-index:4;top:608px;left:15px;right:15px;width:auto;margin:0;gap:.65rem}
}

/* Einheitliche, sichtbare Navigation beim Scrollen. */
@media(min-width:901px){
  .site-header,
  body:has(.subhero) .site-header,
  body:has(.team-hero) .site-header,
  body:has(.contact-hero) .site-header{
    position:-webkit-sticky;
    position:sticky;
    top:12px;
    left:auto;
    width:min(1320px,calc(100% - 44px));
    margin:12px auto;
    transform:none;
    z-index:100;
  }
}

@media(max-width:620px){
  .hero-visual img{height:100%;transform:translateY(-2%) scale(1.04);transform-origin:center center}
  .hero-copy{display:flex}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p:not(.eyebrow){transform:translateY(-100px)}
}

@media(min-width:901px){
  .hero-copy{transform:translateY(-45px)}
  .hero-sticker{transform:translateY(-120px) rotate(7deg)}
  .hero,.subhero,.subhero.reverse,.team-hero,.contact-hero{height:650px;min-height:650px}
  .hero-copy,.subhero>div,.team-hero>div{height:650px;min-height:650px}
  .contact-hero img{height:650px}
}

/* Mobil: Überschriften bleiben innerhalb der tatsächlichen Handybreite. */
@media(max-width:620px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 28px);margin:12px auto}
  .brand{min-width:0}
  .menu-button{display:block}
  .hero h1{font-size:clamp(2.65rem,11vw,3.25rem);max-width:100%;overflow-wrap:anywhere}
  .subhero h1,.team-hero h1{font-size:clamp(2.2rem,9.5vw,2.65rem);max-width:100%;overflow-wrap:anywhere}
  .contact-hero h1{font-size:clamp(2.05rem,9.2vw,2.5rem);max-width:100%;overflow-wrap:anywhere}
  .legal-hero h1{font-size:clamp(2.35rem,10.5vw,3rem);overflow-wrap:anywhere}
  .hero-copy>p:not(.eyebrow),.subhero>div>p:last-child,.contact-hero>div>p:last-child,.legal-hero>p{max-width:100%}
}
.mobile-break{display:none}
@media(max-width:620px){.mobile-break{display:block}}

/* Startseite: eigenständiges, klares mobiles Hero-Layout. */
@media(max-width:620px){
  body{padding-top:94px}
  .site-header{position:fixed!important;top:12px!important;left:14px!important;right:14px!important;width:auto!important;margin:0!important;z-index:100!important}
  .menu-button{display:grid!important;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(7,59,58,.22);border-radius:50%;background:var(--cream)}
  .menu-button span{display:block;width:22px;height:2px;margin:3px 0;background:var(--blue)}
  .hero{display:flex;flex-direction:column;height:auto!important;min-height:0!important;padding:0 0 1.25rem!important;background:var(--cream);overflow:visible}
  .hero-copy{display:block!important;position:relative;z-index:2;width:100%;height:auto!important;min-height:0!important;padding:2rem 15px 1.25rem!important;transform:none!important;background:var(--cream)}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p:not(.eyebrow){transform:none!important}
  .hero-copy>p:not(.eyebrow){margin:1rem 0 0}
  .hero-visual{position:relative!important;inset:auto!important;order:2;width:100%!important;height:255px!important;margin:0!important;overflow:hidden}
  .hero-visual::after{display:none!important}
  .hero-visual img{width:100%;height:100%!important;min-height:0!important;transform:none!important;object-position:68% center}
  .hero-sticker{right:14px;bottom:14px;width:106px}
  .hero>.actions{position:relative!important;z-index:3;order:3;top:auto!important;left:auto!important;right:auto!important;width:calc(100% - 30px)!important;margin:.75rem 15px 0!important}
  .hero>.actions .button{width:100%}
}
@media(min-width:901px){
  .hero>.actions{position:absolute;z-index:4;left:max(32px,calc((100vw - 1260px)/2));bottom:72px;margin:0}
}

/* Startseite mobil: Text und Bild gehören wieder zu einer gemeinsamen Bildbühne. */
@media(max-width:620px){
  .hero{position:relative;display:block;height:636px!important;min-height:636px!important;padding:0!important;overflow:hidden;background:var(--blue)}
  .hero-visual{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:540px!important;overflow:hidden}
  .hero-visual img{height:100%!important;object-position:68% center;transform:none!important}
  .hero-visual::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,243,232,.90) 0%,rgba(247,243,232,.80) 52%,rgba(7,59,58,.28) 100%)}
  .hero-copy{position:relative!important;z-index:2;display:flex!important;justify-content:flex-start;flex-direction:column;width:100%;height:540px!important;min-height:540px!important;padding:34px 15px 0!important;background:transparent!important;color:var(--ink)}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p:not(.eyebrow){transform:none!important}
  .hero>.actions{position:absolute!important;z-index:4;top:auto!important;bottom:20px!important;left:15px!important;right:15px!important;width:auto!important;margin:0!important}
  .hero-sticker{right:14px;bottom:54px;width:106px}
}

/* Der Header schwebt direkt über den Bildbühnen – ohne hellen Streifen davor. */
@media(min-width:901px){
  body:has(.hero) .site-header,
  body:has(.subhero) .site-header,
  body:has(.team-hero) .site-header,
  body:has(.contact-hero) .site-header{
    position:absolute;
    top:12px;
    left:50%;
    width:min(1320px,calc(100% - 44px));
    margin:0;
    transform:translateX(-50%);
  }
  body.header-pinned:has(.hero) .site-header,
  body.header-pinned:has(.subhero) .site-header,
  body.header-pinned:has(.team-hero) .site-header,
  body.header-pinned:has(.contact-hero) .site-header{position:fixed}
  .hero-copy{transform:none}
  body:has(.hero) .hero-visual .hero-sticker{display:none}
  .contact-hero>div{transform:translateY(78px)}
}
@media(max-width:620px){
  body:has(.hero),
  body:has(.subhero),
  body:has(.team-hero),
  body:has(.contact-hero){padding-top:0}
  body:has(.hero) .hero-copy{padding-top:118px!important}
  .hero-sticker{
    z-index:3!important;
    right:18px!important;
    bottom:18px!important;
  }
  .hero-visual::after{
    background:linear-gradient(to bottom right,
      rgba(247,243,232,.96) 0%,
      rgba(247,243,232,.92) 52%,
      rgba(247,243,232,.58) 78%,
      rgba(247,243,232,0) 100%)!important;
  }
  body:has(.hero) .hero-copy{width:68%!important;height:540px!important;min-height:540px!important;padding-right:0!important;overflow:hidden}
  body:has(.hero) .hero-copy h1{font-size:clamp(2.55rem,11.5vw,3.25rem)!important;line-height:.86!important}
  body:has(.hero) .hero-copy>p:not(.eyebrow){max-width:100%!important;margin-top:1rem!important;font-size:.98rem!important;line-height:1.42!important}
}

.mobile-hero-copy{display:none}
@media(max-width:620px){
  .desktop-hero-copy{display:none}
  .mobile-hero-copy{display:inline}
  body:has(.hero) .hero-visual .hero-sticker{display:none!important}
}

/* Lange Überschriften bleiben auf kleinen Bildschirmen vollständig lesbar. */
@media(max-width:620px){
  .subhero>div{width:100%!important;max-width:100%!important;padding:120px 24px 44px!important}
  .subhero h1{max-width:330px!important;font-size:clamp(2.1rem,9.5vw,2.65rem)!important;line-height:.96!important;overflow-wrap:anywhere}
  .subhero>div>p:last-child{max-width:330px!important;font-size:.96rem!important}
}

/* Innenabstände gehören auf Mobil in die verfügbare Breite – keine abgeschnittenen Zeilen mehr. */
@media(max-width:620px){
  .subhero>div,.contact-hero>div,.contact-data,.contact-form{box-sizing:border-box!important}
  .subhero .eyebrow{white-space:normal!important;line-height:1.35!important}
  .program-grid,.values,.contact-area,.contact-form{grid-template-columns:1fr!important}
  .section-intro h2,.story h2,.team-list h2,.contact-area h2{max-width:100%!important;overflow-wrap:anywhere!important}
  .section-intro h2,.story h2{font-size:clamp(2.3rem,10vw,2.7rem)!important;line-height:1.02!important}
  .contact-data .hint{overflow-wrap:anywhere!important}
}

/* Desktop-Navigation bleibt beim Scrollen immer über dem Seiteninhalt sichtbar. */
@media(min-width:901px){
  body:has(.hero) .site-header,
  body:has(.subhero) .site-header,
  body:has(.team-hero) .site-header,
  body:has(.contact-hero) .site-header{
    position:fixed!important;
    z-index:1000!important;
  }
}