@font-face{font-family:"Monoton";src:url("assets/fonts/monoton-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--terra:#d9836a;--terra-d:#b9654d;--sand:#f8efe9;--rose:#ecd3c8;--ink:#3f3a3a;--muted:#6b6262;--w:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:var(--terra-d)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}
.wrap{max-width:var(--w);margin:auto;padding:0 1.25rem}
header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--rose);z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;max-width:var(--w);margin:auto}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:Georgia,serif;letter-spacing:.15em;font-weight:700}
.brand img{width:54px}
nav ul{display:flex;flex-wrap:wrap;gap:1.1rem;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:var(--ink);font-size:.95rem}nav a:hover{color:var(--terra-d)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.25;color:var(--ink)}
h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-top:0}
.hero{background:var(--sand);padding:4rem 0}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.2em 0}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--terra-d);font-size:.85rem;font-weight:600}
.hero img{border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.credit{font-size:.8rem;color:var(--muted)}
section{padding:4.5rem 0}.alt{background:var(--sand)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.btn{display:inline-block;background:var(--terra);color:#fff;text-decoration:none;padding:.8rem 1.5rem;border-radius:999px;font-weight:600;margin:.3rem .4rem .3rem 0}
.btn:hover{background:var(--terra-d)}.btn.ghost{background:transparent;color:var(--terra-d);border:2px solid var(--terra)}
.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.lead{font-size:1.15rem;font-style:italic;font-family:Georgia,serif}
.img-r{border-radius:16px}
iframe{width:100%;min-height:700px;border:0;border-radius:12px;background:#fff}
footer{background:var(--ink);color:#eee;padding:3rem 0 1.5rem;font-size:.95rem}
footer a{color:#f3c3b3}footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
footer ul{list-style:none;padding:0;margin:0}.copy{border-top:1px solid #555;margin-top:2rem;padding-top:1rem;font-size:.85rem;color:#bbb}
.legal{max-width:820px}.legal h1{font-size:2.2rem}.legal table{border-collapse:collapse;width:100%}.legal td,.legal th{border:1px solid var(--rose);padding:.4rem;vertical-align:top}
@media (max-width:820px){.hero .wrap,.two,footer .cols{grid-template-columns:1fr}nav ul{gap:.7rem}.bar{flex-direction:column}section{padding:3rem 0}}
/* Team-Karussell */
.team{margin-top:3rem}
.team-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem}
.team-head h3{font-size:1.6rem;margin:0 0 .3rem}.team-intro{margin:0;color:var(--muted);max-width:760px}
.team-nav{display:flex;gap:.5rem;flex-shrink:0}
.team-nav button{width:46px;height:46px;border-radius:50%;border:2px solid var(--terra);background:#fff;color:var(--terra-d);font-size:1.2rem;cursor:pointer}
.team-nav button:hover,.team-nav button:focus-visible{background:var(--terra);color:#fff}
.team-nav button:disabled{opacity:.35;cursor:default;background:#fff;color:var(--terra-d)}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem)/3);gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;margin:0;padding:.5rem .25rem 1.25rem;scrollbar-width:thin;scrollbar-color:var(--terra) var(--rose)}
.track:focus-visible{outline:3px solid var(--terra);outline-offset:4px;border-radius:12px}
.tcard{scroll-snap-align:start;background:#fff;border-radius:18px;padding:1.75rem 1.5rem;box-shadow:0 6px 24px rgba(0,0,0,.07);border-top:5px solid var(--terra);font-size:.95rem;line-height:1.6}
.alt .tcard{background:#fff}section:not(.alt) .tcard{background:var(--sand)}
.tcard picture img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:4px solid var(--rose)}
.tcard h4{font-family:Georgia,serif;font-size:1.3rem;text-align:center;margin:0;letter-spacing:.03em}
.tcard .role{text-align:center;color:var(--terra-d);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:.3rem 0 1rem}
.tcard blockquote{margin:0 0 1rem;padding:.8rem 1rem;background:var(--rose);border-radius:12px;font-family:Georgia,serif;font-style:italic;text-align:center}
.tcard p{margin:.5rem 0}
.dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}
.dots button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:var(--rose);cursor:pointer}
.dots button[aria-current="true"]{background:var(--terra);transform:scale(1.25)}
@media (max-width:980px){.track{grid-auto-columns:calc((100% - 1.5rem)/2)}}
@media (max-width:640px){.track{grid-auto-columns:86%}.team-head{flex-direction:column;align-items:start}}
@media (prefers-reduced-motion:reduce){.track{scroll-behavior:auto}}
.beratung-text{max-width:820px}
/* Raum mieten */
#raum{padding-top:0}
.raum-hero{background:linear-gradient(rgba(63,58,58,.55),rgba(63,58,58,.45)),url(assets/r12/bg-kleiner-raum.jpg) center/cover;background-image:linear-gradient(rgba(63,58,58,.55),rgba(63,58,58,.45)),image-set(url(assets/r12/bg-kleiner-raum.webp) type("image/webp"),url(assets/r12/bg-kleiner-raum.jpg) type("image/jpeg"));color:#fff;padding:7rem 0 6rem;margin-bottom:3rem;text-align:center}
.raum-hero h2{color:#fff;font-size:clamp(2rem,4.5vw,3rem);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.raum-hero .eyebrow{color:#f6d3c6}
/* Kalender-Dialog */
.cal-dialog{width:min(1200px,96vw);height:92vh;max-height:none;padding:0;border:0;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.cal-dialog::backdrop{background:rgba(63,58,58,.6)}
.cal-dialog[open]{display:flex;flex-direction:column}
.cal-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;background:var(--sand);border-bottom:1px solid var(--rose)}
.cal-bar h3{margin:0;font-size:1.2rem}
.cal-close{width:42px;height:42px;border-radius:50%;border:2px solid var(--terra);background:#fff;color:var(--terra-d);font-size:1.1rem;cursor:pointer}
.cal-dialog iframe{flex:1;width:100%;min-height:0;height:auto;border:0;border-radius:0}
@media (max-width:640px){.cal-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;margin:0}}
/* Aktions-Pop-up */
.promo{width:min(940px,94vw);max-height:92vh;padding:0;border:0;border-radius:24px;overflow:hidden;background:#f5e6f3;color:#5a3a32;box-shadow:0 0 0 2px #ff9ff0,0 0 40px rgba(255,120,230,.6),0 40px 100px rgba(0,0,0,.45)}
.promo::backdrop{background:radial-gradient(circle at 30% 30%,rgba(255,150,230,.35),rgba(40,20,40,.75));backdrop-filter:blur(4px)}
.promo[open]{animation:promoIn .7s cubic-bezier(.2,1.3,.4,1) both}
.promo[open]::backdrop{animation:fadeIn .5s both}
.promo-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-height:92vh}
.promo-visual{position:relative;overflow:hidden;background:#f3d9e6}
.promo-visual img{width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-in-out infinite alternate}
.promo-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,240,200,.55),transparent 45%);mix-blend-mode:screen;animation:flare 4s ease-in-out infinite alternate}
.promo-text{position:relative;padding:2.2rem 2.2rem 1.5rem;overflow-y:auto;text-align:center;font-size:1rem;line-height:1.55}
.promo-close{position:absolute;top:.8rem;right:.8rem;width:42px;height:42px;border-radius:50%;border:2px solid #e48b72;background:#fff;color:#b9654d;font-size:1.1rem;cursor:pointer}
.promo-close:hover,.promo-close:focus-visible{background:#e48b72;color:#fff}
.promo-kicker{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:#b9654d;margin:0}
.promo-deal{font-family:"Monoton","Trebuchet MS",system-ui,sans-serif;font-weight:400;font-size:clamp(2.4rem,6.4vw,4rem);letter-spacing:.06em;line-height:1.1;margin:.2rem 0 .6rem;color:#fbe3ff;text-shadow:0 0 2px #fff,0 0 8px #ff9ff0,0 0 18px #f26bd8,0 0 36px #d94fc4;animation:neon 2.6s ease-in-out infinite}
.promo-lead{font-weight:800;text-transform:uppercase;color:#e0785e;font-size:1.05rem;letter-spacing:.03em}
.promo-claim{font-weight:700;color:#e0785e;font-size:1.1rem}
.promo-cta{font-size:1.05rem;padding:1rem 1.8rem;background:linear-gradient(90deg,#e0785e,#ff7fc8,#e0785e);background-size:200% 100%;box-shadow:0 8px 24px rgba(224,120,94,.45);animation:shine 3s linear infinite,pulse 2s ease-in-out infinite}
.promo-cta:hover{filter:brightness(1.07)}
.promo-fn{font-size:.72rem;line-height:1.45;color:#6b5050;margin-top:1.2rem}
@keyframes promoIn{from{opacity:0;transform:translateY(40px) scale(.9) rotate(-1.5deg)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,2%)}}
@keyframes flare{from{opacity:.4}to{opacity:1}}
@keyframes neon{0%,100%{text-shadow:0 0 2px #fff,0 0 8px #ff9ff0,0 0 18px #f26bd8,0 0 36px #d94fc4}50%{text-shadow:0 0 1px #fff,0 0 5px #ff9ff0,0 0 10px #f26bd8,0 0 20px #d94fc4}}
@keyframes shine{to{background-position:-200% 0}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media (max-width:700px){.promo{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.promo-in{grid-template-columns:1fr;grid-template-rows:30vh 1fr;max-height:100dvh;height:100%}.promo-visual img{object-position:center 42%}.promo-text{padding:1.5rem 1.2rem 1.2rem}.promo-close{position:fixed;top:.7rem;right:.7rem;box-shadow:0 2px 10px rgba(0,0,0,.25)}}
@media (prefers-reduced-motion:reduce){.promo[open],.promo[open]::backdrop,.promo-visual img,.promo-visual::after,.promo-deal,.promo-cta{animation:none}}
/* Runde 2: Sektionen, Bilder, kompakte Karten */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main>section{position:relative}
main>section+section{border-top:1px solid var(--rose)}
main>section:not(.hero):not(#raum):not(.cal-sec)::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;background:var(--terra);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--rose)}
.alt{background:var(--sand);background-image:radial-gradient(circle at 95% 10%,rgba(217,131,106,.10) 0 180px,transparent 181px),radial-gradient(circle at 3% 95%,rgba(236,211,200,.55) 0 140px,transparent 141px)}
#yoga,#kontakt{background:linear-gradient(180deg,#fff 0,#fdf7f3 100%)}
section{padding:5.5rem 0}
h2{position:relative;padding-bottom:.6rem}h2::after{content:"";display:block;width:56px;height:3px;background:var(--terra);border-radius:2px;margin-top:.6rem}
.raum-hero h2::after{margin:.6rem auto 0;background:#f6d3c6}
.intro .two{align-items:center}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.collage img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.10)}
.collage .c-main{grid-column:1/3;aspect-ratio:4/3}
.collage .c-a,.collage .c-b{aspect-ratio:4/3}
.highlight{margin:0;padding:1.4rem 1.6rem;background:var(--rose);border-left:5px solid var(--terra);border-radius:0 16px 16px 0;font-family:Georgia,serif;font-style:italic;font-size:1.15rem;line-height:1.55;color:var(--ink)}
.collage .highlight{grid-column:1/3}
.yoga-visual{display:grid;gap:1.2rem}
.yoga-visual .yv-img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 40%;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.10)}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.chips li{background:#fff;border:2px solid var(--terra);color:var(--terra-d);border-radius:999px;padding:.35rem 1rem;font-weight:600;font-size:.95rem}
/* Kalender mit Foto */
.cal-sec{padding:7rem 0;overflow:hidden;background:#5a4540}
.cal-bg{position:absolute;inset:0;background:url(assets/yoga-mudra.jpg) center 35%/cover;background-image:image-set(url(assets/yoga-mudra.webp) type("image/webp"),url(assets/yoga-mudra.jpg) type("image/jpeg"))}
.cal-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,58,58,.15) 0,rgba(63,58,58,.05) 45%,rgba(63,58,58,.35) 100%)}
.cal-sec .wrap{position:relative;display:flex;justify-content:flex-end}
.cal-card{background:rgba(255,255,255,.94);backdrop-filter:blur(4px);border-radius:20px;padding:2.4rem;max-width:520px;box-shadow:0 20px 50px rgba(0,0,0,.25);border-top:6px solid var(--terra)}
.cal-card .btn{font-size:1.05rem;padding:1rem 1.8rem}
/* Beratung */
.beratung-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}
.beratung-img{width:100%;aspect-ratio:1/1;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,.10)}
/* kompakte Teamkarten */
.track{grid-auto-columns:calc((100% - 4.5rem)/4);align-items:start}
.tcard{padding:1.4rem 1.2rem;text-align:center}
.tcard picture img{width:130px;height:130px}
.tcard .role{font-size:.75rem;margin:.3rem 0 .8rem}
.tcard blockquote{font-size:.95rem;margin-bottom:.8rem}
.more{text-align:left}
.more summary{display:inline-block;cursor:pointer;list-style:none;color:var(--terra-d);font-weight:700;border:2px solid var(--terra);border-radius:999px;padding:.3rem 1rem;font-size:.9rem}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:" ▾"}.more[open] summary::after{content:" ▴"}
.more summary:hover,.more summary:focus-visible{background:var(--terra);color:#fff;outline:none}
.more:not([open]){text-align:center}
.more[open] summary{margin-bottom:.4rem}
@media (max-width:1100px){.track{grid-auto-columns:calc((100% - 3rem)/3)}}
@media (max-width:820px){.beratung-grid{grid-template-columns:1fr}.cal-sec{padding:0 0 2rem}.cal-bg{position:relative;height:260px}.cal-sec .wrap{margin-top:-3rem}.cal-card{padding:1.6rem}.track{grid-auto-columns:calc((100% - 1.5rem)/2)}}
@media (max-width:640px){.track{grid-auto-columns:78%}}
.collage picture{display:block;min-width:0}.collage picture:first-child{grid-column:1/3}
.yoga-visual picture,.beratung-grid picture{display:block;min-width:0}
.tcard,.more summary{position:relative}
/* Runde 3: mehr Bilder */
.yoga-strip{list-style:none;padding:0;margin:2.5rem 0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.yoga-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.08)}
.yoga-strip li:nth-child(even){margin-top:1.5rem}
#yoga{position:relative;isolation:isolate}
#yoga::after{content:none}
.room-card{padding-top:0;overflow:hidden}
.room-card .room-img{display:block;width:calc(100% + 4rem);max-width:none;margin:0 -2rem 1.2rem;aspect-ratio:16/10;object-fit:cover}
.room-card picture{display:block}
.gal-h{margin:2.5rem 0 1rem}
.gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}
.gallery a{display:block;border-radius:12px;overflow:hidden}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}
.gallery a:hover img,.gallery a:focus-visible img{transform:scale(1.05)}
.lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh}
.lightbox::backdrop{background:rgba(30,26,26,.85)}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;display:block}
.lb-close{position:absolute;top:.5rem;right:.5rem;background:#fff;border:0;border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.1rem;cursor:pointer}
.beratung-img{aspect-ratio:1;object-fit:cover}
@media (max-width:820px){.yoga-strip{grid-template-columns:repeat(2,1fr)}.yoga-strip li:nth-child(even){margin-top:0}.gallery{grid-template-columns:repeat(3,1fr)}}
.yoga-visual .yv-img{object-position:center 12%}
/* Runde 4: ruhiges Bildraster, hell & warm */
:root{--gut:1.25rem;--rad:14px;--shadow:0 10px 30px rgba(120,80,60,.08)}
.hero img,.collage img,.yoga-visual .yv-img,.yoga-strip img,.beratung-img,.gallery img,.raum-hero-img{border-radius:var(--rad);box-shadow:var(--shadow)}
.hero-fig{margin:0}.hero-fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hero .wrap{gap:4rem}
.collage{gap:var(--gut)}
.collage picture:first-child{grid-column:auto}
.collage img{aspect-ratio:4/5;height:auto}
.collage .c-wide{grid-column:1/3}.collage .c-wide img{aspect-ratio:3/2}
.highlight{border-radius:var(--rad);border-left:0;background:#fff;box-shadow:var(--shadow);position:relative;padding:1.4rem 1.6rem 1.4rem 2rem}
.highlight::before{content:"";position:absolute;left:0;top:1.2rem;bottom:1.2rem;width:3px;border-radius:2px;background:var(--terra)}
#yoga .two{align-items:center}
.yoga-visual{gap:var(--gut)}
.yoga-visual .yv-img{aspect-ratio:3/2;object-position:center 30%}
.yoga-strip{gap:var(--gut);margin:3rem 0 0}
.yoga-strip li:nth-child(even){margin-top:0}
.yoga-strip img{aspect-ratio:4/5}
#yoga::after{content:none}
/* Kalender: hell statt dunkel */
.cal-sec{background:var(--sand);padding:5.5rem 0}
.cal-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;justify-content:normal}
.cal-bg{position:relative;inset:auto;order:2;grid-column:2;aspect-ratio:3/2;border-radius:var(--rad);box-shadow:var(--shadow);background:url(assets/r17/kalender-kerze.jpg) center 50%/cover;background-image:image-set(url(assets/r17/kalender-kerze.webp) type("image/webp"),url(assets/r17/kalender-kerze.jpg) type("image/jpeg"))}
.cal-bg::after{display:none}
.cal-card{background:#fff;backdrop-filter:none;box-shadow:var(--shadow);border-top:0;max-width:none;border-radius:var(--rad)}
/* Beratung */
.beratung-grid{grid-template-columns:1fr 1fr;gap:4rem}
.beratung-fig{min-width:0}.beratung-img{width:100%;aspect-ratio:4/5;object-fit:cover}
/* Raum mieten: hell, Text neben Bild */
#raum{padding-top:5.5rem}
.raum-hero{background:none;color:var(--ink);padding:0;margin-bottom:var(--gut);text-align:left}
.raum-hero-in{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.raum-hero h2{color:var(--ink);text-shadow:none;font-size:clamp(2rem,4vw,2.8rem)}
.raum-hero h2::after{margin:.6rem 0 0;background:var(--terra)}
.raum-hero .eyebrow{color:var(--terra-d)}
.raum-hero picture{display:block;min-width:0}.raum-hero-img{width:100%;aspect-ratio:3/2;object-fit:cover}
#raum .two{gap:var(--gut);align-items:stretch;margin-top:3rem}
.room-card{box-shadow:var(--shadow);border-radius:var(--rad)}
.room-card .room-img{aspect-ratio:3/2;margin-bottom:1.4rem}
.gallery{grid-template-columns:repeat(6,1fr);gap:var(--gut)}
.gallery a{border-radius:var(--rad)}.gallery img{aspect-ratio:4/5;box-shadow:none;border-radius:0}
.card,.tcard{box-shadow:var(--shadow)}
@media (max-width:820px){.cal-sec{padding:3rem 0}.cal-sec .wrap,.raum-hero-in,.beratung-grid{grid-template-columns:1fr;gap:2rem}.cal-bg{grid-column:auto;order:0;height:auto;margin:0}.cal-sec .wrap{margin-top:0}.gallery{grid-template-columns:repeat(3,1fr)}#raum{padding-top:3rem}.hero .wrap{gap:2rem}}
@media (max-width:520px){.gallery,.yoga-strip{grid-template-columns:repeat(2,1fr);gap:.8rem}}
.cal-sec .wrap{align-items:stretch}.cal-bg{aspect-ratio:auto;min-height:320px}
@media (max-width:820px){.cal-bg{aspect-ratio:3/2;min-height:0}}
.raum-hero-in{grid-template-columns:1fr;text-align:center}.raum-hero h2::after{margin:.6rem auto 0}
#raum .two{margin-top:2rem}
.yoga-strip{grid-template-columns:repeat(4,1fr)}#yoga::after{display:none}
@media (max-width:820px){.yoga-strip{grid-template-columns:repeat(2,1fr);gap:.8rem}}
/* r5: about + workshops */
.about{margin-top:var(--gut,2rem);padding-top:3rem}
.about-card{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center}
.about-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rad,14px);display:block}
.about-text h3{margin:.2rem 0 .6rem}
.book-slot{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px dashed var(--terra,#d98068);border-radius:var(--rad,14px)}
.book-cover{width:64px;aspect-ratio:2/3;border-radius:6px;background:linear-gradient(160deg,#f6e3da,#e9c3b3);flex-shrink:0}
.book-slot p{margin:0}
.ws-grid{align-items:center}
.ws-list{display:grid;gap:var(--gut,1rem)}
.ws-card{display:grid;gap:.3rem;text-decoration:none;color:inherit;border-left:4px solid var(--terra,#d98068)}
.ws-card:hover{transform:translateY(-2px)}
.ws-date{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terra,#d98068)}
.ws-host p{margin-top:0}
@media (max-width:820px){.about-card{grid-template-columns:1fr}.about-img{max-width:260px}}
.wrap.narrow{max-width:760px}.about-quote{font-family:Georgia,serif;font-style:italic;font-size:1.1rem}
/* r7 Instagram */
.ig-link,.ig-foot{font-size:.88rem;text-decoration:none;color:#b5654a}
.ig-link:hover,.ig-foot:hover{text-decoration:underline}
.tcard .ig-row{margin:.6rem 0 0}
.ig-head{display:inline-flex;align-items:center;margin-left:.8rem;color:#b5654a}
/* r7 Journal */
.journal{background:#f8efe8;padding:0 0 4rem}
.j-banner{min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(255,246,238,.15),rgba(248,239,232,.55)),url(assets/r4/journal-landschaft.jpg) center 45%/cover;background-image:linear-gradient(rgba(255,246,238,.15),rgba(248,239,232,.55)),image-set(url(assets/r4/journal-landschaft.webp) type("image/webp"),url(assets/r4/journal-landschaft.jpg) type("image/jpeg"))}
.j-banner-in{max-width:760px;padding:3rem 1.5rem}
.j-banner blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.25;color:#5a4038;margin:.4rem 0 1rem;border:0;padding:0;text-shadow:0 1px 18px rgba(255,248,240,.8)}
.j-tag{letter-spacing:.08em;color:#b5654a;font-style:italic}
.j-main{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;margin-top:-70px;position:relative}
.j-cover{margin:0;background:#fff;padding:1rem;border-radius:18px;box-shadow:0 24px 50px rgba(90,60,50,.16)}
.j-cover img{width:100%;height:auto;display:block;border-radius:10px}
.j-text{padding-top:90px}
.j-sub{font-style:italic;color:#8a5a4a}
.j-authors{display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;align-items:end;margin-top:3.5rem}
.j-authors figure{margin:0}
.j-authors img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 20px 44px rgba(90,60,50,.14)}
.j-authors figcaption{font-size:.9rem;margin-top:.6rem;color:#7a6058}
@media(max-width:800px){.j-main,.j-authors{grid-template-columns:1fr;margin-top:2rem}.j-text{padding-top:0}.j-banner{min-height:320px}}
/* r7 Seminar */
.seminar{position:relative;padding:5rem 0;background:linear-gradient(100deg,rgba(250,242,234,.96) 0%,rgba(250,242,234,.88) 45%,rgba(250,242,234,.35) 100%),url(assets/r4/gal-klein-weit.jpg) right center/cover;background-image:linear-gradient(100deg,rgba(250,242,234,.96) 0%,rgba(250,242,234,.88) 45%,rgba(250,242,234,.35) 100%),image-set(url(assets/r4/gal-klein-weit.webp) type("image/webp"),url(assets/r4/gal-klein-weit.jpg) type("image/jpeg"))}
.seminar .sem-in{max-width:640px}
.chips{list-style:none;padding:0;margin:1.4rem 0;display:flex;flex-wrap:wrap;gap:.55rem}
.chips li{background:#f3dcd2;color:#8a4a38;border-radius:999px;padding:.4rem .95rem;font-size:.92rem}
.sem-perks{padding-left:1.1rem}
.hero-teaser{margin-top:1rem;font-size:.95rem}
.hero-teaser a{color:#b5654a}
.chips .badge{display:inline-block;margin-left:.35em;background:#fff;color:#b5654a;border-radius:999px;padding:.05rem .5rem;font-size:.75rem}
.chips-more{font-size:.92rem;font-style:italic;color:#8a5a4a;margin-top:.4rem}
.note-quiet{font-style:italic;font-size:.92rem;color:#8a5a4a;background:rgba(243,220,210,.55);border-radius:12px;padding:.7rem 1rem;max-width:640px}
.tagline{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.35;color:#b5654a;margin:.2rem 0 1.4rem}
.raum-hero .tagline{color:#b5654a}
.vision-quote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.4;color:#5a4038;margin:1rem 0 1.8rem;padding:0 0 0 1.2rem;border-left:3px solid #d99a85;background:none}
/* r12 livelier */

:root{--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body{background-image:var(--paper)}
.alt,.journal,.einblicke{background-image:var(--paper)}


.einblicke{padding:4.5rem 0 3.5rem;position:relative;overflow:hidden;background-color:#f6ece4}
.einblicke::before{content:"";position:absolute;width:420px;height:380px;right:-120px;top:-140px;background:#f0d6cb;border-radius:58% 42% 61% 39%/45% 55% 45% 55%;opacity:.55;z-index:0}
.einblicke .wrap{position:relative;z-index:1}
.filmstrip{position:relative;z-index:1}
.fs-track{list-style:none;margin:1rem 0 0;padding:0 max(1.5rem,calc((100vw - 1140px)/2));display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding:0 max(1.5rem,calc((100vw - 1140px)/2))}
.fs-track::-webkit-scrollbar{display:none}
.fs-track li{flex:0 0 clamp(240px,30vw,380px);scroll-snap-align:start}

.fs-track img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;border-radius:14px;box-shadow:0 14px 30px rgba(90,60,50,.12);border:6px solid #fffaf6}
#workshops{position:relative;isolation:isolate}
#workshops-off::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(250,243,237,.9),rgba(250,243,237,.93)),url(assets/r4/raum-gross-sonne.jpg) center/cover;background-image:linear-gradient(rgba(250,243,237,.9),rgba(250,243,237,.93)),image-set(url(assets/r4/raum-gross-sonne.webp) type("image/webp"),url(assets/r4/raum-gross-sonne.jpg) type("image/jpeg"))}
.yoga-visual .yv-img{transform:none}
.collage picture img{border:6px solid #fffaf6}
.lively-fig{margin:2rem auto 0;max-width:360px;text-align:center}
.lively-fig img{width:100%;height:auto;border-radius:16px;border:6px solid #fffaf6;box-shadow:0 16px 34px rgba(90,60,50,.14);transform:none}
#ueber-mich .about-img img{max-width:420px}

.caption-fine{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.02rem;letter-spacing:.02em;color:#9a6a58;margin:.4rem 0 1.4rem;display:flex;align-items:center;gap:.8rem}
.caption-fine::before{content:"";width:2.2rem;height:1px;background:#c99a86}
.lively-fig .caption-fine{justify-content:center;font-size:.95rem}
.beratung-fig{position:relative}
.beratung-fig .beratung-detail{position:absolute;left:-12%;bottom:-6%;width:52%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:6px solid #fbf6f2;box-shadow:0 14px 34px rgba(90,50,30,.14);z-index:2}
@media (max-width:820px){.beratung-fig .beratung-detail{left:4%;bottom:-8%;width:46%}}
.yoga-visual .yv-img{aspect-ratio:4/5!important;object-fit:cover;object-position:50% 50%;max-height:none!important}

.hero h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.12}
.hero .lead{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.12rem;color:#5a4038;line-height:1.55}
.usp{list-style:none;padding:0;margin:1.4rem 0 1.5rem;border-top:1px solid #e3c9bc}
.usp li{padding:.75rem 0 .75rem 1.1rem;border-bottom:1px solid #e3c9bc;position:relative;line-height:1.55}
.usp li::before{content:"";position:absolute;left:0;top:1.35rem;width:5px;height:5px;border-radius:50%;background:#c97b62}
.usp strong{font-family:Georgia,"Times New Roman",serif;font-weight:600;color:#3e2f2a;margin-right:.25rem}
.credit{font-size:.82rem;color:#cdb5a8;text-align:center;padding-top:.6rem}.credit a{color:inherit}
.hero .hero-usp{border-left:2px solid #e3c4b5;padding:.1rem 0 .1rem 1.1rem;margin:1.2rem 0 1.6rem;color:#5b4a43;line-height:1.7}
.brand img{width:auto;height:66px;display:block}.brand picture{display:block}@media (max-width:600px){.brand img{height:52px}}

/* r17 balance */
#studio .two{align-items:stretch}
#studio .collage{grid-template-rows:auto 1fr auto;align-self:stretch;height:100%}
#studio .collage .c-wide{min-height:0;display:flex}
#studio .collage .c-wide picture{flex:1;display:flex}
#studio .collage .c-wide img{aspect-ratio:auto;height:100%;min-height:260px}
@media (max-width:820px){#studio .collage{height:auto;grid-template-rows:auto}#studio .collage .c-wide img{aspect-ratio:3/2;height:auto;min-height:0}}
.room-card .room-img{object-position:center 65%}

/* r18 vision layout */
#studio .vis{display:block}
.vis-intro{max-width:860px;margin:0 auto 2.6rem;text-align:center}
.vis-intro h2::after{margin-left:auto;margin-right:auto}
.vis-intro .vision-quote{border-left:0;padding:0;margin:1.4rem auto 0;max-width:780px}
.vis-row{display:grid;grid-template-columns:5fr 7fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:stretch}
.vis-fig{margin:0;display:flex}.vis-fig picture{display:flex;flex:1}
.vis-fig img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center 60%;border-radius:var(--rad);box-shadow:var(--shadow);border:6px solid #fffaf6}
.vis-text{display:flex;flex-direction:column;justify-content:center}
.vis-text p{margin:0 0 1rem}.vis-text .highlight{margin:1rem 0 0}
.vis-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.5rem);margin-top:2.4rem;padding-top:2rem;border-top:1px solid #ead6cb}
.vis-cols p{margin:0}
@media (max-width:820px){.vis-row,.vis-cols{grid-template-columns:1fr}.vis-fig img{min-height:0;aspect-ratio:4/5;height:auto}.vis-intro{text-align:left}.vis-intro h2::after{margin-left:0}}
/* r19 */
.vis-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.3rem,2.2vw,1.6rem);letter-spacing:.04em;color:#b5654a;text-align:center;margin:2rem 0 .4rem}
.vis-cols{display:block;max-width:680px;margin-left:auto;margin-right:auto;text-align:center}
.vis-cols p{margin:0 0 1rem;line-height:1.75}.vis-cols p:last-child{margin:0}
@media (max-width:820px){.vis-cols{text-align:left}.vis-title{text-align:left}}

/* r20 videos */
.vfig{margin:0}
.vfig video{display:block;width:100%;aspect-ratio:9/16;height:auto;object-fit:cover;background:#efe2d9;border-radius:var(--rad);box-shadow:var(--shadow);border:6px solid #fffaf6}
.vfig figcaption{font-size:.8rem;color:#8a6a5c;text-align:center;margin-top:.6rem}.vfig figcaption a{color:inherit}
.ein-intro{display:grid;grid-template-columns:1fr minmax(220px,280px);gap:clamp(1.5rem,4vw,3rem);align-items:center;margin:0 0 2rem}
.ein-intro p:not(.caption-fine){max-width:46ch}
.j-videos{margin-top:3rem;margin-bottom:3rem;text-align:center}
.vrow{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:clamp(1.2rem,3vw,2.4rem);justify-content:center;margin-top:1rem}
@media (max-width:600px){.ein-intro{grid-template-columns:1fr}.ein-intro .vfig{max-width:300px;margin:0 auto}.vrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.vfig figcaption{font-size:.72rem}}
.ein-quote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.4;color:#5a4038;margin:1.2rem 0 1.4rem;padding:0;border:0;max-width:22ch}
.ein-intro{grid-template-columns:1fr minmax(220px,260px);max-width:880px}

/* r21 newsletter popup + review */
.nlpop{border:0;padding:0;border-radius:22px;max-width:min(760px,94vw);width:100%;box-shadow:0 30px 80px rgba(60,30,20,.3);background:#fbf3ee}
.nlpop::backdrop{background:rgba(60,40,35,.45);backdrop-filter:blur(2px)}
.nlpop-in{display:grid;grid-template-columns:5fr 6fr;min-height:420px}
.nlpop-visual img{width:100%;height:100%;object-fit:cover;display:block}
.nlpop-text{position:relative;padding:2.6rem 2.2rem 2.2rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#fbf3ee,#f4ddd2)}
.nlpop-text h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:.2rem 0 .8rem}
.nlpop-cta{align-self:flex-start;font-size:1.05rem;padding:.9rem 1.6rem;background:#DD886F}
.nlpop-later{background:none;border:0;color:#8a6a5c;text-decoration:underline;margin-top:1rem;align-self:flex-start;cursor:pointer;font:inherit;font-size:.9rem}
.nlpop-close,.promo-close{width:44px;height:44px}
.nlpop-close{position:absolute;top:.6rem;right:.6rem;border:0;background:rgba(255,255,255,.7);border-radius:50%;font-size:1.1rem;cursor:pointer;color:#5a4038}
@media (max-width:640px){.nlpop-in{grid-template-columns:1fr;min-height:0}.nlpop-visual{height:170px}.nlpop-text{padding:1.8rem 1.4rem 1.6rem}}
.promo-nl{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;margin:.6rem 0 .9rem;text-align:left}
.promo-nl input{margin-top:.2rem;accent-color:#DD886F;width:18px;height:18px}
.review-cta{text-align:center;margin-top:3rem;padding:2rem 1rem;border-top:1px solid #ead6cb}
.review-lead{font-family:Georgia,serif;font-style:italic;font-size:1.15rem;color:#5a4038;margin:.3rem 0 1.1rem}
/* r21 a11y contrast + targets */
:root{--terra-d:#a5523a}
.btn{background:#b85a3f}.btn:hover{background:#a34d33}.nlpop-cta{background:#b85a3f}
.btn.ghost{color:#a5523a;border-color:#c4694d;background:transparent}
.hero-teaser a,.raum-hero .tagline{color:#a5523a}
figcaption.credit,.hero figcaption{color:#7a5f54}
.vfig figcaption{color:#7a5f54}
footer .credit{color:#d9c4b9}
.dots{gap:.25rem}.dots button{width:24px;height:24px;background:transparent;position:relative}
.dots button::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--rose)}
.dots button[aria-current="true"]{transform:none}.dots button[aria-current="true"]::after{background:var(--terra);inset:5px}
.faq-list{max-width:820px;margin-top:1.2rem}
.faq details{border-bottom:1px solid #ead6cb;padding:.9rem 0}
.faq summary{cursor:pointer;font-family:Georgia,serif;font-size:1.12rem;color:#3f3a3a;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:#a5523a;font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.7rem 0 .2rem;max-width:68ch}
.ws-date{color:#8f4630!important}
.chips .badge{color:#8f4630!important;background:#fff!important}
.ig-link{color:#a5523a!important}
footer .ig-foot{color:#f0c9b9!important}