:root{--rot:#c8233f;--gelb:#f4c430;--lila:#4a2670;--dunkel:#1f1535;--creme:#fbf7ef;--grau:#6b6478;--hell:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dunkel);background:var(--creme);font-family:Fredoka,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Bungee,cursive;line-height:1.1}#confetti-canvas{pointer-events:none;z-index:9999;position:fixed;inset:0}nav.site-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1a0b2ef2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0003}nav.site-nav .brand{color:var(--creme);align-items:center;gap:.7rem;text-decoration:none;display:flex}nav.site-nav .brand img{object-fit:contain;background:var(--creme);border:2px solid var(--gelb);border-radius:50%;width:42px;height:42px;padding:3px}nav.site-nav .brand span{color:var(--gelb);font-family:Bungee,cursive;font-size:.85rem;line-height:1.15}nav.site-nav .brand small{color:var(--creme);opacity:.85;font-family:Fredoka,sans-serif;font-size:.7rem;font-weight:400}@media (max-width:600px){nav.site-nav .brand span{display:none}}nav.site-nav ul{gap:1.5rem;list-style:none;display:flex}nav.site-nav a{color:var(--creme);font-weight:500;text-decoration:none;transition:color .2s}nav.site-nav a:hover{color:var(--gelb)}.menu-toggle{color:var(--gelb);cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}.hero{text-align:center;background:linear-gradient(135deg, var(--dunkel) 0%, var(--lila) 100%);color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:7rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'><g opacity='0.25'><rect x='40' y='60' width='12' height='5' fill='%23f4c430' transform='rotate(20 46 62)'/><circle cx='100' cy='150' r='5' fill='%23c8233f'/><rect x='180' y='80' width='10' height='10' fill='%23f4c430' transform='rotate(45 185 85)'/><rect x='270' y='40' width='14' height='5' fill='%23c8233f' transform='rotate(-30 277 42)'/><circle cx='380' cy='100' r='4' fill='%23f4c430'/><rect x='430' y='180' width='12' height='5' fill='%23c8233f' transform='rotate(60 436 182)'/><circle cx='80' cy='320' r='4' fill='%23f4c430'/><rect x='140' y='400' width='12' height='5' fill='%23c8233f' transform='rotate(15 146 402)'/><rect x='250' y='350' width='10' height='10' fill='%23f4c430' transform='rotate(30 255 355)'/><circle cx='350' cy='430' r='5' fill='%23c8233f'/><rect x='420' y='380' width='14' height='5' fill='%23f4c430' transform='rotate(-45 427 382)'/><circle cx='220' cy='250' r='4' fill='%23f4c430'/><rect x='310' y='220' width='12' height='5' fill='%23c8233f' transform='rotate(70 316 222)'/><circle cx='460' cy='280' r='3' fill='%23f4c430'/><rect x='30' y='220' width='10' height='10' fill='%23c8233f' transform='rotate(25 35 225)'/></g></svg>");position:absolute;inset:0}.hero>*{z-index:2;position:relative}.hero h1{text-shadow:3px 3px 0 var(--rot);color:var(--gelb);margin-bottom:1rem;font-size:clamp(2.4rem,6vw,4.8rem)}.hero .motto{color:#fff;opacity:.95;max-width:700px;margin:1rem 0 2rem;font-family:Bungee,cursive;font-size:clamp(1rem,2.2vw,1.5rem)}.hero p.sub{max-width:600px;margin-bottom:2rem;font-size:1.1rem}.cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{background:var(--gelb);color:var(--dunkel);cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-family:Bungee,cursive;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px #c89a1f,0 10px 20px #0000004d}.btn:hover{transform:translateY(-3px);box-shadow:0 9px #c89a1f,0 14px 25px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 3px #c89a1f,0 5px 10px #0000004d}.btn.secondary{background:#fff;box-shadow:0 6px #ccc,0 10px 20px #0000004d}.btn.secondary:hover{box-shadow:0 9px #ccc,0 14px 25px #00000059}section{padding:5rem 1.5rem}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;color:var(--lila);width:100%;margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.section-title:after{content:"";background:var(--rot);border-radius:2px;width:80px;height:4px;margin:1rem auto 0;display:block}.section-intro{text-align:center;color:#555;max-width:700px;margin:0 auto 3rem;font-size:1.1rem}#veranstaltungen{background:linear-gradient(180deg, var(--creme) 0%, #fff 100%)}.events-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin-top:2rem;display:grid}.event-card{background:#fff;border:1px solid #ece7e0;border-radius:14px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 24px #1f153514}.event-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1f15351f}.event-card .flyer-wrap{background:var(--creme);justify-content:center;padding:2rem;display:flex}.event-card img{border-radius:8px;max-width:100%;height:auto;transition:transform .4s;box-shadow:0 10px 30px #00000080}.event-card:hover img{transform:scale(1.03)}.event-card .info{padding:2rem}.event-card--split{grid-template-columns:minmax(420px,580px) 1fr;align-items:stretch;max-width:1200px;margin:0 auto;display:grid}.event-card--split .flyer-wrap{padding:1.5rem}.event-card--split .flyer-wrap img{object-fit:contain;max-width:100%;max-height:760px}.event-card--split .info{flex-direction:column;justify-content:center;padding:2.2rem;display:flex}@media (max-width:900px){.event-card--split{grid-template-columns:1fr}.event-card--split .flyer-wrap img{max-height:500px}}.event-card h3{color:var(--lila);margin-bottom:1rem;font-size:1.6rem}.event-card .meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.event-card .badge{color:var(--dunkel);background:#f3eedf;border:1px solid #e3dcc8;border-radius:6px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.event-card .badge.rot{color:var(--rot);background:#fdecef;border-color:#f5c8d0}.event-card .badge.lila{color:var(--lila);background:#ede8f5;border-color:#d6cee8}.event-card p{color:#444;margin-bottom:1rem}.event-card ul{padding-left:0;list-style:none}.event-card ul li{padding:.4rem 0 .4rem 1.8rem;position:relative}.event-card ul li:before{content:"🎉";position:absolute;left:0}.vvk-contact-row{grid-template-columns:1fr 1fr;gap:1rem;max-width:700px;margin:0 auto 3rem;display:grid}@media (max-width:600px){.vvk-contact-row{grid-template-columns:1fr}}.vvk-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.vvk-card{background:#fff;border:1px solid #ece7e0;border-radius:10px;padding:1.2rem 1.4rem;transition:border-color .2s,transform .2s}.vvk-card:hover{border-color:var(--rot);transform:translateY(-2px)}.vvk-card h4{color:var(--rot);letter-spacing:.5px;margin-bottom:.6rem;font-family:Bungee,cursive;font-size:.95rem}.vvk-card ul{padding:0;list-style:none}.vvk-card ul li{color:#444;padding:.2rem 0 .2rem 1rem;font-size:.92rem;position:relative}.vvk-card ul li:before{content:"•";color:var(--gelb);font-weight:700;position:absolute;left:0}.modal-overlay{z-index:1000;background:#1f1535d9;padding:2rem 1rem;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{justify-content:center;align-items:flex-start;display:flex}.modal{background:#fff;border-radius:14px;width:100%;max-width:600px;margin:auto;padding:2.5rem;position:relative;box-shadow:0 30px 80px #0006}.modal-close{cursor:pointer;color:var(--grau);background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--rot)}.modal h3{color:var(--lila);margin-bottom:.5rem;font-size:1.6rem}.modal h4{color:var(--rot);margin:1.2rem 0 .5rem;font-family:Bungee,cursive;font-size:1rem}.modal p,.modal li{color:#333}.modal ul{padding-left:1.2rem}#ueber{background:var(--lila);color:#fff;position:relative;overflow:hidden}#ueber:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'><g opacity='0.12'><rect x='30' y='40' width='10' height='4' fill='%23f4c430' transform='rotate(20 35 42)'/><circle cx='80' cy='120' r='4' fill='%23f4c430'/><rect x='150' y='60' width='8' height='8' fill='%23f4c430' transform='rotate(45 154 64)'/><rect x='220' y='30' width='12' height='4' fill='white' transform='rotate(-30 226 32)'/><circle cx='320' cy='80' r='3' fill='white'/><circle cx='60' cy='250' r='3' fill='%23f4c430'/><rect x='110' y='320' width='10' height='4' fill='white' transform='rotate(15 115 322)'/><rect x='200' y='280' width='8' height='8' fill='%23f4c430' transform='rotate(30 204 284)'/><circle cx='280' cy='340' r='4' fill='white'/><circle cx='180' cy='200' r='3' fill='white'/></g></svg>");position:absolute;inset:0}#ueber>*{z-index:1;position:relative}#ueber .section-title{color:var(--gelb)}#ueber .section-title:after{background:var(--gelb)}.about-content{text-align:center;max-width:800px;margin:0 auto;font-size:1.15rem}.about-content p{margin-bottom:1.2rem}#vorstand{background:var(--creme)}.vorstand-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:900px){.vorstand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.vorstand-grid{grid-template-columns:1fr}}.vorstand-card{text-align:center;background:#fff;border:1px solid #ece7e0;border-radius:14px;padding:1.8rem 1rem 1.4rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.vorstand-card:before{content:"";background:linear-gradient(135deg, var(--lila) 0%, var(--rot) 100%);height:70px;position:absolute;top:0;left:0;right:0}.vorstand-card:hover{border-color:var(--gelb);transform:translateY(-4px);box-shadow:0 14px 32px #1f15351f}.avatar{z-index:1;background:linear-gradient(135deg, var(--gelb), #f8a01b);width:90px;height:90px;color:var(--dunkel);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-family:Bungee,cursive;font-size:1.8rem;display:flex;position:relative;box-shadow:0 6px 20px #1f153533}.vorstand-card h4{color:var(--dunkel);margin-bottom:.3rem;font-family:Bungee,cursive;font-size:1rem}.vorstand-card .rolle{color:var(--rot);letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;font-weight:600}.vorstand-card .photo-coming{color:var(--grau);background:#f3eedf;border-radius:20px;margin-top:.8rem;padding:.2rem .7rem;font-size:.7rem;font-weight:500;display:inline-block}#kontakt{background:var(--creme)}.contact-grid{grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:2rem;display:grid}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.contact-card{border-left:6px solid var(--rot);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 5px 20px #00000014}.contact-card.gelb{border-left-color:var(--gelb)}.contact-card.lila{border-left-color:var(--lila)}.contact-card .icon{font-size:2rem}.contact-card a{color:var(--lila);font-weight:600;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-card strong{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;display:block}form.contact-form{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a}form.contact-form label{color:var(--lila);margin-bottom:.4rem;font-weight:600;display:block}form.contact-form input,form.contact-form textarea,form.contact-form select{background:#fafafa;border:2px solid #eee;border-radius:10px;width:100%;margin-bottom:1.2rem;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}form.contact-form input:focus,form.contact-form textarea:focus,form.contact-form select:focus{border-color:var(--rot);background:#fff;outline:none;box-shadow:0 0 0 4px #d6224c26}form.contact-form textarea{resize:vertical;min-height:130px}.form-msg{color:#155724;background:#d4edda;border:2px solid #c3e6cb;border-radius:10px;margin-bottom:1rem;padding:1rem;display:none}.form-msg.show{display:block}.form-msg.error{color:#721c24;background:#f8d7da;border-color:#f5c6cb}.honeypot{position:absolute;left:-9999px}footer.site-footer{background:var(--dunkel);color:var(--creme);text-align:center;padding:2.5rem 1.5rem}footer.site-footer .helau{color:var(--gelb);margin-bottom:1rem;font-family:Bungee,cursive;font-size:2rem}footer.site-footer p{opacity:.7;font-size:.9rem}footer.site-footer a{color:var(--gelb)}.legal-page{max-width:800px;margin:0 auto;padding:7rem 1.5rem 4rem;line-height:1.7}.legal-page .back{color:var(--lila);margin-bottom:2rem;font-weight:600;text-decoration:none;display:inline-block}.legal-page .back:hover{text-decoration:underline}.legal-page h1{color:var(--lila);margin-bottom:1.5rem;font-size:2rem}.legal-page h2{color:var(--rot);margin:2rem 0 .6rem;font-size:1.1rem}.legal-page p{color:#333;margin-bottom:1rem}.legal-page a{color:var(--lila)}@media (max-width:768px){nav.site-nav{padding:.8rem 1rem}nav.site-nav ul{background:#1a0b2efa;flex-direction:column;gap:0;padding:1rem;transition:transform .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-150%)}nav.site-nav ul.open{transform:translateY(0)}nav.site-nav ul li{text-align:center;padding:.7rem 0}.menu-toggle{display:block}.contact-grid{grid-template-columns:1fr}section{padding:3.5rem 1rem}}