/* =====================================================================
   Good Mom Bad Mom – Eventseite
   Basis (Fonts/Header/Footer) kommt aus style.css. Alles unter .ev gescoped.
   ===================================================================== */

.ev{max-width:1140px;margin:0 auto;padding:40px 20px 80px}
.ev *{box-sizing:border-box}

/* Hero */
.ev-hero{background:linear-gradient(135deg,var(--rose),#f5d8d1 55%,var(--rose-soft));border:1px solid var(--line);border-radius:28px;padding:clamp(44px,6vw,68px) 40px;text-align:center;box-shadow:var(--shadow)}
.ev-hero .eyebrow{display:inline-block;color:var(--red);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}
.ev-hero h1{font-size:clamp(32px,5vw,50px);line-height:1.08;margin:0;color:var(--ink);font-weight:800;letter-spacing:-.02em}
.ev-hero h1 .script{display:block;color:var(--red);font-size:clamp(40px,7vw,62px);line-height:1;margin-top:2px}
.ev-hero p{max-width:640px;margin:18px auto 0;font-size:clamp(17px,2.2vw,20px);color:#4a3a38;line-height:1.6}

/* Sektionen */
.ev .section{margin-top:58px}
.ev h2{font-size:clamp(26px,3.4vw,34px);text-align:center;color:var(--ink);font-weight:800;margin:0 0 12px}
.ev .section-intro{max-width:720px;margin:0 auto 28px;text-align:center;font-size:17px;color:#4a3a38;line-height:1.6}

/* Coming-soon Panel */
.coming-panel{background:#fff;border:2px dashed var(--line);border-radius:24px;padding:46px 30px;text-align:center;box-shadow:0 12px 30px rgba(114,54,50,.06)}
.coming-panel .ic{font-size:40px;margin-bottom:14px}
.coming-badge{display:inline-flex;align-items:center;gap:8px;background:var(--rose-soft);border:1px solid var(--line);color:var(--red);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px}
.coming-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.coming-panel p{color:var(--muted);margin:16px auto 0;max-width:520px;line-height:1.6}

/* Präsenz-Kategorien */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 20px;text-align:center;box-shadow:0 10px 26px rgba(114,54,50,.08)}
.cat-card .ic{font-size:30px;margin-bottom:12px}
.cat-card h3{font-size:18px;color:var(--ink);margin:0 0 14px;font-weight:700;line-height:1.3}
.cat-card .mini-coming{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);background:var(--rose-soft);border:1px solid var(--line);padding:5px 12px;border-radius:999px}

/* Vergangene Events */
.past-panel{background:linear-gradient(135deg,#fff,#f7ded8);border:1px solid var(--line);border-radius:24px;padding:44px 30px;text-align:center;box-shadow:0 12px 30px rgba(114,54,50,.06)}
.past-panel p{color:var(--muted);max-width:560px;margin:14px auto 0;line-height:1.6}

/* CTA */
.ev-cta{margin-top:58px;background:linear-gradient(135deg,var(--rose-soft),#fff);border:1px solid var(--line);border-radius:28px;padding:50px 34px;text-align:center;box-shadow:var(--shadow)}
.ev-cta h2{margin-bottom:8px}
.ev-cta p{color:var(--muted);max-width:520px;margin:0 auto 24px;line-height:1.6}
.ev-btn{display:inline-block;background:linear-gradient(115deg,var(--rose),var(--red));color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:15px 34px;border-radius:999px;box-shadow:0 12px 30px rgba(186,80,75,.3);transition:.2s ease}
.ev-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(186,80,75,.42)}

@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cat-grid{grid-template-columns:1fr}}