:root{--ink:#111827;--muted:#4b5563;--bg:#f8fafc;--c-pink:#EF476F;--c-blue:#1FB6FF;--c-yellow:#FFD166;--c-green:#06D6A0;--ring:0 10px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,'Helvetica Neue',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1100px,92vw);margin-inline:auto}
/* Header */
header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(10px);border-bottom:1px solid #eef2f7}
nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;position:relative}
.logo-row{display:flex;align-items:center;gap:.8rem}
.logo-badge{width:80px;height:80px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:var(--ring);border:1px solid #f1f5f9}
.logo-badge img{width:72px;height:72px;object-fit:contain;border-radius:8px}
.brand{font-weight:900;letter-spacing:.3px}
.navlinks{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.navlinks a{padding:.5rem .7rem;border-radius:10px;color:var(--muted);font-weight:800}
.navlinks a:hover{background:#f1f5f9;color:#111}
.menu-toggle{display:none;background:none;border:0;font-size:1.9rem;cursor:pointer;color:#111;padding:.2rem .4rem;border-radius:10px}
@media (max-width:880px){.navlinks{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid #eef2f7;box-shadow:0 8px 30px rgba(0,0,0,.06);padding:1rem;flex-direction:column;align-items:flex-start;gap:.6rem}.navlinks.open{display:flex}.menu-toggle{display:block}}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;border:0;padding:.85rem 1.05rem;border-radius:14px;font-weight:900;box-shadow:var(--ring)}
.btn.whatsapp{background:#25D366;color:#06381f}.btn.pink{background:var(--c-pink);color:#fff}.btn.blue{background:var(--c-blue);color:#012}.btn.yellow{background:var(--c-yellow);color:#3a2a00}.btn.ghost{background:#fff;border:2px dashed #e5e7eb;color:var(--muted)}
/* Sections */
section{padding:clamp(2.2rem,6vw,3.6rem) 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-head h2{margin:0;font-size:clamp(1.6rem,3.1vw,2.2rem);letter-spacing:-.2px}
.muted{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:min(5vw,36px)}@media (max-width:880px){.grid-2{grid-template-columns:1fr}}
/* Hero */
.hero{padding:clamp(2.2rem,6vw,4rem) 0 1.5rem;background:linear-gradient(180deg,#fff,#f7fbff)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:min(6vw,56px);align-items:center}
@media (max-width:880px){.hero-grid{grid-template-columns:1fr}}
h1{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.1;margin:0 0 .6rem;font-weight:900;letter-spacing:-.3px}
.tagline{font-size:1.125rem;color:var(--muted);margin:0 0 1rem}
.hero-photo{aspect-ratio:4/3;border-radius:18px;object-fit:cover;box-shadow:var(--ring)}
/* Features */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:880px){.features{grid-template-columns:1fr}}
.feature{background:#fff;border-radius:16px;padding:1rem;box-shadow:var(--ring);display:flex;gap:.9rem;align-items:flex-start;border:1px solid #f2f4f7}
.icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;font-weight:900;color:#042}
.i-blue{background:rgba(31,182,255,.16)}.i-green{background:rgba(6,214,160,.18)}.i-pink{background:rgba(239,71,111,.15)}.i-yellow{background:rgba(255,209,102,.25)}
/* Packages */
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:min(2.2vw,22px)}@media (max-width:1050px){.packages{grid-template-columns:1fr}}
.card{background:#fff;border-radius:20px;padding:1.2rem;box-shadow:var(--ring);border:1px solid #eef2f7;position:relative;overflow:hidden}
.price{font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:.2rem 0 0}
.card ul{margin:.6rem 0 1rem;padding-left:1.1rem}.card li{margin:.35rem 0}
.sticker{position:absolute;top:12px;right:-28px;rotate:-12deg;padding:.45rem 2.1rem;border-radius:999px;background:linear-gradient(135deg,var(--c-yellow),var(--c-pink));color:#222;font-weight:900;box-shadow:var(--ring)}
.highlight{background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #e5e7eb;border-radius:18px;padding:1.1rem;box-shadow:var(--ring)}
/* Kinderjubel styling */
#kinderjubel .wrap{background:radial-gradient(1000px 400px at -10% -10%, rgba(31,182,255,.18), transparent 60%),radial-gradient(900px 360px at 110% 20%, rgba(255,209,102,.25), transparent 60%),radial-gradient(800px 360px at 50% 120%, rgba(239,71,111,.18), transparent 60%),#fff;border:1px solid #ffe9b7;border-radius:22px;padding:1.2rem;overflow:hidden}
.theme-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}.pill{background:#fff;border:2px dashed #ffe4a6;padding:.35rem .6rem;border-radius:999px;font-weight:800;font-size:.9rem;box-shadow:var(--ring)}
.kids-photo{border-radius:22px;overflow:hidden;box-shadow:0 12px 40px rgba(31,182,255,.25)}.kids-photo img{aspect-ratio:4/3;object-fit:cover}
/* Kinderevents blocks */
.kids-hero{background:radial-gradient(800px 320px at -10% -10%, rgba(31,182,255,.18), transparent 60%),radial-gradient(900px 300px at 110% 20%, rgba(255,209,102,.3), transparent 60%),radial-gradient(800px 320px at 50% 120%, rgba(239,71,111,.18), transparent 60%),#fff;border:1px solid #ffe9b7;border-radius:22px;padding:1.2rem}
.block{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:1rem}@media (max-width:880px){.block{grid-template-columns:1fr}}
.block .art{border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--ring);border:1px dashed #ffe4a6;display:grid;place-items:center;min-height:280px}
.badge{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:#fff;border:2px dashed #ffe4a6;font-weight:900}
.list{padding-left:1rem;margin:.5rem 0}
/* Gallery */
.gallery{display:grid;gap:10px;grid-template-columns:repeat(6,1fr);grid-auto-rows:120px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.w2{grid-column:span 2}.h2{grid-row:span 2}@media (max-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.gallery{grid-template-columns:repeat(2,1fr)}}
/* FAQ */
.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:.8rem 1rem;box-shadow:var(--ring)}.faq summary{cursor:pointer;list-style:none;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq .a{color:var(--muted);margin-top:.4rem}
/* Footer */
footer{background:#101827;color:#e5e7eb;padding:2rem 0;margin-top:1rem}.foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.small{font-size:.9rem}