:root{--primary:#dd5330;--secondary:#141f38;--accent:#f48c48;--text:#0c1419;--background:#f8fafc}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}body.menu-open{overflow:hidden}.portal-buttons-container{gap:2rem;min-height:100vh;min-width:100vw}.portal-buttons-container,.portal-buttons-container .portal-button{display:flex;justify-content:center;align-items:center;padding:1rem;color:#f3f3f3}.portal-buttons-container .portal-button{gap:1rem;border-radius:8px;transition:all .2s ease;font-size:1.5rem;font-weight:600;text-decoration:none;cursor:pointer;border:2px solid #dd5330;width:300px}.portal-buttons-container .portal-button:first-child{background-color:#dd5330}.portal-buttons-container .portal-button:nth-child(2){color:#dd5330}.portal-buttons-container .portal-button:hover{transform:scale(1.02);cursor:pointer}@media screen and (max-width:665px){.portal-buttons-container{flex-direction:column;gap:1rem;padding:1rem}.portal-buttons-container .portal-button{width:100%;text-align:center}}header{z-index:1000;flex-direction:column}header,header .top-navbar-container{color:#f3f3f3;width:100%;display:flex}header .top-navbar-container{justify-content:center;align-items:center;background-color:#141f38;height:40px;position:relative;z-index:1002}header .top-navbar-container .top-navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;opacity:0;transform:translateY(-20px);animation:fadeInDown .6s ease-out .1s forwards}@media screen and (max-width:665px){header .top-navbar-container .top-navbar-content{justify-content:center}}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container{display:flex;justify-content:center;align-items:center;gap:1rem}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-content-item{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;opacity:0;transform:translateY(-15px);animation:fadeInDown .5s ease-out forwards}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-content-item:first-child{animation-delay:.2s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-content-item:nth-child(2){animation-delay:.3s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;opacity:0;transform:translateY(-20px)}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in{animation:fadeInDown .6s ease-out .3s forwards}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons .social-icon{font-size:1.2rem;opacity:0;transform:translateY(-10px) scale(.8)}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon{animation:fadeInScale .4s ease-out forwards}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon:first-child{animation-delay:.5s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon:nth-child(2){animation-delay:.6s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon:nth-child(3){animation-delay:.7s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon:nth-child(4){animation-delay:.8s}header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons.animate-in .social-icon:nth-child(5){animation-delay:.9s}@media screen and (max-width:665px){header .top-navbar-container .top-navbar-content .top-navbar-content-item-container .top-navbar-social-icons{display:none}}header nav{padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:75px;width:100%;max-width:100%;background-color:#f3f3f3}header nav .nav-logo{display:flex;align-items:center;z-index:1000;opacity:0;transform:translateY(-30px);transition:opacity .6s ease-out,transform .6s ease-out}header nav .nav-logo.animate-in{opacity:1;transform:translateY(0);animation:slideDownFadeIn .6s ease-out 0s forwards}header nav .nav-logo a{display:flex;align-items:center;max-height:50px;max-width:150px}header nav .nav-logo a img{max-height:65px;width:auto}header nav .nav-right-container{display:none;align-items:center;gap:2rem}header nav .nav-desktop-menu{display:flex;align-items:center;gap:2.5rem}header nav .nav-desktop-menu a{font-size:1rem;color:#141f38;text-decoration:none;font-weight:500;transition:opacity .3s ease;white-space:nowrap;position:relative;opacity:0;transform:translateY(-30px);line-height:1}header nav .nav-desktop-menu a:hover{opacity:.8!important}header nav .nav-desktop-menu a.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#dd5330}header nav .nav-desktop-menu a.animate-in[data-animation-delay="1"]{animation:slideDownFadeIn .6s ease-out .1s forwards}header nav .nav-desktop-menu a.animate-in[data-animation-delay="2"]{animation:slideDownFadeIn .6s ease-out .2s forwards}header nav .nav-desktop-menu a.animate-in[data-animation-delay="3"]{animation:slideDownFadeIn .6s ease-out .3s forwards}header nav .nav-desktop-menu a.animate-in[data-animation-delay="4"]{animation:slideDownFadeIn .6s ease-out .4s forwards}header nav .nav-menu{display:flex;align-items:center;gap:1rem;z-index:1001}header nav .nav-menu .nav-menu-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:1001}header nav .nav-menu .nav-menu-btn .hamburger-line{width:100%;height:3px;background-color:#141f38;border-radius:3px;transition:all .3s ease}header nav .nav-menu .nav-menu-btn.active .hamburger-line{background-color:#dd5330}header nav .nav-menu .nav-menu-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(8px,8px)}header nav .nav-menu .nav-menu-btn.active .hamburger-line:nth-child(2){opacity:0}header nav .nav-menu .nav-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}header nav .nav-quote-btn{opacity:0;transform:translateY(-30px)}header nav .nav-quote-btn.animate-in{animation:slideDownFadeIn .6s ease-out .5s forwards}header nav .nav-quote-btn a{font-size:1rem;color:#f3f3f3;text-decoration:none;font-weight:600;transition:opacity .3s ease;white-space:nowrap;padding:1rem;background-color:#dd5330}@media screen and (max-width:800px){header nav .nav-quote-btn{display:none}}header .nav-slide-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:rgba(0,0,0,.95);box-shadow:-2px 0 10px rgba(0,0,0,.5);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center}header .nav-slide-menu.open{transform:translateX(0)}header .nav-slide-menu .menu-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;padding:4rem 2rem;gap:0;height:100%}header .nav-slide-menu .menu-content a{color:#f3f3f3;text-decoration:none;font-size:2.5rem;font-weight:600;transition:all .3s ease;padding:1.5rem 2rem;position:relative;width:100%;text-align:center;border-radius:8px;margin:.5rem 0;display:flex;align-items:center;justify-content:center;min-height:70px}header .nav-slide-menu .menu-content a:hover{background-color:rgba(243,243,243,.1);transform:translateX(5px)}header .nav-slide-menu .menu-content a.active{background-color:rgba(221,83,48,.2)}header .nav-slide-menu .menu-content a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:#dd5330;border-radius:0 2px 2px 0}header .nav-slide-menu .menu-content a.menu-quote-button{margin-top:2rem;background-color:#dd5330;color:#f3f3f3;border-radius:8px;font-size:1.5rem;padding:1.25rem 2rem;min-height:60px}header .nav-slide-menu .menu-content a.menu-quote-button:hover{background-color:rgba(221,83,48,.9);transform:scale(1.02)}header .nav-slide-menu .menu-content a.menu-quote-button:before{display:none}@media screen and (min-width:1201px){header .nav-right-container{display:flex!important}header .nav-menu,header .nav-slide-menu{display:none!important}}@media screen and (max-width:1200px){header .nav-right-container{display:none!important}header .nav-menu{display:flex!important}header .nav-slide-menu .menu-content a{font-size:2rem}header .nav-slide-menu .menu-content a.menu-quote-button{font-size:1.25rem}}@media screen and (max-width:800px){header{width:100vw;display:flex;justify-content:center;z-index:1000}header nav{display:flex;justify-content:space-between;align-items:center;height:70px;color:#0c1419;padding:0 1rem;margin:0}header nav .nav-menu{display:flex!important}header .nav-slide-menu .menu-content{padding:2rem 1.5rem;max-width:100%}header .nav-slide-menu .menu-content a{font-size:1.75rem;padding:1.25rem 1.5rem;min-height:60px}header .nav-slide-menu .menu-content a.menu-quote-button{font-size:1.1rem;padding:1rem 1.5rem;min-height:55px}}footer{display:flex;justify-content:space-around;flex-wrap:wrap;background-color:#202020;color:#fefefe;padding:3rem}footer.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}footer.scroll-animate.animate-in{opacity:1;transform:translateY(0)}footer.scroll-animate{animation:footerFallback .1s ease-out 2s forwards}footer .contact-info .contact-item{display:flex;margin:1rem 0}footer .contact-info .contact-item:first-child{margin:0}footer .footer-column{display:flex;flex-direction:column;align-items:center;margin:0 1rem;min-width:150px}@media(max-width:690px){footer .footer-column{margin:0 1rem 2rem}}footer .footer-column h3{font-size:larger;font-weight:600;margin-bottom:.5rem;color:#f48c48}footer .footer-column ul{display:flex;flex-direction:column;align-items:center}footer .footer-column ul li{margin:.5rem 0}footer .footer-social{display:flex;flex-direction:column;align-items:center;margin:0 1rem;min-width:150px}footer .footer-social h3{font-size:larger;margin-bottom:1rem;color:#f48c48;font-weight:600}footer .footer-social .social-icons{display:flex;gap:1rem}footer .footer-social .social-icons .social-icon{font-size:1.8rem;transition:opacity .2s}footer .footer-social .social-icons .social-icon:hover{opacity:.8}@media screen and (max-width:690px){footer{flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 2rem 3rem;margin:0}footer .footer-contact{margin-top:1rem}footer .footer-contact .contact-info{gap:1rem}footer .footer-column,footer .footer-contact .contact-info,footer .footer-contact .contact-info .contact-item{text-align:center;justify-content:center;align-items:center}footer .footer-column{margin:0;border-top:1px solid rgba(243,243,243,.5);padding-top:1rem;width:100%;gap:.5rem}footer .footer-column:has(+.footer-social),footer .footer-column:last-child{border-bottom:1px solid rgba(243,243,243,.5);padding-bottom:1rem}}@keyframes footerFallback{to{opacity:1;transform:translateY(0)}}.leden-page{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;max-width:1200px;margin:0 auto;padding:3rem 2rem}.leden-team-section-header{text-align:center;margin-bottom:2.5rem;max-width:640px;margin-left:auto;margin-right:auto}.leden-section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f48c48;margin-bottom:.75rem}.leden-section-title{font-size:2.5rem;font-weight:700;color:#0c1419;margin:0 0 .75rem;line-height:1.2}.leden-section-subtitle{font-size:.95rem;color:rgba(12,20,25,.75);margin:0;line-height:1.5}.leden-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;width:100%;max-width:1200px;margin:0 auto}@media screen and (max-width:1024px){.leden-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:768px){.leden-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media screen and (max-width:610px){.leden-grid{grid-template-columns:1fr;gap:1rem}}.leden-card-link{text-decoration:none;color:inherit;display:block;height:100%;transition:transform .3s ease-in-out}.leden-card-link:hover{transform:translateY(-5px)}.leden-card{display:flex;flex-direction:column;background-color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.12);transition:transform .2s ease,box-shadow .2s ease;height:100%}.leden-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(15,23,42,.18)}.leden-card .leden-card-image{width:100%;aspect-ratio:4/5;overflow:hidden;background-color:rgba(27,27,27,.06);display:flex;align-items:center;justify-content:center}.leden-card .leden-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leden-card .leden-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(27,27,27,.06);color:#f48c48}.leden-card .leden-card-placeholder svg{font-size:4rem;opacity:.5}.leden-card .leden-card-body{padding:1.25rem;display:flex;flex-direction:column;align-items:start;gap:.35rem}.leden-card .leden-card-name{font-size:1.25rem;font-weight:700;color:#0c1419;margin:0;line-height:1.3}.leden-card .leden-card-functie{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#f48c48;margin:0}.leden-empty,.leden-error,.leden-loading{text-align:center;padding:3rem 2rem;font-size:1.25rem;color:#0c1419}.leden-error{color:#dd5330}.leden-card-skeleton{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.05);border:1px solid rgba(27,27,27,.1);height:100%;overflow:hidden}.leden-card-skeleton .leden-card-skeleton-image{width:100%;aspect-ratio:4/5;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.leden-card-skeleton .leden-card-skeleton-body{padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.leden-card-skeleton .leden-card-skeleton-name{width:70%;height:1.25rem}.leden-card-skeleton .leden-card-skeleton-functie,.leden-card-skeleton .leden-card-skeleton-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.leden-card-skeleton .leden-card-skeleton-functie{width:50%;height:.75rem}@media screen and (max-width:768px){.leden-page{padding:2rem 1rem}.leden-team-section-header{margin-bottom:2rem}.leden-section-title{font-size:2rem}.leden-section-subtitle{font-size:.9rem}.leden-card .leden-card-name{font-size:1.1rem}}@media screen and (max-width:610px){.leden-page{padding:1.5rem 1rem}.leden-section-title{font-size:1.75rem}.leden-section-subtitle{font-size:.85rem}.leden-card .leden-card-body{padding:1rem}.leden-card .leden-card-name{font-size:1rem}.leden-card .leden-card-functie{font-size:.7rem}}.sponsoringen-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 3rem}@media screen and (max-width:1024px){.sponsoringen-container{padding:0 2.5rem}}@media screen and (max-width:768px){.sponsoringen-container{padding:0 2rem}}@media screen and (max-width:610px){.sponsoringen-container{padding:0 1.5rem}}.sponsoringen-scroll-wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sponsoringen-scroll-wrapper::-webkit-scrollbar{display:none}.sponsoringen-grid{display:flex;gap:2rem;width:-moz-fit-content;width:fit-content;min-width:100%;padding:.5rem 0}@media screen and (max-width:768px){.sponsoringen-grid{gap:1.5rem}}@media screen and (max-width:610px){.sponsoringen-grid{gap:1rem}}.sponsoringen-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.sponsoringen-nav-arrow:hover{background:#f5f5f5;border-color:rgba(0,0,0,.2);box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.1)}.sponsoringen-nav-arrow:active{transform:translateY(-50%) scale(.95)}.sponsoringen-nav-arrow:disabled{opacity:.5;cursor:not-allowed}.sponsoringen-nav-arrow svg{font-size:1.25rem;color:#333}.sponsoringen-nav-arrow.sponsoringen-nav-arrow-left{left:-24px}@media screen and (max-width:1024px){.sponsoringen-nav-arrow.sponsoringen-nav-arrow-left{left:-20px;width:40px;height:40px}}@media screen and (max-width:768px){.sponsoringen-nav-arrow.sponsoringen-nav-arrow-left{left:-16px;width:36px;height:36px}.sponsoringen-nav-arrow.sponsoringen-nav-arrow-left svg{font-size:1rem}}.sponsoringen-nav-arrow.sponsoringen-nav-arrow-right{right:-24px}@media screen and (max-width:1024px){.sponsoringen-nav-arrow.sponsoringen-nav-arrow-right{right:-20px;width:40px;height:40px}}@media screen and (max-width:768px){.sponsoringen-nav-arrow.sponsoringen-nav-arrow-right{right:-16px;width:36px;height:36px}.sponsoringen-nav-arrow.sponsoringen-nav-arrow-right svg{font-size:1rem}}.sponsoringen-loading-more{display:flex;align-items:center;justify-content:center;min-width:300px;height:400px;padding:2rem}.sponsoringen-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#ff6b5a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sponsoringen-card-link{text-decoration:none;color:inherit;display:block;height:100%;transition:transform .3s ease-in-out}.sponsoringen-card-link:hover{transform:translateY(-5px)}.sponsoringen-card{display:flex;flex-direction:column;border-radius:12px;transition:all .3s ease-in-out;height:100%;overflow:hidden;position:relative;min-width:300px;width:300px;flex-shrink:0}.sponsoringen-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.sponsoringen-card .sponsoringen-card-image{width:100%;aspect-ratio:4/3;position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sponsoringen-card .sponsoringen-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-overlay{position:absolute;bottom:0;left:0;right:0;height:35%;min-height:120px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 30%,rgba(0,0,0,.3) 60%,transparent);padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-category{display:inline-block;padding:.2rem 1rem;background-color:#f48c48;color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;width:-moz-fit-content;width:fit-content;margin-bottom:0}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-name h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0;padding:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sponsoringen-card .sponsoringen-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(27,27,27,.05);color:#f48c48}.sponsoringen-card .sponsoringen-card-placeholder svg{font-size:4rem;opacity:.5}.sponsoringen-empty,.sponsoringen-error,.sponsoringen-loading{text-align:center;padding:3rem 2rem;font-size:1.25rem;color:#0c1419}.sponsoringen-error{color:#dd5330}.sponsoringen-card-skeleton{display:flex;flex-direction:column;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.05);border:1px solid rgba(27,27,27,.1);overflow:hidden;min-width:450px;width:450px;flex-shrink:0;position:relative}.sponsoringen-card-skeleton .sponsoringen-card-skeleton-image{width:100%;aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:16px}@media screen and (max-width:768px){.sponsoringen-card-skeleton{min-width:350px;width:350px}}@media screen and (max-width:610px){.sponsoringen-card-skeleton{min-width:300px;width:300px}}@media screen and (max-width:768px){.sponsoringen-card{min-width:280px;width:280px}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-overlay{padding:1.5rem 1.25rem 1.25rem}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-category{font-size:.8rem;padding:.3rem .75rem}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-name h3{font-size:1.25rem}.sponsoringen-loading-more{min-width:280px;height:350px}}@media screen and (max-width:610px){.sponsoringen-card{min-width:250px;width:250px}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-overlay{padding:1.25rem 1rem 1rem;gap:.5rem}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-category{font-size:.75rem;padding:.25rem .625rem}.sponsoringen-card .sponsoringen-card-image .sponsoringen-card-name h3{font-size:1.1rem}.sponsoringen-card .sponsoringen-card-placeholder svg{font-size:3rem}.sponsoringen-loading-more{min-width:250px;height:300px}}.projecten-page{padding:2rem 0}.projecten-page .projecten-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1b1b1b}.projecten-page .projecten-intro{font-size:1.1rem;color:#1b1b1b;margin-bottom:2rem;opacity:.8}.projecten-page .projecten-empty,.projecten-page .projecten-error,.projecten-page .projecten-loading{text-align:center;padding:3rem;color:#1b1b1b}.projecten-page .projecten-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.project-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.project-card .project-card-image{width:100%;height:200px;overflow:hidden;background:#f5f5f5}.project-card .project-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-card .project-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#999}.project-card .project-card-placeholder span{font-size:.9rem}.project-card .project-card-content{padding:1.5rem}.project-card .project-card-content .project-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#1b1b1b}.project-card .project-card-content .project-card-description{font-size:.95rem;color:#666;margin-bottom:1rem;line-height:1.6}.project-card .project-card-content .project-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#999}.project-card .project-card-content .project-card-meta .project-card-date:before{content:"📅 "}.project-detail-page{padding:2rem 0}.project-detail-page .project-detail-empty,.project-detail-page .project-detail-error,.project-detail-page .project-detail-loading{text-align:center;padding:3rem;color:#1b1b1b}.project-detail-page .project-detail-header{margin-bottom:3rem}.project-detail-page .project-detail-header .project-detail-thumbnail{width:100%;max-height:500px;overflow:hidden;border-radius:8px;margin-bottom:2rem}.project-detail-page .project-detail-header .project-detail-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-detail-page .project-detail-header .project-detail-header-content .project-detail-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1b1b1b}.project-detail-page .project-detail-header .project-detail-header-content .project-detail-description{font-size:1.2rem;color:#666;margin-bottom:1rem;line-height:1.6}.project-detail-page .project-detail-header .project-detail-header-content .project-detail-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#999}.project-detail-page .project-detail-header .project-detail-header-content .project-detail-meta .project-detail-date:before{content:"📅 "}.project-detail-page .project-detail-content .project-detail-section{margin-bottom:3rem}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text{font-size:1.1rem;line-height:1.8;color:#1b1b1b}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h1,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h2,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h3,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h4,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h5,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text h6{margin-top:2rem;margin-bottom:1rem;font-weight:600}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text p{margin-bottom:1rem}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text ol,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text ul{margin-left:2rem;margin-bottom:1rem}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text ol li,.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text ul li{margin-bottom:.5rem}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text strong{font-weight:600}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-text em{font-style:italic}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid{display:grid;gap:1rem;margin-top:1rem}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;aspect-ratio:1;background:#f5f5f5}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item .project-detail-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;pointer-events:none}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item .project-detail-image-overlay svg{transform:scale(1.5);transition:transform .3s ease}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item:hover img{transform:scale(1.05)}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-images .project-detail-image-grid .project-detail-image-item:hover .project-detail-image-overlay{opacity:1;pointer-events:auto}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined{display:grid;gap:2rem;align-items:start}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined.project-detail-section-text-image{grid-template-columns:3fr 1fr}@media screen and (max-width:768px){.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined.project-detail-section-text-image{grid-template-columns:1fr}}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined.project-detail-section-image-text{grid-template-columns:1fr 3fr}@media screen and (max-width:768px){.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined.project-detail-section-image-text{grid-template-columns:1fr}}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-text{font-size:1.1rem;line-height:1.8;color:#1b1b1b}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;aspect-ratio:1;background:#f5f5f5}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item .project-detail-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;pointer-events:none}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item .project-detail-image-overlay svg{transform:scale(1.5);transition:transform .3s ease}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item:hover img{transform:scale(1.05)}.project-detail-page .project-detail-content .project-detail-section.project-detail-section-combined .project-detail-combined-images .project-detail-image-grid .project-detail-image-item:hover .project-detail-image-overlay{opacity:1;pointer-events:auto}.project-detail-skeleton{padding:2rem 0}.project-detail-skeleton .project-detail-skeleton-header{margin-bottom:3rem}.project-detail-skeleton .project-detail-skeleton-header .project-detail-skeleton-header-content .project-detail-skeleton-title{height:3rem;width:70%;max-width:600px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:1rem}.project-detail-skeleton .project-detail-skeleton-header .project-detail-skeleton-header-content .project-detail-skeleton-description{height:1.5rem;width:85%;max-width:700px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section{margin-bottom:3rem}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section.project-detail-skeleton-text .project-detail-skeleton-line{height:1.2rem;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section.project-detail-skeleton-text .project-detail-skeleton-line:last-child{margin-bottom:0}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section.project-detail-skeleton-text .project-detail-skeleton-line--short{width:60%}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section.project-detail-skeleton-image .project-detail-skeleton-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.project-detail-skeleton .project-detail-skeleton-content .project-detail-skeleton-section.project-detail-skeleton-image .project-detail-skeleton-image-grid .project-detail-skeleton-image-item{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;overflow:hidden;position:relative}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.image-gallery-lightbox .image-gallery-lightbox-content{position:relative;max-width:90vw;max-height:90vh}.image-gallery-lightbox .image-gallery-lightbox-content .image-gallery-lightbox-close{position:absolute;top:-40px;right:0;background:rgba(0,0,0,0);border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.image-gallery-lightbox .image-gallery-lightbox-content .image-gallery-lightbox-close:hover{background:hsla(0,0%,100%,.2)}.image-gallery-lightbox .image-gallery-lightbox-content img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}@media screen and (max-width:768px){.projecten-page .projecten-title{font-size:2rem}.projecten-page .projecten-grid{grid-template-columns:1fr;gap:1.5rem}.project-card .project-card-content{padding:1rem}.project-detail-page .project-detail-header .project-detail-header-content .project-detail-title{font-size:2rem}}.contact-page{padding:3rem 1.5rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}@media screen and (max-width:768px){.contact-page{padding:2rem 1rem}}.contact-form-container{width:100%;margin:0 auto}.contact-form-container .contact-form-wrapper{max-width:700px;margin:0 auto;background-color:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}@media screen and (max-width:768px){.contact-form-container .contact-form-wrapper{padding:2rem 1.5rem;border-radius:12px}}.contact-form-container .contact-form-wrapper .contact-form-section h2{font-size:2rem;font-weight:700;color:#1b1b1b;margin-bottom:.5rem}@media screen and (max-width:768px){.contact-form-container .contact-form-wrapper .contact-form-section h2{font-size:1.75rem}}.contact-form-container .contact-form-wrapper .contact-form-section>p{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.6}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group label{font-size:.95rem;font-weight:600;color:#1b1b1b;margin-bottom:.25rem}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=email],.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=tel],.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=text],.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .2s ease;background-color:#fff;color:#1b1b1b}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=email]:focus,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=tel]:focus,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=text]:focus,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea:focus{outline:none;border-color:#dd5330;box-shadow:0 0 0 3px rgba(221,83,48,.1)}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=email]::-moz-placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=tel]::-moz-placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=text]::-moz-placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea::-moz-placeholder{color:#9ca3af}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=email]::placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=tel]::placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=text]::placeholder,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea::placeholder{color:#9ca3af}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=email]:disabled,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=tel]:disabled,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group input[type=text]:disabled,.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .submit-button{padding:1rem 2rem;background-color:#dd5330;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:0 4px 12px rgba(221,83,48,.2)}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .submit-button:hover:not(:disabled){background-color:rgb(209.1473029046,69.7157676349,34.3526970954);box-shadow:0 6px 16px rgba(221,83,48,.3);transform:translateY(-1px)}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(221,83,48,.2)}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .success-message{padding:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;font-size:.95rem;margin-top:1rem;animation:fadeInDown .3s ease-out}.contact-form-container .contact-form-wrapper .contact-form-section .contact-form .error-message{padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.95rem;margin-top:1rem;animation:fadeInDown .3s ease-out}.not-found-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.not-found-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:calc(100vh - 200px)}.not-found-content{text-align:center;max-width:700px;width:100%;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.not-found-content.animate-in{opacity:1;transform:translateY(0)}.not-found-number{margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.not-found-number h1{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#dd5330,#f48c48);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1;margin:0;text-shadow:0 4px 20px rgba(221,83,48,.2)}@media screen and (max-width:768px){.not-found-number h1{font-size:5rem}}.not-found-text{margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease-out .6s forwards}.not-found-text h2{font-size:2rem;font-weight:700;color:#141f38;margin-bottom:1rem;line-height:1.2}@media screen and (max-width:768px){.not-found-text h2{font-size:1.5rem}}.not-found-text p{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}@media screen and (max-width:768px){.not-found-text p{font-size:1rem}}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease-out .8s forwards}@media screen and (max-width:768px){.not-found-actions{flex-direction:column;align-items:stretch}}.not-found-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;cursor:pointer;border:2px solid rgba(0,0,0,0);min-width:180px}@media screen and (max-width:768px){.not-found-button{width:100%;min-width:auto}}.not-found-button.not-found-button-primary{background-color:#dd5330;color:#fff;border-color:#dd5330}.not-found-button.not-found-button-primary:hover{background-color:rgb(187.244813278,62.4149377593,30.755186722);border-color:rgb(187.244813278,62.4149377593,30.755186722);transform:translateY(-2px);box-shadow:0 4px 12px rgba(221,83,48,.3)}.not-found-button.not-found-button-secondary{background-color:rgba(0,0,0,0);color:#dd5330;border-color:#dd5330}.not-found-button.not-found-button-secondary:hover{background-color:#dd5330;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(221,83,48,.3)}.not-found-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease-out 1s forwards}.not-found-links a{color:#141f38;text-decoration:none;font-weight:500;transition:color .3s ease;font-size:.95rem}.not-found-links a:hover{color:#dd5330}.not-found-links span{color:#cbd5e1;font-weight:300}