:root{--primary-green: #2E8B57;--light-green: #A8D5BA;--primary-blue: #1E90FF;--light-blue: #B0E0E6;--dark-blue: #003366;--dark-green: #1B4D3E;--white: #FFFFFF;--light-gray: #F8F9FA;--medium-gray: #E9ECEF;--dark-gray: #495057;--text-dark: #212529;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes expandWidth{0%{width:0}to{width:100px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseOnce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(20px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-in-delayed{animation:fadeIn .8s ease-out .3s forwards;opacity:0}.animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards;opacity:0}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards;opacity:0}.animate-pop{animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-expand{animation:expandWidth .8s ease-out .3s forwards;width:0}.animate-bounce{animation:bounce 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-once{animation:pulseOnce 1s ease-out}.slide-in{animation:slideIn .5s ease-out forwards}.slide-out{animation:slideOut .5s ease-out forwards}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white);overflow-x:hidden}body *{hyphens:none!important;-webkit-hyphens:none!important;-ms-hyphens:none!important}.title-line{font-size:3.5rem!important}.section-title{font-size:2.5rem!important}.title-sub{font-size:1.25rem!important}.logo-container{display:flex;align-items:center;gap:1rem}.logo-circle{width:60px;height:60px;background:linear-gradient(135deg,#1e90ff,#2e8b57);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.logo-mp{font-size:1.5rem;font-weight:800;color:#fff;z-index:2}.logo-water-drop{position:absolute;top:10px;right:10px;width:20px;height:20px}.logo-water-drop .drop{width:12px;height:12px;background:#ffffff4d;border-radius:50%;position:absolute;animation:dropFall 3s infinite}.logo-water-drop .wave{width:20px;height:8px;background:#fff3;border-radius:50%;position:absolute;top:15px;animation:waveRipple 3s infinite}@keyframes dropFall{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes waveRipple{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.3}}html,body{height:100%;background-color:var(--donkerroos);border-radius:0 0 150px!important;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;color:var(--bordeaux)!important;line-height:1.6;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important;-webkit-hyphens:none!important;hyphens:none!important}app-root{display:flex;flex-direction:column;min-height:100vh;width:100%}.maain-container{max-width:1200px}.maain-container{max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){body{transform:none!important;overflow-x:hidden}app-root{transform:none!important}footer{position:relative!important;transform:none!important}}.gradient-underline,.product-section h2,.pmu-header h3,.pricelist-header h3,.about-text h2,.section-header h3,.footer-column h4,.page-title h2,.voorwaarden-wrapper h2,.cookie-wrapper h2,.privacy-wrapper h2{background:linear-gradient(90deg,var(--bordeaux),var(--lichtroos));background-size:100% 3px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .5s ease;padding-bottom:4px}.gradient-underline:hover{background-size:100% 4px}h1{font-size:1.5rem;line-height:1.2;margin-bottom:.5em}h2{font-size:1.4rem;line-height:1.3;margin:1.5em 0 .5em}h3{font-size:1.3rem;line-height:1.4;margin:1em 0 .5em;color:var(--bordeaux)!important}h4{color:var(--bordeaux)!important}a{text-decoration:none;color:var(--bordeaux)!important}i{font-weight:bolder}app-homepage{border-radius:0 0 150px!important}app-default-logo{position:fixed;top:0;z-index:999!important;background:linear-gradient(to right,color-mix(in srgb,var(--lichtroos) 10%,var(--wit)) 0%,var(--bordeaux) 100%)!important;margin-left:-.5rem;border-radius:0 0 50px}app-authentication{box-sizing:border-box;width:fit-content;padding:0 0 0 100px;max-height:90px}app-notification-container{z-index:1001}[class*="thumbnail md"],.nav-child{background-color:var(--lichtroos)!important;color:var(--bordeaux)!important}header{position:relative;height:100px;display:flex;flex-wrap:wrap}.logo,.logobanner{background:url(/assets/ico120.png);background-image:url(/assets/ico120.png);background-repeat:no-repeat;background-position:left;background-size:contain;display:block;min-height:1.8rem;width:auto;z-index:100;margin-left:100px;padding:0}.logo h1,.logobanner h2{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;background:var(--bordeaux);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:4rem;padding:0;margin-top:-.8rem;margin-bottom:-.8rem;line-height:1.2;text-shadow:1px 1px 2px rgba(75,55,26,.4)}.logo h3{margin-left:5rem;font-size:1.5rem}nav{display:flex;justify-content:right;align-items:center;flex-direction:row;transition:all .3s ease-in-out;position:sticky;top:95px;max-width:100%;z-index:10}.thumbnail-grid{margin-top:90px!important;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;max-width:100%;justify-content:center;overflow-x:visible;align-items:stretch}.thumbnail-grid>*,.thumbnail full>*,.thumbnail{white-space:normal;-webkit-hyphens:auto;hyphens:auto;flex-shrink:1;flex-grow:0;min-width:0;box-sizing:border-box}.thumbnail{border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a}.xl{flex:2 1 calc(50% - 15px);min-width:300px}.lg{flex:1 1 calc(25% - 15px);min-width:250px}.md{flex:1 1 calc(33.333% - 15px);min-width:200px}.sm{flex:1 1 calc(25% - 15px);min-width:150px}.full{flex:1 1 100%}[class*=nested-thumbnails]{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;width:100%}[class*=nested-thumbnails]>.thumbnail{box-sizing:border-box;padding:15px}.nested-thumbnails1>.thumbnail{flex:1 1 calc(100% - 15px);min-width:300px}.nested-thumbnails2>.thumbnail{flex:1 1 calc(50% - 15px);min-width:250px}.nested-thumbnails3>.thumbnail{flex:1 1 calc(33.333% - 15px);min-width:200px}.nested-thumbnails4>.thumbnail{flex:1 1 calc(25% - 15px);min-width:150px}.nested-thumbnails5>.thumbnail{flex:1 1 calc(20% - 15px);min-width:120px}.nested-10>.thumbnail{flex:1 1 calc(10% - 15px);min-width:50px}.nested-thumbnails75>.thumbnail:first-child{flex:3 1 calc(75% - 15px);min-width:300px}.nested-thumbnails-25>.thumbnail:last-child{flex:1 1 calc(25% - 15px);min-width:150px}@media (min-width: 1650px){.homepage{font-size:1.1rem}.homepage h1{font-size:2rem}.homepage h2{font-size:1.7rem}.homepage h3{font-size:1.5rem}}@media (max-width: 1200px){.xl{flex:1 1 100%}.lg{flex:1 1 calc(50% - 15px)}.nested-thumbnails5>.thumbnail{flex-basis:calc(25% - 15px)}.nested-thumbnails-75-25>.thumbnail{flex-basis:calc(50% - 15px)!important}}@media (max-width: 992px){.title-line{font-size:3rem!important}.section-title{font-size:2.2rem!important}.header{flex-direction:column}.md{flex:1 1 calc(50% - 15px)}.logo h1{margin-left:4rem;font-size:1.8rem}html,body{font-size:15px}.nested-thumbnails4>.thumbnail,.nested-thumbnails5>.thumbnail{flex-basis:calc(33.333% - 15px)}.logo{transform:scale(.95)!important;margin-left:-.2rem}}@media (max-width: 768px){.title-line{font-size:2.5rem!important}.section-title{font-size:2rem!important}.lg,.md,.sm{flex:1 1 100%}html,body{font-size:14px}header{height:90px;background-size:70px 70px}app-authentication{padding-left:60px;max-height:60px}.home-link{width:60px;height:60px}.nested-thumbnails3>.thumbnail,.nested-thumbnails4>.thumbnail,.nested-thumbnails5>.thumbnail{flex-basis:calc(50% - 15px)}.logo{transform:scale(.85)!important;margin-left:-1rem!important}}@media (max-width: 576px){.title-line{font-size:2.2rem!important}.section-title{font-size:2rem!important}[class*=nested-thumbnails]>.thumbnail{flex-basis:100%!important}.logo{transform:scale(.8)!important;margin-left:-1rem!important}app-authentication{padding-left:50px;max-height:50px}}body *,.hero-section,.waarom-section,.aanpak-section,.voordelen-section,.resultaat-section,.contact-section,.hero-description,.stat-item,.cta-button,.section-title,.section-subtitle,.risk-card,.process-step,.comparison-item{opacity:1!important}
