.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f8f9f8,#e9ece9);padding:1rem 2rem;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:100;color:#0b6623;width:100%;box-sizing:border-box;overflow-x:hidden}.nav-left a{text-decoration:none;color:#0b6623;font-weight:600;font-size:1rem;transition:color .3s,transform .2s}.nav-left a:hover{color:#1c8c4d;transform:scale(1.05)}.logout-btn{background:none;border:1px solid #0b6623;color:#0b6623;padding:5px 12px;border-radius:6px;cursor:pointer;transition:.3s}.logout-btn:hover{background:#0b6623;color:#fff}.bar{background-color:#0b6623}@media(max-width:768px){.nav-left ul{display:none;position:absolute;top:70px;left:0;width:100%;background:#0b6623;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #c9ffd6}.nav-left ul.open,.hamburger{display:flex}.nav-right{order:-1}.nav-left a{color:#fff}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#0b6623;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#fff,#e9f8ec)}main{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1rem;background:linear-gradient(180deg,#fff,#e9f8ec);overflow-x:hidden}h1{font-size:clamp(2rem,5vw,3rem);color:#0b6623;margin-bottom:1rem}p{max-width:650px;font-size:clamp(1rem,2.5vw,1.2rem);color:#1c8c4d;line-height:1.7;margin:0 auto 1rem}button{border-radius:8px;border:none;padding:.8em 1.6em;font-size:1rem;font-weight:600;font-family:inherit;background-color:#0b6623;color:#fff;cursor:pointer;transition:background-color .25s,transform .2s}button:hover{background-color:#1c8c4d;transform:translateY(-2px)}a{color:#0b6623;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.about{max-width:800px;margin:4rem auto;text-align:center;padding:0 1rem}.about h2{color:#0b6623;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem}.about p{color:#1c8c4d;line-height:1.7;margin-bottom:1rem}.usp-section{padding:4rem 2rem;text-align:center;background:#fff}.usp-section h2{font-size:clamp(1.5rem,4vw,2rem);color:#0b6623;margin-bottom:2rem}.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.usp-item{background:#f8f9f8;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.usp-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.usp-item .icon{font-size:2rem;margin-bottom:1rem}.cta-section{text-align:center;padding:3rem 2rem;background:linear-gradient(90deg,#0b6623,#1c8c4d);color:#fff}.cta-section h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem}.cta-section p{margin-bottom:1.5rem;font-size:clamp(1rem,3vw,1.2rem)}.contact-section{text-align:center;padding:4rem 2rem}.contact-section h1{color:#0b6623;font-size:clamp(2rem,5vw,2.5rem);margin-bottom:1rem}.contact-section p{font-size:clamp(1rem,3vw,1.2rem);color:#1c8c4d;margin-bottom:1.5rem;line-height:1.6}.contact-info{background:#f8f9f8;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:inline-block;text-align:left;padding:2rem 3rem;margin-bottom:2rem;max-width:90vw;overflow-x:hidden}.contact-info h2{margin-top:0;color:#0b6623;margin-bottom:.5rem}.contact-info a{color:#0b6623;text-decoration:none}.contact-info a:hover{text-decoration:underline}@media(max-width:600px){.navbar{padding:.8rem 1rem}.usp-section,.cta-section,.about,.contact-section{padding:2rem 1rem}.contact-info{padding:1.5rem}button{width:100%;max-width:300px}main{padding:1.5rem .5rem}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 0 auto;display:flex;flex-direction:column;width:100%}.app-main>*{flex:1 0 auto}.navbar{position:fixed;top:0;left:0;width:100%;padding:.8rem 2rem;background:linear-gradient(90deg,#f8faf8,#e9f8ec);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;z-index:1000;transition:background .3s ease}.nav-logo{cursor:pointer;display:flex;align-items:center}.logo{height:60px;border-radius:12px;background:#fff;padding:6px 10px;border:1px solid #b9eac3;box-shadow:0 3px 8px #00000014;transition:transform .25s ease,box-shadow .25s ease}.logo:hover{transform:scale(1.05);box-shadow:0 5px 12px #0000001f}.nav-links{display:flex;align-items:center;gap:1.5rem;font-family:Inter,sans-serif;transition:all .3s ease}.nav-links a{text-decoration:none;color:#06591b;font-weight:500;font-size:1rem;transition:color .2s ease,transform .2s ease}.nav-links a:hover{color:#0c8831;transform:translateY(-1px)}.nav-links a.active{color:#0a7728;font-weight:600;border-bottom:2px solid #0a7728;padding-bottom:2px}.logout-btn{border:1px solid #0a7728;background:transparent;color:#0a7728;padding:.4rem .8rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#0a7728;color:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease}.bar{height:3px;width:26px;background-color:#0a7728;margin:4px 0;border-radius:3px;transition:.3s}@media(max-width:992px){.nav-links{position:fixed;top:70px;left:0;right:0;flex-direction:column;gap:1.2rem;background:linear-gradient(180deg,#0a7728,#0b6623);padding:1.5rem 0;box-shadow:0 4px 10px #00000040;transform:translateY(-150%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-links a{color:#fff;font-size:1.1rem;transition:color .2s ease}.nav-links a:hover{color:#c9ffd6}.nav-links a.active{border:none;color:#c9ffd6;font-weight:600}.logout-btn{border:1px solid #c9ffd6;color:#fff}.logout-btn:hover{background:#c9ffd6;color:#0a7728}.hamburger{display:flex}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.logo{height:52px;padding:5px 8px}}@media(max-width:600px){.navbar{padding:.6rem 1rem}.nav-links a{font-size:1rem}.logo{height:48px;padding:4px 6px;border-radius:10px}}.navbar,.logo,.nav-links a,.logout-btn{transition:all .25s ease-in-out}.home-page{display:flex;flex-direction:column;align-items:center;gap:4rem;background:#f9fbf9;color:#052d12;padding-bottom:4rem;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.8;overflow-x:hidden}.hero{width:100%;min-height:85vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#c9f7d6;padding:3rem 1.5rem}.hero-content{max-width:700px;padding:1.5rem;animation:fadeInUp 1s ease-out;text-shadow:0 2px 6px rgba(0,0,0,.4)}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;margin-bottom:1rem;color:#0a3f19}.hero p{font-size:clamp(1rem,3vw,1.3rem);font-weight:300;margin-bottom:2rem;color:#053513}.hero-button,.cta-button{display:inline-block;background:linear-gradient(135deg,#d9ffe2,#b6f8c7);color:#04591f;padding:1rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000026}.hero-button:hover,.cta-button:hover{background:linear-gradient(135deg,#c3ffd3,#a4f5bb);transform:translateY(-3px)}.upload-container{margin-top:1rem;background:#ffffff26;padding:.8rem 1rem;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.upload-label{font-size:.9rem;color:#e3ffe9;cursor:pointer}.upload-label input{display:block;margin-top:.5rem;color:#e3ffe9}.about{max-width:1100px;width:90%;background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 8px 30px #00000014;text-align:center}.about h2{color:#046c26;font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:2rem}.about p{font-size:clamp(1rem,2.5vw,1.15rem);color:#043d16;margin-bottom:1rem}.usp-section{max-width:1100px;width:90%;text-align:center;padding:3rem 2rem;background:#fff;border-radius:18px;box-shadow:0 8px 25px #0000000f}.usp-section h2{font-size:clamp(1.8rem,4vw,2.2rem);color:#046c26;margin-bottom:2rem}.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.8rem}.usp-item{background:#f9fbf9;padding:2rem 1.5rem;border-radius:14px;border:1px solid #e0f0e5;transition:all .3s ease}.usp-item:hover{transform:translateY(-6px);background:#f4fff5;border-color:#caffd2}.usp-item h3{color:#046c26;font-size:1.3rem;margin-bottom:.8rem}.usp-item p{color:#043d16;font-size:1rem}.cta-section{text-align:center;background:linear-gradient(to right,#058a2e,#046c26);color:#fff;padding:4rem 2rem;border-radius:20px;width:90%;max-width:1100px;box-shadow:0 8px 20px #0000001a}.cta-section h2{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:1rem}.cta-section p{font-size:clamp(1rem,3vw,1.2rem);margin-bottom:2rem;color:#e9fbe7}.cta-section button{background:#fff;color:#046c26;border:none;padding:1rem 2.5rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease}.cta-section button:hover{background:#caffd2;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{min-height:70vh;padding:2rem 1rem}.hero-content{max-width:90%}.about,.usp-section,.cta-section{padding:2.5rem 1.5rem;width:95%}.usp-grid{grid-template-columns:1fr}.cta-section button{width:100%;max-width:280px}.upload-container{font-size:.9rem}}.contact-section{min-height:100vh;background:linear-gradient(120deg,#f7faf8 60%,#e8f9ee);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8rem 4rem;color:#052d12;font-family:Inter,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-out}.contact-header{text-align:center;max-width:1000px;width:100%;margin-bottom:5rem}.contact-header h1{font-size:3rem;color:#046c26;font-weight:700;margin-bottom:1.2rem}.contact-header p{font-size:1.2rem;color:#043d16;line-height:1.8}.contact-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:4rem 5rem;width:100%;max-width:1000px;text-align:center;transition:all .3s ease;border:1px solid #e8f3eb}.contact-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px #0000001a}.contact-card h2{color:#046c26;font-size:1.9rem;font-weight:600;margin-bottom:2rem;position:relative}.contact-card h2:after{content:"";display:block;width:60px;height:3px;background:#0ea844;margin:1rem auto 0;border-radius:3px}.contact-details p{font-size:1.1rem;color:#043d16;margin-bottom:1.2rem}.contact-details strong{color:#046c26}.contact-details a{color:#0ea844;text-decoration:none;font-weight:600;transition:all .3s ease}.contact-details a:hover{text-decoration:underline;color:#058a2e}.contact-form{background:#fff;margin-top:2rem;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:1rem}.contact-form h3{color:#1e7d35;margin-bottom:.5rem}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;padding:.7rem;font-size:1rem}.contact-form button{background:#1e7d35;color:#fff;border:none;padding:.7rem 1rem;border-radius:8px;cursor:pointer;transition:.2s}.contact-form button:hover{background:#145724}.status{margin-top:.5rem;color:#145724;font-weight:500}.login-reminder{margin-top:2rem;text-align:center;font-style:italic;color:#666}@media(max-width:900px){.contact-section{padding:5rem 1.5rem}.contact-header h1{font-size:2.4rem}.contact-header p{font-size:1.05rem}.contact-card{padding:3rem 2rem}.contact-card h2{font-size:1.6rem}}.about-section{background:linear-gradient(to bottom right,#e8f9ee,#f8fff9);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:3rem 2rem}.about-container{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1200px;width:100%;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;padding:3rem 4rem}.about-text{flex:1;color:#024c1a;font-size:1.1rem;line-height:1.7}.about-text h1{font-size:2.5rem;color:#046c26;margin-bottom:1rem}.about-text h2{margin-top:2rem;color:#058a2e;font-size:1.5rem}.about-text strong{color:#02581e}.about-highlights{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem}.highlight{flex:1 1 250px;background:#f4fff6;padding:1.5rem;border-radius:10px;box-shadow:0 4px 10px #00000014;transition:transform .2s ease,background .2s}.highlight:hover{transform:translateY(-5px);background:#e2ffe8}.highlight h3{color:#046c26;margin-bottom:.5rem}.about-footer{margin-top:2.5rem;font-size:1.1rem;font-style:italic;color:#046c26}.about-image{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.image-item{display:flex;flex-direction:column;align-items:center}.about-image img{max-width:100%;width:480px;height:auto;border-radius:12px;box-shadow:0 6px 16px #0000001a;object-fit:cover;margin-bottom:.5rem;cursor:zoom-in}.image-caption{font-size:.95rem;color:#3e7a48;text-align:center;font-style:italic;opacity:.85}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out;animation:fadeIn .2s ease-out}.overlay-image{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 10px 30px #0006;cursor:default;animation:zoomIn .25s ease-out}.close-overlay{position:fixed;top:25px;right:35px;font-size:2.2rem;background:none;border:none;color:#fff;cursor:pointer}.caption-input{text-align:center;border:1px solid #d4e8d6;border-radius:8px;padding:.4rem .6rem;margin-top:.4rem;color:#024c1a;width:90%}.edit-tools{margin-top:.5rem}.edit-tools input[type=file]{font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.about-container{flex-direction:column;text-align:center;padding:2rem 1.5rem}.about-text{order:1}.about-image{order:2;margin-top:2rem;gap:1.5rem}.about-image img{width:100%;max-width:420px}.image-caption{font-size:.9rem}.about-text h1{font-size:2rem}.about-text h2{font-size:1.3rem}}.referenties-section{background:linear-gradient(to bottom right,#f7faf8,#eef9f0);min-height:100vh;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;color:#043d16;font-family:Inter,Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-out}.referenties-header{text-align:center;max-width:900px;margin-bottom:4rem}.referenties-header h1{font-size:3rem;color:#046c26;margin-bottom:1.5rem}.referenties-header p{font-size:1.15rem;line-height:1.8;color:#052d12;margin-bottom:1.2rem}.referenties-bedrijven{background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:3rem 4rem;max-width:800px;width:90%;text-align:left;margin-bottom:5rem}.referenties-bedrijven h2{color:#046c26;font-size:1.6rem;margin-bottom:1.5rem;border-bottom:2px solid #e8f3eb;padding-bottom:.5rem}.referenties-bedrijven ul{list-style:none;padding:0}.referenties-bedrijven li{font-size:1.1rem;padding:.5rem 0;border-bottom:1px solid #f0f5f2;transition:all .2s ease}.referenties-bedrijven li:hover{background:#f8fff9;padding-left:.5rem}.referenties-galerij{text-align:center;max-width:1000px}.referenties-galerij h2{font-size:1.6rem;color:#046c26;margin-bottom:2rem}.galerij-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%}.galerij-grid img{width:100%;height:200px;object-fit:cover;border-radius:14px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.galerij-grid img:hover{transform:scale(1.03);box-shadow:0 10px 30px #00000026}.fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.fullscreen-img{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 30px #fff3;transition:transform .3s ease}.fullscreen-img:hover{transform:scale(1.02)}.close-btn{position:absolute;top:20px;right:25px;background:#ffffff26;color:#fff;border:none;font-size:2rem;border-radius:50%;cursor:pointer;width:45px;height:45px;transition:background .3s}.close-btn:hover{background:#ffffff4d}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;color:#fff;border:none;font-size:3rem;border-radius:50%;cursor:pointer;width:60px;height:60px;transition:background .3s}.nav-btn.left{left:40px}.nav-btn.right{right:40px}.nav-btn:hover{background:#ffffff4d}@media(max-width:768px){.fullscreen-img{max-width:95%;max-height:80%}.nav-btn{width:45px;height:45px;font-size:2rem}.nav-btn.left{left:15px}.nav-btn.right{right:15px}.close-btn{top:10px;right:15px;width:35px;height:35px;font-size:1.5rem}}.upload-block{margin-bottom:1.5rem;background:#f8fff9;padding:1rem;border:2px dashed #caffd2;border-radius:12px}.add-collab{margin-top:1.2rem;display:flex;gap:.5rem}.add-collab input{flex:1;padding:.6rem;border-radius:8px;border:1px solid #d5e8d8}.add-collab button{background:#0ea844;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600}.delete-btn-collab{background:none;border:none;color:#b80000;margin-left:.6rem;font-size:1.1rem;cursor:pointer;transition:color .2s ease}.delete-btn-collab:hover{color:red;transform:scale(1.1)}.delete-btn-image{position:absolute;top:8px;right:8px;background:#ffffffd9;border:none;border-radius:50%;width:34px;height:34px;font-size:1.1rem;color:#c00;cursor:pointer;transition:all .3s ease;z-index:10;opacity:0;pointer-events:none}.galerij-item:hover .delete-btn-image{opacity:1;pointer-events:all}.delete-btn-image:hover{background:#c00;color:#fff;transform:scale(1.1)}.galerij-item{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.galerij-item:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.referenties-section{padding:4rem 1.5rem}.referenties-header h1{font-size:2.4rem}.referenties-bedrijven{padding:2.5rem}.galerij-grid img{height:180px}}.footer{background-color:#2f2f2f;color:#e8e8e8;padding:2rem 1rem;text-align:center;width:100%;position:relative;bottom:0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:Inter,Segoe UI,Roboto,sans-serif}.footer-links{display:flex;gap:.5rem;font-size:.95rem}.footer-links a{color:#d4e7d7;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#8de2a0}.footer span{color:#999}.legal-page{min-height:80vh;padding:6rem 3rem;max-width:900px;margin:0 auto;color:#043d16;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.8}.legal-page h1{font-size:2.4rem;color:#046c26;margin-bottom:2rem;text-align:center}.legal-page p{font-size:1.1rem;background:#f9fbf9;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom right,#eaf6ee,#f8fff9);font-family:Inter,Segoe UI,Roboto,sans-serif}.auth-container{background:#fff;padding:3rem 4rem;border-radius:16px;box-shadow:0 8px 25px #00000014;width:90%;max-width:450px;text-align:center}.auth-container h1{color:#046c26;margin-bottom:2rem}.auth-container form{display:flex;flex-direction:column;gap:1.2rem}.auth-container input{padding:.8rem;font-size:1rem;border:1px solid #d6e9d8;border-radius:10px;outline:none;transition:border .3s}.auth-container input:focus{border-color:#058a2e}.auth-container button{background:linear-gradient(to right,#046c26,#058a2e);color:#fff;border:none;padding:.9rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease}.auth-container button:hover{background:linear-gradient(to right,#058a2e,#046c26);transform:translateY(-3px)}.error{color:#c92c2c;font-weight:500}.success{color:#058a2e;font-weight:500}.switch-text{margin-top:1.5rem;font-size:.95rem;color:#043d16}.switch-text span{color:#046c26;font-weight:600;cursor:pointer}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:2.5rem}.toggle-password{position:absolute;right:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.2rem;color:#046c26}.toggle-password:hover{color:#0ea844}.admin-projects{padding:5rem 2rem;background:#f9fbf9;text-align:center}.form{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 25px #00000014}.form input,.form textarea{width:100%;padding:.9rem 1rem;margin-bottom:1.2rem;border-radius:10px;border:1px solid #d6e8d8;font-size:1rem}textarea{min-height:100px;resize:vertical}.button-group{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}button{background:#046c26;color:#fff;border:none;border-radius:10px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:.3s}button:hover{background:#058a2e}.save-btn{background:#024c1a;margin-top:2rem}.message{margin-top:1.5rem;color:#046c26;font-weight:500}.project-detail{padding-top:100px;max-width:1200px;margin:0 auto;padding:1rem 2rem 4rem;font-family:Inter,sans-serif;color:#024c1a;overflow-wrap:break-word;word-break:break-word}.project-detail .hero-image{position:relative;width:100%;height:420px;border-radius:14px;overflow:hidden;background:#e8f3e8;box-shadow:0 4px 12px #00000026;display:flex;justify-content:center;align-items:center}.project-detail .hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform .6s ease}.project-detail .hero-image:hover img{transform:scale(1.05)}.project-detail .hero-image h1,.project-detail .edit-title{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:2.3rem;font-weight:600;color:#fff;background:#00000073;padding:.6rem 1.3rem;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.project-detail .edit-title{width:70%;border:none;outline:none;background:#fffc;color:#024c1a}.project-detail .image-upload-group{position:absolute;top:20px;right:20px;background:#ffffffd9;padding:.8rem 1rem;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#024c1a}.project-detail .admin-controls{display:flex;justify-content:center;gap:1rem;margin:2rem 0 1rem;flex-wrap:wrap}.project-detail .admin-controls button{background:#1e7d35;color:#fff;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:.2s ease}.project-detail .admin-controls button:hover{background:#155e26}.project-detail .save-btn{background:#0a6c1e!important}.project-detail .ontwerp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;margin-top:2rem;width:100%}.project-detail .ontwerp-block{background:#fff;border-radius:14px;box-shadow:0 6px 14px #00000014;padding:1rem;position:relative;transition:.2s ease;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.project-detail .ontwerp-block:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001a}.project-detail .ontwerp-block .detail-image{width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:.8rem;display:block}.project-detail .ontwerp-block p{font-size:1.05rem;line-height:1.6;margin:0;color:#024c1a;white-space:normal;overflow-wrap:break-word;word-break:break-word}.project-detail .ontwerp-block textarea{width:100%;min-height:110px;border:1px solid #cbd5cb;border-radius:10px;padding:.7rem;font-size:1rem;resize:vertical;color:#033f19;box-sizing:border-box;white-space:pre-wrap}.project-detail .ontwerp-block input[type=file]{display:block;margin:.4rem auto 1rem}.project-detail .block-controls{position:absolute;top:8px;right:10px;display:flex;gap:6px}.project-detail .block-controls button{background:#f3f3f3;border:none;border-radius:6px;padding:.3rem .5rem;cursor:pointer}.project-detail .block-controls button:hover{background:#ddd}.project-detail .fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease-in-out}.project-detail .fullscreen-img{max-width:90%;max-height:90%;border-radius:10px}.project-detail .close-btn{position:absolute;top:25px;right:25px;background:#fff3;border:none;color:#fff;font-size:2rem;padding:6px 10px;border-radius:50%;cursor:pointer}@media(max-width:768px){.project-detail .hero-image{height:300px}.project-detail .hero-image h1{font-size:1.7rem}.project-detail .ontwerp-grid{grid-template-columns:1fr}.project-detail .ontwerp-block .detail-image{max-height:200px}}.projects-page,.ontwerpen-page{padding:5rem 2rem;text-align:center;background:#f9fbf9;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.projects-page h1,.ontwerpen-page h1{color:#046c26;margin-bottom:3rem;font-size:clamp(2rem,5vw,2.6rem);font-weight:700}.projects-grid,.ontwerpen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.project-card,.ontwerp-card{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 6px 20px #0000001f;transition:transform .4s ease,box-shadow .4s ease;background:#fff}.project-card:hover,.ontwerp-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #00000040}.image-wrapper{position:relative;width:100%;height:100%}.main-image,.hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease,transform .6s ease}.hover-image{opacity:0;transform:scale(1.05)}.project-card:hover .hover-image{opacity:1;transform:scale(1)}.project-card:hover .main-image{opacity:0;transform:scale(1.02)}.ontwerp-card:hover .main-image{transform:scale(1.05)}.overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#0000008c,#0000001a);transition:background .3s ease}.overlay h3{color:#0a7728;background:#ffffffe6;padding:.7rem 1.4rem;border-radius:10px;margin-bottom:1.2rem;font-size:clamp(1rem,3vw,1.3rem);font-weight:600;text-transform:capitalize;transition:all .3s ease}.project-card:hover .overlay h3,.ontwerp-card:hover .overlay h3{background:#0a7728;color:#fff}.delete-btn{position:absolute;top:12px;right:12px;background:#ffffffd9;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2rem;color:#c00;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#c00;color:#fff;transform:scale(1.1)}.pagination{display:flex;justify-content:center;margin-top:3rem;gap:.6rem;flex-wrap:wrap}.pagination button{border:none;background:#e7f5ec;color:#046c26;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.pagination button:hover{background:#d3f1df}.pagination button.active{background:#046c26;color:#fff;font-weight:600}.admin-controls{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.admin-controls button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.admin-controls .save-btn{background:#2e7d32;color:#fff;border-color:#2e7d32}.reorder-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.reorder-item{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none}.reorder-item.dragging{box-shadow:0 6px 18px #0003}.reorder-item img{width:90px;height:60px;object-fit:cover;border-radius:4px}.reorder-handle{font-size:1.2rem;color:#888}.reorder-title{font-weight:600}.loading-message,.no-projects-message,.no-ontwerpen-message{text-align:center;font-size:1.2rem;color:#0a7728;margin:3rem 0;font-style:italic;animation:fadeIn .4s ease-in-out}@media(max-width:1024px){.projects-page,.ontwerpen-page{padding:4rem 1.5rem}}@media(max-width:768px){.projects-page h1,.ontwerpen-page h1{font-size:2rem;margin-bottom:2rem}.projects-grid,.ontwerpen-grid{grid-template-columns:1fr;gap:1.5rem;width:100%}.project-card,.ontwerp-card{aspect-ratio:4 / 3;border-radius:16px}.overlay h3{font-size:1.1rem;margin-bottom:1rem;padding:.6rem 1rem}.pagination{margin-top:2rem}.pagination button{padding:.5rem 1rem;font-size:.95rem}}@media(max-width:480px){.project-card,.ontwerp-card{aspect-ratio:1 / 1}.overlay h3{font-size:1rem}}.ontwerp-detail{padding-top:100px;max-width:1200px;margin:0 auto;padding:1rem 2rem 4rem;font-family:Inter,sans-serif;color:#024c1a;overflow-wrap:break-word;word-break:break-word}.ontwerp-detail .hero-image{position:relative;width:100%;height:420px;border-radius:14px;overflow:hidden;background:#e8f3e8;box-shadow:0 4px 12px #00000026;display:flex;justify-content:center;align-items:center}.ontwerp-detail .hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform .6s ease}.ontwerp-detail .hero-image:hover img{transform:scale(1.05)}.ontwerp-detail .hero-image h1,.ontwerp-detail .edit-title{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:2.3rem;font-weight:600;color:#fff;background:#00000073;padding:.6rem 1.3rem;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.ontwerp-detail .edit-title{width:70%;border:none;outline:none;background:#fffc;color:#024c1a}.ontwerp-detail .admin-controls{display:flex;justify-content:center;gap:1rem;margin:2rem 0 1rem;flex-wrap:wrap}.ontwerp-detail .admin-controls button{background:#1e7d35;color:#fff;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:.2s ease}.ontwerp-detail .admin-controls button:hover{background:#155e26}.ontwerp-detail .save-btn{background:#0a6c1e!important}.ontwerp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;margin-top:2rem;width:100%}.ontwerp-block{background:#fff;border-radius:14px;box-shadow:0 6px 14px #00000014;padding:1rem;position:relative;transition:.2s ease;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.ontwerp-block:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001a}.ontwerp-block .detail-image{width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:.8rem;display:block}.ontwerp-block p{font-size:1.05rem;line-height:1.6;margin:0;color:#024c1a;white-space:normal;overflow-wrap:break-word;word-break:break-word}.ontwerp-block textarea{width:100%;min-height:110px;border:1px solid #cbd5cb;border-radius:10px;padding:.7rem;font-size:1rem;resize:vertical;color:#033f19;box-sizing:border-box;white-space:pre-wrap}.ontwerp-block input[type=file]{display:block;margin:.4rem auto 1rem}.block-controls{position:absolute;top:8px;right:10px;display:flex;gap:6px}.block-controls button{background:#f3f3f3;border:none;border-radius:6px;padding:.3rem .5rem;cursor:pointer}.block-controls button:hover{background:#ddd}.fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease-in-out}.fullscreen-img{max-width:90%;max-height:90%;border-radius:10px}.close-btn{position:absolute;top:25px;right:25px;background:#fff3;border:none;color:#fff;font-size:2rem;padding:6px 10px;border-radius:50%;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ontwerp-detail .hero-image{height:300px}.ontwerp-detail .hero-image h1{font-size:1.7rem}.ontwerp-grid{grid-template-columns:1fr}.ontwerp-block .detail-image{max-height:200px}}