:root{--accent:#1f4e46;--on-accent:#f4efe6;--deep:#1f4e46;--sage:#e3ebe4;--sand:#f4efe6;--ink:#17322d;--muted:#5d716c;--peach:#f2a37b}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--sand)}
h1,h2,.logo{font-family:Fraunces,serif;font-weight:400;line-height:1.05;letter-spacing:-.02em}
h1{font-size:clamp(46px,6vw,84px);margin:20px 0}h1 i,h2 i,.logo i{color:var(--peach);font-style:italic}
h2{font-size:clamp(34px,4vw,54px);margin-bottom:22px}
.kick{font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#3e8a7c;margin-bottom:12px}
.muted{color:var(--muted);font-size:18px}.small{font-size:14px;color:var(--muted);margin-top:16px}
.btn{display:inline-block;background:var(--deep);color:var(--sand);padding:15px 28px;border-radius:16px;text-decoration:none;font-weight:600;border:0;transition:.25s}
.btn:hover{background:var(--peach);color:var(--ink)}.btn-soft{background:#fff;color:var(--ink)}.btn-sm{padding:10px 18px;font-size:14px}.btn-full{width:100%;margin-top:10px}
.top{position:sticky;top:0;z-index:50;background:rgba(244,239,230,.9);backdrop-filter:blur(12px)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{font-size:28px;text-decoration:none;display:flex;align-items:center;gap:10px}
.leaf{width:30px;height:30px;background:var(--deep);border-radius:0 60% 0 60%;display:inline-block}
nav{display:flex;gap:28px}nav a{text-decoration:none;font-weight:600;color:var(--muted)}nav a:hover{color:var(--ink)}
.top-r{display:flex;gap:10px;align-items:center}.burger{display:none;background:none;border:0;font-size:24px}
.hero{padding:60px 0 100px}.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.lead{font-size:20px;color:var(--muted);max-width:540px}.btns{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}
.trust{display:flex;gap:10px;flex-wrap:wrap}.trust span{background:#fff;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}
.hero-vis{position:relative;height:500px}
.blob{position:absolute;inset:20px;background:linear-gradient(140deg,#cfe0d5,#9cc3b4);border-radius:42% 58% 63% 37% / 41% 44% 56% 59%;animation:morph 12s ease-in-out infinite}
@keyframes morph{50%{border-radius:58% 42% 35% 65% / 55% 38% 62% 45%}}
.circle{position:absolute;border-radius:50%}.c1{width:90px;height:90px;background:var(--peach);right:30px;top:20px;animation:fl 6s ease-in-out infinite}.c2{width:40px;height:40px;background:var(--deep);left:40px;bottom:60px;animation:fl 5s ease-in-out infinite reverse}
@keyframes fl{50%{transform:translateY(-16px)}}
.figure{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:70%}
.arm{transform-origin:100px 85px;animation:stretch 4s ease-in-out infinite}.arm2{transform-origin:100px 85px;animation:stretch2 4s ease-in-out infinite}
@keyframes stretch{50%{transform:rotate(30deg)}}@keyframes stretch2{50%{transform:rotate(-30deg)}}
.note{position:absolute;left:0;bottom:30px;background:#fff;padding:16px 20px;border-radius:18px;box-shadow:0 20px 40px rgba(31,78,70,.15);display:flex;flex-direction:column}.note b{font-family:Fraunces;font-size:30px;color:var(--deep)}.note span{font-size:13px;color:var(--muted)}
.sec{padding:100px 0}.sec-sage{background:var(--sage)}.sec-deep{background:var(--deep);color:var(--sand)}.sec-deep .kick{color:var(--peach)}.sec-deep p{color:#c9d8d3;font-size:18px}
.body-sec{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.body-map{background:#fff;border-radius:32px;padding:30px;text-align:center}
.body-map svg{height:440px;max-width:100%}
.sil{fill:#e3ebe4}
.spots circle{fill:rgba(242,163,123,.35);stroke:var(--peach);stroke-width:2;cursor:pointer;transition:.2s;animation:ping 2.4s infinite}
.spots circle:hover,.spots circle.on{fill:var(--peach);stroke:var(--deep)}@keyframes ping{50%{stroke-width:6}}
.hint{color:var(--muted);font-size:14px;margin-top:10px}
.body-info{margin-top:24px;background:#fff;border-radius:22px;padding:26px;min-height:200px;border-left:6px solid var(--peach)}
.body-info h3{font:400 30px Fraunces;margin-bottom:8px}.body-info ul{list-style:none;margin:12px 0}.body-info li{padding:6px 0 6px 26px;position:relative}.body-info li::before{content:"✓";position:absolute;left:0;color:#3e8a7c;font-weight:700}
.body-info .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.body-info .tags span{background:var(--sage);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}
.pay{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.pay button{border:0;background:#fff;padding:12px 20px;border-radius:14px;font-weight:700;color:var(--ink)}.pay button.on{background:var(--deep);color:var(--sand)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sv{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px;transition:.25s}.sv:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(31,78,70,.1)}
.sv .ic{font-size:30px}.sv h3{font:400 24px Fraunces}.sv p{color:var(--muted);flex:1}.sv .pr{font-weight:700;color:var(--deep);font-size:18px;margin-top:8px}.sv .pr small{font-weight:500;color:var(--muted)}
.ex{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.ex-card{background:#fff;border-radius:32px;padding:40px;text-align:center;box-shadow:0 30px 60px rgba(31,78,70,.08)}
.ring{position:relative;width:240px;height:240px;margin:0 auto 26px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10}.ring .bg{stroke:var(--sage)}.ring .fg{stroke:var(--peach);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}
.ring-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-t b{font:400 72px Fraunces;line-height:1}.ring-t span{color:var(--muted);font-weight:600}
.ex-steps{counter-reset:e;list-style:none}.ex-steps li{counter-increment:e;padding:14px 0 14px 56px;position:relative;border-bottom:1px solid #e1e5df;font-size:17px}
.ex-steps li::before{content:counter(e);position:absolute;left:0;top:10px;width:38px;height:38px;border-radius:12px;background:var(--sage);display:grid;place-items:center;font-weight:700;color:var(--deep)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.hours{width:100%;margin-top:26px;border-collapse:collapse}.hours td{padding:10px 0;border-bottom:1px solid #ffffff22;color:#d6e2de}.hours td:last-child{text-align:right}.hours tr.today td{color:var(--peach);font-weight:700}
.form{background:var(--sand);color:var(--ink);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:10px}
.form label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.form input:not([type=checkbox]),.form select{padding:14px;border:1px solid #d9d6cc;border-radius:14px;font:inherit;background:#fff}
.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{border:1px solid #d9d6cc;background:#fff;padding:10px 14px;border-radius:12px;font-weight:600}.seg button.on{background:var(--deep);color:var(--sand);border-color:var(--deep)}
.form .chk{display:flex;gap:10px;align-items:center;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink);font-weight:500}
.rx-tip{display:none;background:#fff3ea;border-radius:14px;padding:14px;font-size:14px;color:#8a4b2a}.rx-tip.show{display:block}
.foot{padding:26px 0;color:var(--muted);font-size:14px}
@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--sand);flex-direction:column;padding:20px;gap:14px}nav.open{display:flex}.burger{display:block}.top-r .btn-sm{display:none}
.hero-in,.body-sec,.ex,.two{grid-template-columns:1fr}.svc{grid-template-columns:1fr}.hero-vis{height:360px}.sec{padding:70px 0}}

/* v10: echte Bilder */
.blob{overflow:hidden;box-shadow:0 30px 60px rgba(31,78,70,.18)}
.blob picture,.blob img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.pgal{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:260px 260px;gap:18px}
.pg{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--sage)}
.pg1{grid-row:span 2}.pg4{grid-column:span 2}
.pg picture,.pg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pg1 img{object-position:38% 50%}
.pg:hover img{transform:scale(1.04)}
.pg figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);background:rgba(244,239,230,.94);color:var(--ink);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:700}
@media(max-width:900px){.pgal{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px 220px;gap:12px}.pg1{grid-row:auto;grid-column:span 2}.pg figcaption{font-size:13px;left:10px;bottom:10px}}
@media(max-width:480px){.logo{font-size:22px;gap:8px}.leaf{width:24px;height:24px}.top-in{gap:8px}[data-lang-switch] button{padding:5px 7px}}
@media(max-width:480px){.pg figcaption{font-size:12px;padding:6px 10px}}