/* Atelier: dieselben Seiten, Felder und Buchungsformulare, neue Darstellung.
   Ausschließlich auf den gewählten Stil begrenzt. Farben kommen vom Betrieb. */
body.stil-atelier{--papier:#f7f5ee;--atelier-tinte:#233b32;--atelier-leise:#657168;--atelier-rand:#dedfd3;--atelier-weiss:#fffefa;--atelier-dunkel:color-mix(in srgb,var(--betrieb) 68%,#172d24);--betrieb-zart:color-mix(in srgb,var(--betrieb) 5%,#f7f5ee);color:var(--atelier-tinte);font-family:'Instrument Sans',system-ui,sans-serif;font-size:16px;line-height:1.65}
.stil-atelier *, .stil-atelier *::before,.stil-atelier *::after{box-sizing:border-box}
.stil-atelier :is(h1,h2,h3,p,dd,button,a){overflow-wrap:break-word}
.stil-atelier :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--betrieb);outline-offset:4px}
.stil-atelier .betrieb-seitenrahmen{width:min(1180px,calc(100% - 96px));max-width:none;padding:0;margin:auto}
.stil-atelier .betrieb-kopf{padding:28px 0;margin:0;border-bottom:1px solid var(--atelier-rand)}
.stil-atelier .betrieb-kopf>div{gap:24px;min-height:50px}
.stil-atelier .betrieb-marke{max-width:330px;min-width:0}
.stil-atelier .betrieb-marke img{max-height:62px;max-width:240px;width:auto;object-fit:contain}
.stil-atelier .betrieb-marke span{font:500 24px/1.12 Fraunces,Georgia,serif;display:block}
.stil-atelier .betrieb-kopf nav{gap:26px;font-size:13px;line-height:1.4}
.stil-atelier .betrieb-kopf nav>a{padding-block:10px}
.stil-atelier .betrieb-kopf nav>a.bg-betrieb{padding:14px 22px;border-radius:6px;font-weight:600}
.stil-atelier .betrieb-kopf details>div{background:var(--atelier-weiss);border-color:var(--atelier-rand);padding:10px}
.stil-atelier .betrieb-kopf details>div a{white-space:normal;min-width:180px}
.stil-atelier .atelier-kicker{color:var(--betrieb);font:600 10px/1.6 'Instrument Sans',sans-serif;text-transform:uppercase;letter-spacing:.18em;margin:0 0 24px}
.stil-atelier .w-titel{font-size:clamp(42px,5.3vw,76px);line-height:1.04;letter-spacing:-.04em;font-weight:500;max-width:13ch}
.stil-atelier .w-h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.025em;font-weight:500;margin-bottom:30px;max-width:24ch}
.stil-atelier .w-h3{font-size:27px;line-height:1.2;font-weight:500}
.stil-atelier .w-lead{font-size:17px;line-height:1.8;max-width:39ch;margin-top:26px}
.stil-atelier .w-text{max-width:65ch}
.stil-atelier .betrieb-hero{min-height:0;padding-block:68px 76px;background:var(--papier);border:0}
.stil-atelier .betrieb-hero-raster{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.stil-atelier .betrieb-hero-bilder{order:2;width:auto;margin:0;min-width:0}
.stil-atelier .betrieb-hero-text{order:1;width:auto;min-width:0}
.stil-atelier .betrieb-hero-text:only-child{grid-column:1/-1;max-width:760px}
.stil-atelier .betrieb-hero-text:only-child .w-titel{max-width:19ch}
.stil-atelier .kopfbild{border-radius:150px 7px 7px 7px;box-shadow:none;background:var(--betrieb-zart)}
.stil-atelier .kopfbild img{aspect-ratio:4/4.5;object-fit:cover;animation:none}
.stil-atelier .wischband{gap:0;scrollbar-width:thin;scrollbar-color:var(--betrieb) transparent}
.stil-atelier .betrieb-hero .bg-betrieb{padding:17px 27px;font-size:14px;border-radius:6px;box-shadow:none}
.stil-atelier .band{padding-top:82px;padding-bottom:88px}
.stil-atelier .flaeche-weiss{background:var(--atelier-weiss)}
.stil-atelier .flaeche-zart{background:var(--papier)}
.stil-atelier .flaeche-tief{background:var(--betrieb)}
.stil-atelier .flaeche-dunkel{background:var(--atelier-dunkel)}
.stil-atelier .betrieb-leistungen>.grid{gap:24px;margin-bottom:24px}
.stil-atelier .betrieb-leistungskarte{border:1px solid var(--atelier-rand);border-radius:8px;background:var(--atelier-weiss);box-shadow:none}
.stil-atelier .betrieb-leistungskarte>img{aspect-ratio:1.5;object-fit:cover;transition:transform .2s}
.stil-atelier .betrieb-leistungskarte>div{padding:25px}
.stil-atelier .betrieb-leistungskarte h3{font-size:28px}
.stil-atelier .betrieb-leistungskarte:hover{box-shadow:0 12px 35px #233b3210;border-color:var(--betrieb)}
.stil-atelier .betrieb-leistungskarte span.bg-betrieb{background:transparent;color:var(--betrieb);text-align:left;padding:12px 0 0;border-top:1px solid var(--atelier-rand);border-radius:0;font-size:12px;margin-top:14px}
.stil-atelier .betrieb-leistungskarte span.bg-betrieb::after{content:' ↗';float:right}
.stil-atelier .abschnitt-willkommen>section>div{gap:64px}
.stil-atelier .abschnitt-willkommen img{aspect-ratio:4/4.5;border-radius:7px 7px 100px 7px;box-shadow:none}
.stil-atelier .abschnitt-team .grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stil-atelier .abschnitt-team .grid>div{background:transparent;border:0;box-shadow:none;border-radius:0;min-width:0}
.stil-atelier .abschnitt-team .grid>div>img{height:280px;border-radius:7px;object-position:center 30%}
.stil-atelier .abschnitt-team .grid>div>div{padding:22px 0}
.stil-atelier .abschnitt-team .grid p{font-size:14px}
.stil-atelier .galerie-raster{gap:18px}
.stil-atelier .galerie-bild{border:0;box-shadow:none;border-radius:6px}
.stil-atelier .galerie-bild img{aspect-ratio:1;object-fit:cover}
.stil-atelier .galerie-bild:nth-child(3n+2){border-radius:65px 6px 6px 6px}
.stil-atelier .abschnitt-kontakt .bg-white{background:var(--atelier-weiss);color:var(--atelier-tinte);padding:28px;border-radius:8px}
.stil-atelier .abschnitt-kontakt .bg-white :is(.text-slate-500,.text-slate-600,.text-slate-700){color:var(--atelier-leise)}
.stil-atelier .abschnitt-kontakt .bg-white a{color:var(--betrieb)}
.stil-atelier .betrieb-seitenrahmen>footer{padding:32px 0 36px;margin-top:55px;border-color:var(--atelier-rand);font-size:12px;line-height:1.9}
.stil-atelier input:not([type=checkbox]):not([type=radio]),.stil-atelier textarea,.stil-atelier select{background:var(--atelier-weiss);border-color:var(--atelier-rand);border-radius:6px;font-size:16px;min-width:0;max-width:100%}
.stil-atelier :is(input[type=checkbox],input[type=radio]){accent-color:var(--betrieb)}
.stil-atelier #musterband{font-size:11px;background:var(--atelier-dunkel);color:#fff;border:0;line-height:1.5}
.stil-atelier #musterband a{background:var(--atelier-weiss);color:var(--atelier-dunkel)}
.stil-atelier #musterband button{color:#fff}
.stil-atelier.atelier-buchung .betrieb-seitenrahmen{width:min(1120px,calc(100% - 96px))}
.stil-atelier .atelier-buchung-kopf{padding:35px 0 30px}
.stil-atelier .atelier-zurueck{display:inline-block;font-size:12px;margin-bottom:28px;color:var(--atelier-leise)}
.stil-atelier .atelier-buchung-kopf .atelier-kicker{margin-bottom:10px}
.stil-atelier .atelier-buchung-titel{font:500 clamp(32px,4vw,48px)/1.1 Fraunces,Georgia,serif;letter-spacing:-.03em}
.stil-atelier .buchung-fortschritt{gap:25px;margin-bottom:30px;max-width:730px}
.stil-atelier .buchung-fortschritt li{display:flex;align-items:center;gap:10px;font-size:13px;border-top:0;border-bottom:2px solid var(--atelier-rand);padding:0 0 17px;line-height:1.4}
.stil-atelier .buchung-fortschritt li.border-betrieb{border-color:var(--betrieb)}
.stil-atelier .atelier-schrittnummer{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;flex:none;font-size:11px}
.stil-atelier .buchung-fortschritt li[aria-current=step] .atelier-schrittnummer{background:var(--betrieb);color:white;border-color:var(--betrieb)}
.stil-atelier .atelier-buchungsraster{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:35px;align-items:start}
.stil-atelier .atelier-buchungsinhalt{padding:34px;background:var(--atelier-weiss);border:1px solid var(--atelier-rand);border-radius:10px;min-width:0}
.stil-atelier .atelier-buchungsinhalt h1{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-.025em}
.stil-atelier .atelier-buchungsinhalt>p{font-size:14px}
.stil-atelier .atelier-buchungsinhalt :is(button,a).bg-betrieb{border-radius:6px}
.stil-atelier .buchung-leistungsliste{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stil-atelier .buchung-leistungsliste>form{margin:0;min-width:0}
.stil-atelier .buchung-leistungskarte{height:100%;padding:18px;border-color:var(--atelier-rand);border-radius:7px;overflow:hidden;background:var(--atelier-weiss)}
.stil-atelier .buchung-leistungskarte>.flex{display:block}
.stil-atelier .buchung-leistungskarte>.flex>span:first-child{font-size:18px;line-height:1.3;display:block;margin-bottom:12px;font-weight:600}
.stil-atelier .buchung-leistungskarte>.flex>span:nth-child(2){font-size:15px;color:var(--betrieb)}
.stil-atelier .buchung-leistungskarte .text-sm{font-size:12px;line-height:1.6}
.stil-atelier .atelier-leistungsbild{width:calc(100% + 36px);max-width:none;height:115px;object-fit:cover;margin:-18px -18px 17px}
.stil-atelier .buchung-person{border-color:var(--atelier-rand);padding:22px;border-radius:7px;min-height:96px}
.stil-atelier .atelier-personenbild{float:left;border-radius:50%;width:64px;height:64px;object-fit:cover;margin:0 18px 10px 0}
.stil-atelier .atelier-uebersicht{position:sticky;top:24px;background:#eaf0e3;background:color-mix(in srgb,var(--betrieb) 7%,#f5f6e9);border:1px solid var(--atelier-rand);border-radius:10px;overflow:hidden;min-width:0}
.stil-atelier .atelier-uebersichtsbild{height:170px;width:100%;object-fit:cover}
.stil-atelier .atelier-uebersicht-text{padding:27px}
.stil-atelier .atelier-uebersicht .atelier-kicker{margin-bottom:15px}
.stil-atelier .atelier-uebersicht h2{font:500 30px/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em}
.stil-atelier .atelier-dauer{color:var(--atelier-leise);font-size:12px;margin:12px 0 20px}
.stil-atelier .atelier-uebersicht dl{padding:20px 0;border-block:1px solid var(--atelier-rand);margin-top:24px}
.stil-atelier .atelier-uebersicht dl>div{display:grid;grid-template-columns:48px 1fr;gap:12px;font-size:12px;margin-bottom:17px}
.stil-atelier .atelier-uebersicht dl>div:last-child{margin-bottom:0}
.stil-atelier .atelier-uebersicht dt{color:var(--atelier-leise)}
.stil-atelier .atelier-uebersicht dd{font-weight:600;min-width:0}
.stil-atelier .atelier-abschluss-hinweis{font-size:11px;color:var(--atelier-leise);margin-top:20px}
.stil-atelier .atelier-auswahl-aendern{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:17px}
.stil-atelier.atelier-eingebettet .betrieb-seitenrahmen{max-width:720px;width:calc(100% - 32px);padding-top:20px}
@media(min-width:1500px){.stil-atelier .betrieb-hero{padding-block:85px}}
@media(max-width:1100px){.stil-atelier .betrieb-seitenrahmen,.stil-atelier.atelier-buchung .betrieb-seitenrahmen{width:calc(100% - 64px)}.stil-atelier .betrieb-hero-raster{gap:40px}.stil-atelier .betrieb-kopf nav{gap:17px}.stil-atelier .betrieb-marke{max-width:260px}.stil-atelier .atelier-buchungsraster{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.stil-atelier .atelier-buchungsinhalt{padding:25px}.stil-atelier .atelier-uebersicht-text{padding:22px}}
@media(max-width:760px){.stil-atelier .betrieb-seitenrahmen,.stil-atelier.atelier-buchung .betrieb-seitenrahmen{width:calc(100% - 36px)}.stil-atelier .betrieb-kopf{padding-block:20px}.stil-atelier .betrieb-kopf>div{justify-content:center;gap:20px}.stil-atelier .betrieb-marke{max-width:100%;text-align:center}.stil-atelier .betrieb-marke img{max-width:220px;max-height:56px}.stil-atelier .betrieb-kopf nav{justify-content:center;gap:15px;font-size:12px}.stil-atelier .betrieb-kopf nav>a.bg-betrieb{padding:10px 14px}.stil-atelier .betrieb-hero{padding-block:38px 45px}.stil-atelier .betrieb-hero-raster{grid-template-columns:1fr;gap:35px}.stil-atelier .w-titel{font-size:clamp(42px,10vw,64px);max-width:16ch}.stil-atelier .w-lead{font-size:15px;margin-top:20px}.stil-atelier .betrieb-hero-bilder{order:2}.stil-atelier .kopfbild{border-top-left-radius:100px}.stil-atelier .kopfbild img{aspect-ratio:1;max-height:530px}.stil-atelier .atelier-kicker{margin-bottom:20px;font-size:9px}.stil-atelier .band{padding-block:58px}.stil-atelier .w-h2{font-size:37px;margin-bottom:25px}.stil-atelier .w-h3{font-size:26px}.stil-atelier .betrieb-leistungen>.grid{gap:20px}.stil-atelier .betrieb-leistungskarte>div{padding:23px}.stil-atelier .abschnitt-willkommen>section>div{display:block}.stil-atelier .abschnitt-willkommen img{width:100%;max-height:470px;object-fit:cover;margin-bottom:28px}.stil-atelier .abschnitt-team .grid{grid-template-columns:1fr 1fr;gap:20px}.stil-atelier .abschnitt-team .grid>div>img{height:220px}.stil-atelier .abschnitt-team .w-h3{font-size:23px}.stil-atelier .abschnitt-team .grid p{font-size:12px}.stil-atelier .galerie-raster{grid-template-columns:1fr 1fr;gap:13px}.stil-atelier .abschnitt-kontakt .bg-white{padding:21px}.stil-atelier .atelier-buchung-kopf{padding-top:25px}.stil-atelier .atelier-zurueck{margin-bottom:23px}.stil-atelier .buchung-fortschritt{gap:12px}.stil-atelier .buchung-fortschritt li{font-size:11px;gap:7px}.stil-atelier .atelier-schrittnummer{height:22px;width:22px;font-size:10px}.stil-atelier .atelier-buchungsraster{grid-template-columns:1fr;gap:25px}.stil-atelier .atelier-buchungsinhalt{padding:25px 21px}.stil-atelier .atelier-buchungsinhalt h1{font-size:31px}.stil-atelier .atelier-uebersicht{position:static}.stil-atelier .atelier-uebersichtsbild{height:155px}.stil-atelier .atelier-uebersicht-text{padding:25px}.stil-atelier .buchung-leistungsliste{grid-template-columns:1fr}.stil-atelier .atelier-leistungsbild{height:155px}.stil-atelier .buchung-leistungskarte .text-sm{font-size:13px}}
@media(max-width:360px){.stil-atelier .betrieb-seitenrahmen,.stil-atelier.atelier-buchung .betrieb-seitenrahmen{width:calc(100% - 28px)}.stil-atelier .betrieb-kopf nav{gap:11px;font-size:11px}.stil-atelier .atelier-buchungsinhalt{padding:22px 16px}.stil-atelier .abschnitt-team .grid{grid-template-columns:1fr}.stil-atelier .abschnitt-team .grid>div>img{height:auto;max-height:370px}.stil-atelier .w-h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.stil-atelier *{scroll-behavior:auto!important;transition:none!important}}

/* Abgetönte Akzente halten auch die bestehende goldene Spa-Farbe lesbar. */
body.stil-atelier{--atelier-akzent:color-mix(in srgb,var(--betrieb) 70%,#101c18)}
.stil-atelier :is(.w-titel,.w-h2,.w-h3){color:var(--atelier-tinte)}
.stil-atelier :is(.text-betrieb,.atelier-kicker){color:var(--atelier-akzent)}
.stil-atelier :is(.bg-betrieb,.flaeche-tief){background-color:var(--atelier-akzent)}
.stil-atelier :is(.flaeche-tief,.flaeche-dunkel) :is(.w-h2,.w-h3){color:white}
.stil-atelier .betrieb-leistungskarte span.bg-betrieb{background:transparent;color:var(--atelier-akzent)}
.stil-atelier .buchung-fortschritt li[aria-current=step] .atelier-schrittnummer{background:var(--atelier-akzent)}

.stil-atelier.atelier-buchung .betrieb-kopf{padding-block:18px}
.stil-atelier .atelier-buchung-kopf{padding-top:24px}
.stil-atelier .atelier-buchungsinhalt h1{font-family:Fraunces,Georgia,serif}
.stil-atelier .buchung-leistungskarte{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}

/* Die vorhandene Kino-Bühne behält Scrollfilm und Textanimation.
   Ihre hellen Texte gelten nur über dem Film/Standbild, nicht für die übrige Seite. */
.stil-atelier .kino{--papier:#0f1412;--kino-text:#f3eee4;--kino-text-leise:#c9c1b3;--kino-akzent:color-mix(in srgb,var(--betrieb) 70%,white)}
.stil-atelier .kino .knopf{color:white;border-radius:6px;font-size:14px;padding:17px 27px}
.stil-atelier .w-titel{hyphens:none;text-wrap:balance}

/* Unterseiten erhalten ihren echten, editierbaren Seitentitel. */
.stil-atelier .atelier-seitentitel{padding:56px 0 44px}
.stil-atelier .atelier-seitentitel .w-titel{font-size:clamp(38px,5vw,62px);max-width:22ch}
@media(max-width:767px){.stil-atelier .atelier-seitentitel{padding:36px 0 30px}.stil-atelier .atelier-seitentitel .w-titel{font-size:38px}}