/* Startseite: lokaler Designentwurf vom 31.10.2026. */
.body-offer-v2{
  background:radial-gradient(ellipse at 22% 46%,#657b4340,transparent 44%),radial-gradient(ellipse at 90% 82%,#465a3033,transparent 52%),linear-gradient(150deg,#142c21,#091b14 80%);
  color:#eeeadd;grid-template-columns:.8fr 1.2fr;gap:60px 85px;
  border-top:1px solid #c0c9a426;border-bottom:1px solid #c0c9a426;
}
.body-offer-v2 .body-heading{grid-column:1/-1;max-width:1060px}
.body-offer-v2 .body-heading .eyebrow{color:#d9b879;margin-bottom:25px}
.body-offer-v2 .body-heading h2{font-size:clamp(39px,4.6vw,65px);line-height:1.16;color:#f0eadb;max-width:1050px;margin:0}
.body-offer-v2 .body-heading em{color:#e7bf7b;font-weight:400}
.body-offer-v2 .body-rhythm{position:sticky;top:35px;align-self:start;width:100%;max-width:470px;justify-self:center;margin-top:15px;text-align:center}
.body-rhythm-field{position:relative;margin:0 -35px;aspect-ratio:1;background:radial-gradient(ellipse,#63834712,transparent 66%)}
.body-rhythm-field svg{width:100%;height:100%;overflow:visible}
.body-rhythm-ring{fill:none;stroke:#becb97;transform-origin:300px 290px;animation:body-ring-pulse 3.6s ease-in-out infinite;animation-delay:var(--ring-delay)}
.body-center-halo{transform-origin:300px 290px;animation:body-halo-pulse 3.6s ease-in-out infinite}
.body-side-halo{animation:body-side-pulse 3.6s ease-in-out infinite}
.body-side-right{animation-delay:-1.8s}
.body-bilateral-lines{fill:none;stroke:#d8bf83;stroke-width:1;opacity:.55}
.body-anchor,.body-endpoint,.body-travelling-signal{fill:#eed6a0;filter:drop-shadow(0 0 5px #ddc38088)}
.body-anchor{animation:body-anchor-pulse 3.6s ease-in-out infinite;transform-origin:300px 290px}
.body-endpoint{animation:body-side-pulse 3.6s ease-in-out infinite}
.body-endpoint-right{animation-delay:-1.8s}
.body-ground-line{stroke:#bdc795;stroke-width:1.2;fill:none;opacity:.4}
.body-rhythm-caption{margin-top:-15px;position:relative}
.body-rhythm-caption .serif{display:block;font-size:38px;line-height:1.3;color:#eee4d0}
.body-rhythm-caption em{color:#e3bd7c;font-weight:400}
.body-rhythm-caption>span:last-child{display:block;font-size:12px;letter-spacing:.1em;color:#b9c8ad;margin-top:12px}
.body-motion-toggle{border:0;border-bottom:1px solid #b8c79542;background:transparent;color:#adbd9e;padding:5px 0;margin-top:20px;font:11px AwakeSans,Arial,sans-serif;cursor:pointer}
.body-motion-toggle:focus-visible{outline:2px solid #e6c384;outline-offset:5px}
.body-rhythm.body-pattern-paused *{animation-play-state:paused!important}
@keyframes body-ring-pulse{0%,100%{transform:scale(.955) rotate(-1deg)}50%{transform:scale(1.065) rotate(1deg)}}
@keyframes body-halo-pulse{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@keyframes body-side-pulse{0%,100%{opacity:.25}50%{opacity:.95}}
@keyframes body-anchor-pulse{0%,100%{transform:scale(.85)}50%{transform:scale(1.25)}}
.body-offer-v2 .body-art{width:100%;max-width:390px;height:510px;justify-self:center;align-self:start;margin-top:20px;transform:rotate(-3deg);border:1px solid #b5be8c50;background:radial-gradient(ellipse at 12% 8%,#8c9e6470,transparent 70%),linear-gradient(145deg,#3d5736,#112b1e);box-shadow:22px 28px 0 -10px #75804712,0 35px 70px #0005,inset 0 1px 0 #d9d5b72b;overflow:visible}
.body-offer-v2 .body-art>.contours{overflow:hidden;border-radius:22px;opacity:.27}
.body-offer-v2 .body-cover{inset:27px;padding:25px;background:linear-gradient(145deg,#2c4b31e8,#0d2519ed);border-color:#c2ba8270;box-shadow:9px 14px 28px #0003}
.body-offer-v2 .body-cover .serif{font-size:clamp(48px,4.5vw,64px)}
.body-offer-v2 .body-cover .label{color:#c3cdaf}
.body-offer-v2 .body-details{max-width:none}
.body-offer-v2 .body-details>p{font-size:16px;line-height:1.85;color:#c8d3c2}
.body-offer-v2 .body-details>p:first-child{font-size:20px;line-height:1.6;color:#eee6d4}
.body-offer-v2 .body-details>p strong{color:#e8e4d4}
.body-offer-v2 .body-ritual{list-style:none;padding:0;margin:30px 0;display:grid;gap:12px;color:#c9d5bf}
.body-offer-v2 .body-ritual li{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center;padding:19px 23px;margin:0;border:1px solid #bec9952c;border-radius:13px;background:linear-gradient(110deg,#80955216,#bdd09e04);line-height:1.65}
.body-offer-v2 .ritual-icon{width:48px;height:48px;display:block;color:#d4ba81}
.body-offer-v2 .ritual-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.body-offer-v2 .ritual-kicker{display:block;font:600 10px/1.5 AwakeSans,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c4ad78;margin-bottom:5px}
.body-offer-v2 .body-ritual strong{display:block;color:#ede7d5;font-size:16px;font-weight:500}
.body-offer-v2 .ritual-description{display:block;font-size:14px;color:#b8c9b1;margin-top:3px}
.body-offer-v2 .body-decision{margin-top:28px;padding:25px 27px 22px;border:1px solid #d2b47a63;border-radius:16px;background:radial-gradient(ellipse at 0 0,#c9ad5d1f,transparent 80%),#0b2017;box-shadow:0 18px 45px #0002}
.body-offer-v2 .price{margin:0 0 18px;gap:20px;flex-wrap:wrap}
.body-offer-v2 .price strong{color:#f2e9ce;font-size:48px}
.body-offer-v2 .price .small{color:#c5c9ad;font-size:13px}
.body-offer-v2 .body-decision .cta{width:100%;margin:0;min-height:64px;font-size:15px;box-shadow:0 4px 0 #ad6c2a30,0 8px 40px #e1ad5330,inset 0 1px 0 #fff4cbaa}
.body-offer-v2 .body-decision .placeholder{color:#aebc9f;font-size:11px;text-align:center;letter-spacing:0}
.body-offer-v2 .body-decision .body-voice{margin:0 0 24px;padding:0 0 25px;border:0;border-bottom:1px solid #c1c79b30;border-radius:0;background:none;box-shadow:none}
.body-offer-v2 .body-decision .body-voice h3{font-size:24px;color:#e5c28a;margin-bottom:15px}
.body-offer-v2 .body-decision .body-voice blockquote{font:italic 22px/1.6 AwakeSerif,Georgia,serif;color:#e9e0c9}
.body-offer-v2 .body-decision .body-voice .stars{font-size:12px;margin-bottom:14px}
.body-offer-v2 .body-decision .body-voice .voice-person{padding-top:18px}
.body-offer-v2>.body-voice{margin:10px 0 0;padding:32px 38px;background:linear-gradient(120deg,#8d94531a,#233c2510);border:0;border-top:1px solid #b8c28e38;border-radius:0;box-shadow:none}
.body-offer-v2>.body-voice h3{color:#ddc18b;font-size:23px}
.body-offer-v2>.body-voice blockquote{font-size:clamp(23px,2.25vw,30px);max-width:1000px}
@media(max-width:1100px){.body-offer-v2{gap:45px;grid-template-columns:.7fr 1.2fr}.body-offer-v2 .body-art{height:460px}.body-offer-v2 .body-cover{inset:22px;padding:22px}.body-offer-v2 .body-ritual li{padding:17px;gap:15px}.body-offer-v2 .body-heading h2{font-size:clamp(39px,4.8vw,56px)}}
@media(max-width:700px){.body-offer-v2 .body-rhythm{position:static;max-width:320px;margin:0}.body-rhythm-field{margin:-15px -15px 0}.body-rhythm-caption{margin-top:-8px}.body-rhythm-caption .serif{font-size:31px}.body-motion-toggle{margin-top:14px}.body-offer-v2 .body-decision .body-voice blockquote{font-size:21px}}
@media(prefers-reduced-motion:reduce){.body-rhythm *{animation:none!important}.body-travelling-signal,.body-motion-toggle{display:none}.body-side-halo{opacity:.5}}
@media(max-width:700px){.body-offer-v2{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:60px}.body-offer-v2 .body-heading h2{font-size:clamp(35px,8.5vw,46px);line-height:1.2}.body-offer-v2 .body-heading h2 br{display:none}.body-offer-v2 .body-art{max-width:270px;height:340px;margin:5px 0 15px;transform:rotate(-2deg)}.body-offer-v2 .body-cover{inset:19px;padding:20px}.body-offer-v2 .body-cover .serif{font-size:43px}.body-offer-v2 .body-cover .label{font-size:8px}.body-offer-v2 .body-cover .small{font-size:12px}.body-offer-v2 .cover-line{margin:14px 0}.body-offer-v2 .body-details>p{font-size:15px}.body-offer-v2 .body-details>p:first-child{font-size:19px}.body-offer-v2 .body-ritual{margin:25px 0}.body-offer-v2 .body-ritual li{grid-template-columns:35px 1fr;gap:14px;padding:18px 15px}.body-offer-v2 .ritual-icon{width:35px;height:35px}.body-offer-v2 .body-ritual strong{font-size:15px}.body-offer-v2 .ritual-description{font-size:14px}.body-offer-v2 .body-decision{padding:23px 20px}.body-offer-v2 .body-decision .cta{font-size:13px;padding:18px;gap:15px}.body-offer-v2 .price strong{font-size:43px}.body-offer-v2>.body-voice{padding:28px 0 0}.body-offer-v2>.body-voice blockquote{font-size:24px}.body-offer-v2 .body-voice .voice-person{padding-top:20px}}
