:root{--bg:#f4ede3;--ink:#16211f;--mute:#5f6a66;--line:rgba(22,33,31,.13);--ac:#1f8a7a;--sand:#d9a36a;--deep:#0f1716;--serif:'Rufina',Georgia,serif;--sans:'Lexend',system-ui,sans-serif;--btn-bg:#16211f;--btn-ink:#f4ede3}
em{font-style:normal;color:var(--ac)}.kicker{color:var(--ac);font-weight:600}.h1{font-size:clamp(44px,5.8vw,88px);line-height:1.04}.h2{font-size:clamp(36px,4.2vw,62px);line-height:1.08}.sec-p{color:var(--mute);line-height:1.75;margin-top:16px;font-weight:300}
.intro{background:var(--deep);color:#f4ede3;align-items:center;justify-content:center;flex-direction:column;gap:26px}.in-s{width:min(240px,50vw);overflow:visible}.in-s path,.in-s circle,.m-s path,.m-s circle{fill:none;stroke:#57c7b5;stroke-width:1.2}.in-t{font-family:var(--serif);font-size:clamp(40px,5.4vw,72px);margin:0}.in-t em{color:var(--sand)}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,4vw,48px);color:#fff;transition:background .3s,color .3s}.nav.scrolled{background:rgba(244,237,227,.95);color:var(--ink);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:24px;font-weight:700;text-decoration:none}.brand img{width:34px;height:auto;border-radius:8px}.nav nav{display:flex;gap:30px}.nav nav a{text-decoration:none;font-size:15px}.nav .btn{--btn-bg:var(--sand);--btn-ink:#16211f}
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:#fff;background:var(--deep);overflow:hidden}.h-d{position:absolute;inset:0}.h-d{overflow:hidden}.h-d img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:0% 50%;opacity:.85}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,22,.5),rgba(15,23,22,.1) 35%,rgba(15,23,22,.9))}.h-c{position:relative;z-index:1;padding:140px 0 90px}.h-c em,.h-c .kicker{color:#ffd29e}.lead{font-size:18.5px;line-height:1.7;max-width:56ch;margin-top:22px;color:#efe6d8;font-weight:300}.h-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .btn{--btn-bg:var(--sand);--btn-ink:#16211f}.hero .btn-ghost{color:#fff}
.beh{padding:clamp(90px,10vw,150px) 0}.b-h{max-width:780px;margin-bottom:46px}.ars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.ar-i{aspect-ratio:4/5;border-radius:999px 999px 18px 18px;overflow:hidden;background:#e8ddcc;border:1px solid var(--line)}.ar-i img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.ar:hover .ar-i img{transform:scale(1.06)}.ar h3{font-size:26px;margin-top:18px}.ar p{color:var(--mute);line-height:1.65;margin:8px 0 0;font-weight:300;font-size:15.5px}.ar:nth-child(3n+2){transform:translateY(40px)}
.preise{padding:clamp(100px,11vw,160px) 0;background:var(--deep);color:#f4ede3}.preise .sec-p{color:#b7c2be}.preise em,.preise .kicker{color:#57c7b5}.p-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:end;margin-bottom:36px}
.tbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid rgba(87,199,181,.3);background:transparent;color:#f4ede3;border-radius:16px;padding:12px 18px;cursor:pointer;text-align:left;transition:background .3s,color .3s}.tb span{font-weight:500}.tb small{font-size:12px;color:#9fb0ab}.tb.on{background:#57c7b5;color:var(--deep);border-color:#57c7b5}.tb.on small{color:#14403a}.tb:focus-visible,.sb:focus-visible,.th:focus-visible{outline:2px solid var(--sand);outline-offset:2px}
.tp{background:rgba(255,255,255,.04);border:1px solid rgba(87,199,181,.2);border-radius:26px;padding:clamp(22px,3.4vw,44px)}.tp[hidden]{display:none}.pg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:start}.tp h4{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);font-weight:600;margin:0 0 6px}.pl+h4{margin-top:26px}.pl li,.hl li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:13px 0;border-bottom:1px solid rgba(244,237,227,.12);align-items:baseline}.pl span,.hl span{font-weight:500}.pl small,.hl small{display:block;font-weight:300;color:#9fb0ab;font-size:13.5px;margin-top:3px;line-height:1.5}.pl b,.hl b{font-family:var(--serif);font-weight:700;font-size:19px;white-space:nowrap;text-align:right}.pl s{display:block;font-family:var(--sans);font-weight:300;font-size:12px;color:#9fb0ab}.pl.za{background:rgba(217,163,106,.1);border-radius:14px;padding:0 14px}.pl.za li:last-child{border:0}.pn{color:#b7c2be;line-height:1.7;font-weight:300;margin:18px 0 0}
#tp-haar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:start}#tp-haar[hidden]{display:none}.seg{position:relative;display:inline-flex;flex-wrap:wrap;background:rgba(255,255,255,.06);border-radius:999px;padding:4px;margin-bottom:14px}.sb{position:relative;z-index:1;border:0;background:none;color:#f4ede3;padding:10px 20px;border-radius:999px;cursor:pointer;font-weight:500;transition:color .3s;width:9.2em}.sb.on{color:var(--deep)}.seg-i{position:absolute;top:4px;bottom:4px;left:4px;width:9.2em;border-radius:999px;background:var(--sand);transition:transform .45s cubic-bezier(.7,0,.2,1)}.seg.s .seg-i{transform:translateX(100%)}.seg.l .seg-i{transform:translateX(200%)}.hl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.hl li.off{opacity:.3}.hl li.off b{visibility:hidden}.hl b i{font-style:normal}.hz-n{font-size:13px}.pk h4{margin-top:6px}
.storno{margin:22px 0 0;color:#9fb0ab;font-size:14px;font-weight:300}.storno b{color:#f4ede3;font-weight:500;margin-right:6px}
.motto{padding:clamp(100px,11vw,160px) 0;position:relative;overflow:hidden}.mg{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr) minmax(0,.8fr);gap:50px;align-items:center}.m-s{width:100%;max-width:240px;overflow:visible}.m-s path,.m-s circle{stroke:var(--ac)}.mg blockquote{margin:0}.mq{font-family:var(--serif);font-size:clamp(30px,3.2vw,46px);line-height:1.2;margin:0}.cert{display:grid;gap:8px}.cert li{background:#fff;border-radius:12px;padding:12px 16px;font-size:14.5px;border-left:3px solid var(--ac)}
.studio{padding:clamp(90px,10vw,140px) 0;background:#fff}.sg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}.ths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.th{border:2px solid transparent;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background:none;transition:border-color .3s}.th.on{border-color:var(--ac)}.th img{width:100%;aspect-ratio:1;object-fit:cover}.s-m{position:relative;margin:0;aspect-ratio:3/2;border-radius:28px;overflow:hidden;background:#e8ddcc}.s-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.s-m img.on{opacity:1}
.kontakt{padding:clamp(90px,10vw,140px) 0}.kt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:end}.kt address{font-style:normal;font-size:19px;line-height:1.7;margin-top:22px}.kl{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:18px}.kl a{text-decoration:none}.kc{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.soc{width:100%;display:flex;gap:18px;margin:10px 0 0}.soc a{color:var(--ac);font-weight:500}.pay{width:100%;color:var(--mute);font-size:14px;margin:0}
.tnv-cta{--cta-sec:var(--bg);--cta-bg:#0f1716;--cta-ink:#f4ede3;--cta-line:rgba(87,199,181,.3);--cta-accent:#57c7b5;--cta-r:30px}.tnv-cta .btn:not(.btn-ghost){--btn-bg:#d9a36a;--btn-ink:#16211f}.tnv-cta .btn-ghost{color:#f4ede3}
@media(max-width:1000px){.mg{grid-template-columns:1fr}.m-s{display:none}.pg,#tp-haar{grid-template-columns:1fr}}
@media(max-width:860px){.ars{grid-template-columns:1fr 1fr}.ar:nth-child(3n+2){transform:none}.p-h,.sg,.kt{grid-template-columns:1fr}.hl{grid-template-columns:1fr}.nav nav{display:none}.sb{width:auto;padding:10px 14px}.seg-i{display:none}.sb.on{background:var(--sand)}}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:30px clamp(20px,5vw,80px);font-size:14px;border-top:1px solid var(--line);color:var(--mute)}
.foot p{margin:0;display:flex;gap:22px;flex-wrap:wrap;line-height:1.5}.foot a{text-decoration:none}
main{overflow-x:clip}