/* Kamini's Brunnen: animierte Esel-Szene (Startseite, zwischen Gästestimmen und FAQ). Zyklus je Esel: 14 s */
.kkd-sec{background:linear-gradient(180deg,#fff 0,#FBF6E8 100%);padding:72px 0;font-family:Roboto,Arial,sans-serif;overflow:hidden}
.kkd-grid{max-width:1200px;margin:auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}
.kkd-scene{border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(1,15,28,.18);line-height:0;aspect-ratio:1200/630;background:#bfe8fb}
.kkd-svg{width:100%;height:100%;display:block}
.kkd-copy{line-height:1.6}
.kkd-kick{display:inline-block;font:800 13px/1 Epilogue,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3566A7;background:#e8f0fb;border-radius:99px;padding:8px 14px;margin-bottom:14px}
.kkd-copy h2{text-transform:none;font:800 clamp(28px,3.6vw,42px)/1.15 Epilogue,Arial,sans-serif;color:#010F1C;margin:0 0 14px}
.kkd-copy p{margin:0 0 12px;color:#3a4350;font-size:17px}
.kkd-copy .kkd-cross{color:#5C6574;font-size:15.5px;border-left:4px solid #A8D145;padding-left:14px}
.kkd-btn{margin-top:10px;display:inline-block}
@media (max-width:900px){.kkd-grid{grid-template-columns:1fr;gap:26px}.kkd-sec{padding:48px 0}}

/* --- Animation --- */
.kkd-svg *{transform-box:view-box}
.kkd-off .kkd-svg *{animation-play-state:paused!important}
.kkd-don{--d:0s}
.kkd-a{--d:-2s}.kkd-b{--d:-9.5s}.kkd-c{--d:-5s}
.kkd-head{transform-origin:190px 95px;transform-box:view-box}
.kkd-drinks{animation:kkd-head 14s ease-in-out infinite;animation-delay:var(--d)}
.kkd-c .kkd-head{animation:kkd-graze 9s ease-in-out infinite;animation-delay:var(--d)}
.kkd-sip{transform-origin:190px 95px;animation:kkd-sip 1.5s ease-in-out infinite alternate}
.kkd-b .kkd-sip{animation-duration:1.9s}
.kkd-ear{transform-origin:236px 34px}
.kkd-e1{animation:kkd-ear 5.5s ease-in-out infinite;animation-delay:calc(var(--d) * .5)}
.kkd-e2{animation:kkd-ear2 7s ease-in-out infinite;animation-delay:calc(var(--d) * .3)}
.kkd-tail{transform-origin:44px 82px;animation:kkd-tail 2.6s ease-in-out infinite alternate}
.kkd-b .kkd-tail{animation-duration:3.2s}
.kkd-breath{transform-origin:120px 154px;animation:kkd-breath 4s ease-in-out infinite}
.kkd-heart{transform-origin:244px -14px;opacity:0;animation:kkd-heart 14s ease-in-out infinite;animation-delay:var(--d)}
.kkd-c .kkd-heart{display:none}
.kkd-cross{animation:kkd-glow 14s ease-in-out infinite;animation-delay:var(--d)}

@keyframes kkd-head{0%,7%{transform:rotate(0)}17%,70%{transform:rotate(52deg)}81%,100%{transform:rotate(0)}}
@keyframes kkd-graze{0%,10%{transform:rotate(0)}22%,50%{transform:rotate(46deg)}62%,100%{transform:rotate(0)}}
@keyframes kkd-sip{from{transform:rotate(-1.5deg)}to{transform:rotate(2.5deg)}}
@keyframes kkd-ear{0%,80%,100%{transform:rotate(0)}86%{transform:rotate(-14deg)}92%{transform:rotate(6deg)}}
@keyframes kkd-ear2{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(10deg)}72%{transform:rotate(-5deg)}}
@keyframes kkd-tail{from{transform:rotate(-7deg)}to{transform:rotate(9deg)}}
@keyframes kkd-breath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@keyframes kkd-heart{0%,80%{opacity:0;transform:translateY(8px) scale(.3)}85%{opacity:1;transform:translateY(0) scale(1.1)}92%{opacity:1;transform:translateY(-14px) scale(1)}98%,100%{opacity:0;transform:translateY(-30px) scale(.9)}}
@keyframes kkd-glow{0%,82%,100%{filter:none}88%{filter:drop-shadow(0 0 6px #ffd45a)}}

/* Wasser */
.kkd-rp{fill:none;stroke:#e6f6ff;stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center;animation:kkd-ripple 1.8s ease-out infinite}
.kkd-rp.r2{animation-delay:.9s}
.kkd-rwin{animation:kkd-win 14s linear infinite}
.kkd-wa{animation-delay:-2s}.kkd-wb{animation-delay:-9.5s}
.kkd-wa .kkd-rp{animation:kkd-ripple 1.8s ease-out infinite}
@keyframes kkd-win{0%,16%{opacity:0}20%,68%{opacity:1}74%,100%{opacity:0}}
@keyframes kkd-ripple{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(5.2)}}
.kkd-tapdrop{animation:kkd-tap 2.4s ease-in infinite}
.kkd-ripples .kkd-rp{animation-duration:2.4s;stroke:#e6f6ff}
.kkd-ripples .kkd-rp.r1{animation-delay:.52s}.kkd-ripples .kkd-rp.r2{animation-delay:1.7s}
@keyframes kkd-tap{0%{transform:translateY(-4px) scale(.6);opacity:0}10%{opacity:1;transform:translateY(0) scale(1)}55%{transform:translateY(52px);opacity:1}58%,100%{transform:translateY(54px);opacity:0}}
.kkd-glint{animation:kkd-glint 3.4s ease-in-out infinite}
@keyframes kkd-glint{0%,100%{opacity:.35}50%{opacity:.95}}
.kkd-drops circle{fill:#9bd6f5;opacity:0;animation:kkd-drip 14s ease-in infinite}
.kkd-da circle{animation-delay:-2s}.kkd-db circle{animation-delay:-9.5s}
.kkd-drops circle:nth-child(2){animation-delay:calc(var(--x,0s) + .15s)}
@keyframes kkd-drip{0%,74%{opacity:0;transform:translateY(-10px)}77%{opacity:1;transform:translateY(-4px)}83%{opacity:0;transform:translateY(16px)}100%{opacity:0}}

/* Himmel */
.kkd-cloud{animation:kkd-drift 60s linear infinite}
.kkd-cl2{animation-duration:85s;animation-delay:-30s}.kkd-cl3{animation-duration:110s;animation-delay:-70s}
@keyframes kkd-drift{from{transform:translateX(-160px)}to{transform:translateX(1360px)}}
@keyframes kkd-sunp{from{transform:scale(.96);opacity:.85}to{transform:scale(1.06);opacity:1}}
.kkd-bird{animation:kkd-fly 26s linear infinite}
.kkd-b1{transform:translate(-60px,130px)}.kkd-b2{animation-delay:-9s;animation-duration:32s}
@keyframes kkd-fly{0%{transform:translate(-60px,140px)}50%{transform:translate(600px,96px)}100%{transform:translate(1280px,150px)}}
.kkd-palm{animation:kkd-sway 7s ease-in-out infinite alternate}
.kkd-palm:nth-of-type(2){animation-duration:8.5s}
@keyframes kkd-sway{from{transform:rotate(-.7deg)}to{transform:rotate(.9deg)}}
.kkd-bulb{fill:#ffe9a8;animation:kkd-tw 2.8s ease-in-out infinite}
.kkd-lamp{fill:#fff0b8}
.kkd-tw1{animation:kkd-tw 2.4s ease-in-out infinite}.kkd-tw2{animation:kkd-tw 3.1s ease-in-out infinite -1s}.kkd-tw3{animation:kkd-tw 2.7s ease-in-out infinite -.5s}
@keyframes kkd-tw{0%,100%{opacity:1}50%{opacity:.35}}
.kkd-neon{animation:kkd-neon 5s ease-in-out infinite}
@keyframes kkd-neon{0%,92%,100%{opacity:1}94%{opacity:.7}96%{opacity:1}98%{opacity:.8}}
.kkd-sun{animation:kkd-sunp 7s ease-in-out infinite alternate;transform-origin:930px 400px}

@media (prefers-reduced-motion:reduce){.kkd-svg *{animation:none!important}.kkd-drinks{transform:rotate(52deg)}.kkd-rwin{opacity:1}}