: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}}
@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:82% center}@media(max-width:900px){.contact-hero img{object-position:78% center}}@media(max-width:620px){.contact-hero img{object-position:76% center}}
.promise{margin-inline:auto}
.hero-visual img{object-position:88% center}
.course-card.blue img{object-position:right 42%}
.course-card img{height:auto;aspect-ratio:1.47;object-fit:cover}
@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}

/* Auf dem Handy bleibt die Orientierung sichtbar, ohne das Desktop-Layout zu verändern. */
@media(max-width:900px){
  html{scroll-padding-top:82px}
  .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--cream)}
}
@media(max-width:620px){html{scroll-padding-top:82px}}

/* Der Header bleibt auf jeder Bildschirmgröße sichtbar. Außerhalb der Seite liegt die Footerfarbe. */
html{scroll-padding-top:106px;background:var(--coral)}
body{background:var(--coral)}
main{background:var(--cream)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;min-height:106px;margin:0;padding-inline:max(24px,calc((100% - 1180px)/2));background:var(--cream);box-shadow:0 1px 0 var(--line)}
main{padding-top:106px}
@media(max-width:900px){html{scroll-padding-top:82px}.site-header{min-height:82px;padding-inline:24px}main{padding-top:82px}}
@media(max-width:620px){.site-header{padding-inline:16px}}

/* Das Teamfoto bleibt mobil vollständig sichtbar – der Titel steht darunter. */
@media(max-width:620px){
  .team-hero{background:var(--blue)}
  .team-hero img{display:block;height:270px;min-height:0;object-fit:cover;object-position:right center;border-radius:0}
  .team-hero>div{position:relative;left:auto;right:auto;bottom:auto;max-width:none;padding:1.4rem;background:var(--blue)}
}

@media(min-width:621px){
  .team-hero>div{left:1.25rem;bottom:1.5rem;max-width:340px;padding:1.4rem}
  .team-hero h1{font-size:clamp(2.8rem,4vw,4.6rem)}
}

/* Mobil wird der Wochenplan pro Tag gelesen – nicht als zusammengedrückte Desktop-Tabelle. */
.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}
@media(max-width:620px){
  .week-grid{display:none}
  .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}
}

/* Wiederkehrende Bildbühnen erhalten einen gemeinsamen, ruhigen Rahmen. */
@media(min-width:621px){
  .hero{min-height:560px;padding-block:1.5rem}
  .hero-visual img,.subhero,.subhero img,.team-hero img,.contact-hero img{height:560px;min-height:560px}
  .contact-hero{min-height:560px;padding-block:0}
}
@media(max-width:620px){
  .hero-visual img,.subhero img,.contact-hero img{height:400px;min-height:400px}
}

/* Gestaltung und Umsetzung werden dezent im Footer sichtbar. */
.webdesign-credit{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#fff;text-decoration:none;box-shadow:none}
.webdesign-credit img{width:320px;height:92px;padding:0;border-radius:0;background:#29262b;object-fit:contain;object-position:center}
.webdesign-credit span{display:none}
.webdesign-credit strong{font-family:Arial,Helvetica,sans-serif;font-size:.88rem;color:#fff}
.webdesign-credit:hover span,.webdesign-credit:focus-visible span{text-decoration:underline;text-underline-offset:.22em}
@media(max-width:900px){.webdesign-credit{align-items:flex-start}}

@media(min-width:901px){
  .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:2rem;row-gap:.45rem}
  .footer-bottom .tvp{justify-self:start;width:320px;min-height:92px}
  .footer-bottom .legal-links{justify-self:center}
  .footer-bottom .webdesign-credit{justify-self:end}
  .footer-bottom>p{grid-column:1/-1;justify-self:center;margin:0;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.26);text-align:center}
}
.tvp img{width:120px;height:86px}
.tvp strong{font-size:1.22rem}
.tvp small{font-size:.86rem}

/* Die Startseite bleibt als einziger Hero bewusst kompakter, damit ihr Inhalt im ersten Blick erscheint. */
@media(min-width:901px){
  .hero{grid-template-columns:1fr 1fr;min-height:540px;padding-block:1.2rem}
  .hero h1{font-size:clamp(3.7rem,4.8vw,4.4rem)}
  .hero-visual{padding:38px 34px 46px 30px}
  .hero-composition::before{inset:12px 24% 30px 0}
  .hero-visual img{height:420px;min-height:420px}
  .hero-sticker{right:auto;left:-96px;bottom:-11%}
  .side-note{display:none}
}

/* Einheitliche Desktop-Heroes: Der Inhalt bleibt innerhalb der festen Bühne vollständig lesbar. */
@media(min-width:621px){
  .subhero>div{padding:clamp(2rem,4vw,3.5rem)}
  .subhero h1,.contact-hero h1{font-size:clamp(3.2rem,4.8vw,4.6rem)}
}

/* Mobil darf keine Überschrift oder Kopfzeile seitlich aus dem Bildschirm laufen. */
@media(max-width:620px){
  :root{--shell:min(1180px,calc(100% - 28px))}
  html,body{overflow-x:hidden}
  .site-header{width:calc(100% - 28px);min-width:0}
  .hero,.hero-copy,.subhero,.subhero>div,.team-hero,.team-hero>div,.contact-hero,.contact-hero>div,.legal-hero{min-width:0;max-width:100%}
  .hero h1,.subhero h1,.team-hero h1,.contact-hero h1{font-size:clamp(2.6rem,11.2vw,3rem);line-height:1.02;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%}
}

/* Startseiten-Motiv: alle dekorativen Teile skalieren und verschieben sich gemeinsam. */
.hero-composition{position:relative;isolation:isolate;width:100%;height:100%;transform-origin:center}
.hero-visual::before{display:none}
.hero-composition::before{content:"";position:absolute;z-index:-1;inset:-25px 22% 18% -25px;border-radius:45% 8% 42% 12%;background:var(--peach);box-shadow:20px 26px 22px rgba(11,36,72,.22);transform:rotate(-3deg)}
.hero .button{box-shadow:7px 8px 14px rgba(11,36,72,.18)}
.hero-composition .side-note{position:absolute;right:-3.25rem;top:50%;margin:0;transform:translateY(-50%);padding:.9rem .42rem;border-radius:999px;background:var(--coral);color:white;box-shadow:0 8px 24px rgba(240,111,93,.28);font-size:.76rem;font-weight:900;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed}
@media(min-width:901px){.hero-composition .side-note{display:none}}
@media(max-width:900px){.hero-composition .side-note{display:none}}
