body{margin:0;font-family:system-ui,sans-serif}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--dark-green);color:var(--white);z-index:1000;box-shadow:0 2px 6px #0003}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:1rem 1.5rem}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.navbar-logo-link{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:var(--white)}.navbar-logo-link:hover{color:var(--light-green);text-decoration:none}.logo-circle{width:32px;height:32px;background-color:var(--light-green);border-radius:50%}.navbar-links{display:flex;gap:2rem}.navbar-links a{text-decoration:none;color:var(--white);font-weight:500;transition:color .3s}.navbar-links a:hover{color:var(--light-green)}.navbar-toggle{background:none;border:none;color:var(--white);cursor:pointer;z-index:1100;display:none}.mobile-menu{position:fixed;top:0;right:0;width:70%;height:100vh;background-color:var(--teal);display:flex;flex-direction:column;padding:6rem 2rem;gap:2rem;transform:translate(100%);z-index:1000}.mobile-menu a{color:var(--white);text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s}.mobile-menu a:hover{color:var(--light-green)}@media(max-width:768px){.navbar-links{display:none}.navbar-toggle{display:block}}.footer{background-color:var(--dark-green);color:var(--white);padding:1rem 1.5rem;text-align:center;margin-top:auto;width:100%}.footer-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer p{margin:0;font-size:.95rem}.footer-links{display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.contact-label{font-size:.95rem;margin-right:.25rem}.email-link,.facebook-link{color:var(--white);transition:color .3s;display:inline-flex;align-items:center;gap:1.3rem;text-decoration:none;font-size:.95rem}.email-link:hover,.facebook-link:hover{color:var(--light-green)}@media(max-width:768px){.footer-container{flex-direction:column;gap:.75rem}.footer-links{flex-direction:column;align-items:center;gap:.4rem}}.carousel-outer{max-width:1000px;margin:2.5rem auto;padding:0 1rem}.carousel-container{position:relative;width:100%;aspect-ratio:16/9;max-height:600px;overflow:hidden;border-radius:10px;box-shadow:0 6px 20px #00000040;background:var(--dark-green)}.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:opacity;backface-visibility:hidden;transform:translateZ(0);pointer-events:none;opacity:1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#14482fcc;color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:background .2s ease}.carousel-arrow:hover{background:var(--light-green);color:var(--dark-green)}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-counter{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#00000073;color:#fff;padding:6px 10px;border-radius:999px;font-weight:600;font-size:.9rem;z-index:20}.carousel-progress{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#ffffff26}.carousel-progress-inner{width:0%;height:100%;background:linear-gradient(90deg,var(--light-green),var(--teal))}@media(max-width:768px){.carousel-container{aspect-ratio:4/3}.carousel-arrow{width:44px;height:44px;font-size:24px}.carousel-counter{font-size:.85rem}}:root{--dark-green: #14482f;--light-green: #5f8835;--teal: #2b7460;--white: #ffffff;--gold: #f5c842}.homepage{display:flex;flex-direction:column;align-items:center;gap:4rem;padding:2rem 1rem;margin-top:3.5rem}.welcome-section{text-align:center;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:1rem}.welcome-section .logo{width:400px;height:auto}.welcome-section h1{font-size:2rem;color:var(--dark-green);margin:0}.welcome-section p{font-size:1.1rem;color:#333;line-height:1.5}.monuta-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:1000px;padding:2rem;background:var(--teal);border-radius:12px;color:var(--white)}.monuta-section .monuta-image{width:320px;max-width:100%;border-radius:12px;box-shadow:0 6px 15px #0000004d}.monuta-section .monuta-text{max-width:500px;display:flex;flex-direction:column;gap:1rem}.monuta-section h2{margin:0;font-size:1.7rem;color:var(--light-green)}.monuta-section p{font-size:1rem;line-height:1.5}.playful-link{display:inline-block;padding:.6rem 1rem;background:var(--gold);color:var(--dark-green);font-weight:700;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s}.playful-link:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003}.carousel-section{width:100%;max-width:1000px}.monuta-section p{font-size:1rem;line-height:1.6;margin-bottom:.75rem}.monuta-section em{font-style:italic;color:#f5c842}.monuta-section strong{color:#f5c842}:root{--dark-green: #14482f;--light-green: #5f8835;--teal: #2b7460;--white: #ffffff}.over-ons-page{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;gap:3rem;background-color:var(--white)}.welcome-section{max-width:900px;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.welcome-section h1{font-size:2.5rem;color:var(--dark-green);margin-bottom:1rem}.welcome-section p{font-size:1.15rem;line-height:1.7;color:#333}.welcome-section strong{color:var(--light-green)}.kvk{margin-top:1.5rem;font-weight:700;font-size:1.1rem;color:var(--teal)}@media(max-width:768px){.welcome-section h1{font-size:2rem}.welcome-section p{font-size:1rem}}:root{--dark-green: #14482f;--light-green: #5f8835;--teal: #2b7460;--white: #ffffff;--gold: #f5c842;--light-gray: #f5f5f5;--border-gray: #e0e0e0}.events-page{padding:2rem 1rem;margin-top:3.5rem;min-height:100vh;background-color:var(--light-gray)}.events-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.upcoming-events,.past-events{background:var(--white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.upcoming-events h1,.past-events h2{color:var(--dark-green);text-align:center;margin-bottom:2rem;font-size:2rem}.past-events h2{font-size:1.7rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:1.5rem}.event-card{border:1px solid var(--border-gray);border-radius:8px;overflow:hidden;background:var(--white);transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.event-image{width:100%;height:200px;object-fit:cover}.event-content{padding:1.5rem}.event-content h3{color:var(--teal);margin:0 0 .5rem;font-size:1.3rem}.event-date{color:var(--light-green);font-weight:700;margin:.25rem 0}.event-location{color:#666;margin:.25rem 0;font-style:italic}.event-description{color:#333;line-height:1.5;margin:1rem 0}.placeholder-message{text-align:center;padding:3rem 2rem;background:var(--light-gray);border-radius:8px;border:2px dashed var(--border-gray)}.placeholder-message h3{color:var(--dark-green);margin-bottom:1rem}.placeholder-message p{color:#666;line-height:1.6;margin-bottom:.5rem}.event-media{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-gray)}.media-title{font-weight:700;color:var(--dark-green);margin-bottom:.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.media-item{width:100%;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s ease}.media-item:hover{transform:scale(1.05)}@media(max-width:768px){.events-page{padding:1rem .5rem;margin-top:3rem}.events-container{gap:2rem}.upcoming-events,.past-events{padding:1.5rem 1rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}.upcoming-events h1{font-size:1.7rem}.past-events h2{font-size:1.5rem}}.event-button{display:inline-block;padding:.75rem 1.5rem;background:var(--gold);color:var(--dark-green);text-decoration:none;border-radius:8px;font-weight:700;text-align:center;transition:all .3s ease;border:2px solid transparent;margin-top:1rem}.event-button:hover{background:transparent;color:var(--gold);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #f5c8424d}.event-content{display:flex;flex-direction:column;height:100%}.event-content .event-button{margin-top:auto;align-self:flex-start}.event-card{display:flex;flex-direction:column}.event-content{flex:1;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--white);color:var(--dark-green);line-height:1.5;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--teal);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--light-green)}