/* OPTIMIZED MAIN CSS - Performance & Compression Ready */

/* Local Font Implementation - Optimized for Performance */

/* CRITICAL FONT ONLY - For immediate FCP */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0020-007F, U+00A0-00FF;
}

/* Additional Montserrat weights - Progressive loading */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
         url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0020-007F, U+00A0-00FF;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0020-007F, U+00A0-00FF;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
         url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0020-007F, U+00A0-00FF;
}

@font-face {
    font-family: 'Buffalo';
    src: url('../fonts/Buffalo-Regular.woff2') format('woff2'),
         url('../fonts/Buffalo-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
    unicode-range: U+0020-007F, U+00A0-00FF;
}

/* Buffalo font activation classes - prevent forced reflows */
.kj-hero-subtitle,
.kj-font-buffalo,
.kj-portfolio-subtitle,
.kj-contact-cta {
    font-family: 'Buffalo','Brush Script MT','Apple Chancery','Dancing Script',cursive;
}

/* Critical CSS - Reset and Base */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#111;background:#fff}

/* Inline Icons */
.icon-phone::before{content:'📞'}

/* Typography */
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-weight:800;line-height:1.2;margin:0.5em 0}
h2{font-size:clamp(2rem,3vw,2rem);font-weight:700;line-height:1.2}
h3{font-size:1.5rem}
p,ul,li{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.6}
strong{font-weight:600}
em{font-style:italic}

/* Layout */
.container,.kj-container{max-width:1510px;margin:0 auto;padding:0 20px}
section{padding:50px 0}

/* Header Styles */
.header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
.top-bar{background-color:#c42e1f;color:#fff;padding:5px 0;text-align:left}
.top-bar a{color:#fff;text-decoration:none;font-size:14px;font-weight:500}
.top-bar a:hover{opacity:0.9}
.header-main{display:flex;justify-content:space-between;align-items:center}
.logo img{height:65px;width:200px;object-fit:contain}

/* Navigation */
.nav-wrapper{display:flex;align-items:center;gap:30px}
.main-nav{display:flex;list-style:none;gap:30px}
.main-nav a{color:#111;text-decoration:none;font-size:15px;font-weight:500;transition:color 0.3s;padding:5px 0}
.main-nav a:hover{color:#c42e1f}
.social-links,.social-links-footer{display:flex;gap:15px;list-style:none}
.social-links a,.social-links-footer a{color:#111;font-size:16px;transition:color 0.3s;text-decoration:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:4px}
.social-links a:hover,.social-links-footer a:hover{color:#c42e1f}
.social-links svg,.social-links-footer svg{fill:currentColor;transition:fill 0.3s ease}

/* Desktop spacing optimization */
@media (min-width: 768px) {
    .social-links{gap:8px}
}
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:5px}
.hamburger{display:flex;flex-direction:column;gap:4px}
.hamburger span{display:block;width:25px;height:3px;background:#333;transition:all 0.3s}

/* Hero Section */
.kj-hero{background-color:#000;min-height:50vh;align-items:center;position:relative;padding:80px 0}
.kj-hero::after{content:'';width:60px;height:60px;background-color:#dc2626;border-radius:50%;position:absolute;bottom:-30px;left:calc(max((100vw - 1510px) / 2, 20px));z-index:10}
.kj-hero-content{text-align:left;position:relative}
.kj-hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:#fff;line-height:0.9;margin-bottom:0px}
.kj-accent-color{color:#dc2626}
.kj-hero-subtitle{font-family:'Buffalo','Brush Script MT','Apple Chancery','Dancing Script',cursive;font-size:clamp(1.5rem,4.5vw,4rem);color:#dc2626;font-weight:normal;margin-bottom:60px;letter-spacing:0.05em;font-style:italic}

/* Grid System */
.kj-grid-2col{display:flex;justify-content:space-between;gap:80px;align-items:stretch}
.kj-content-left{width:55%;padding-right:20px;display:flex;flex-direction:column}
.kj-content-right{width:45%;position:relative;display:flex;justify-content:space-between;flex-direction:column}

/* Services Section */
.kj-services,.kj-info{padding:70px 0}
.kj-info{position:relative}
.kj-info::after{content:'';width:60px;height:60px;background-color:#dc2626;border-radius:50%;position:absolute;bottom:-30px;left:calc(max((100vw - 1510px) / 2, 20px));z-index:10}
.kj-section-title{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(2rem,3vw,2rem);font-weight:700;color:#333;line-height:1.2;margin-bottom:10px}
.kj-section-subtitle{font-size:clamp(1rem,2vw,1.6rem);color:#dc2626;font-weight:400;margin-top:-5px;margin-bottom:10px}
.kj-description{font-size:17px;line-height:1.6;color:#555;margin-bottom:15px}

/* Quote Component */
.kj-quote{display:flex;align-items:flex-start;margin:0 0 20px 0;padding:20px 0}
.kj-quote-line{width:4px;background-color:#dc2626;margin-right:20px;flex-shrink:0;position:relative;height:100%;min-height:60px}
.kj-quote-line::after{content:'';width:8px;height:8px;background-color:#000;border-radius:50%;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%)}
.kj-quote-text{font-size:18px;line-height:1.4;color:#333;font-weight:600;width:70%}
.kj-quote-text p{font-size:18px;font-weight:600;margin-bottom:5px}

/* Services Circle */
.kj-services-circle{width:600px;height:600px;background-color:#dc2626;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:70px 50px 180px;color:white}
.kj-circle-title{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:31px;font-weight:700;color:#000;text-align:center;line-height:1.2;margin-bottom:15px}
.kj-circle-subtitle{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;margin-top:0;line-height:1.2;color:#fff}
.kj-services-list{list-style:none;text-align:left;font-size:16px;line-height:1.8;font-weight:800;margin-bottom:20px;padding-left:20px}
.kj-services-list li{position:relative;padding-left:20px;margin-bottom:8px;color:#fff}
.kj-services-list li::before{content:"•";color:white;position:absolute;left:0;font-size:16px}
.kj-call-circle{position:absolute;bottom:0;left:-80px;width:200px;height:200px;background-color:#000;border:6px solid white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;box-sizing:border-box;text-decoration:none}
.kj-call-text{font-size:30px;font-weight:600;margin-bottom:8px}
.kj-phone-number{font-size:18px;font-weight:700;letter-spacing:1px}

/* Buttons */
.kj-btn{display:inline-block;padding:10px 40px;border:none;border-radius:5px;font-size:16px;font-weight:600;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;text-decoration:none;text-align:center;cursor:pointer;transition:all 0.3s ease;min-width:120px}
.kj-btn-dark{background-color:#000;color:white}
.kj-btn-dark:hover{background-color:#333}
.kj-btn-red{background-color:#dc2626;color:white}
.kj-btn-red:hover{background-color:#b91c1c}
.kj-btn-outline{background-color:transparent;border:2px solid #000;color:#fff;padding:12px 30px;position:absolute;bottom:70px}
.kj-btn-outline:hover{background-color:#000;color:white}
.kj-buttons{display:flex;gap:20px;margin-top:10px;flex-wrap:wrap;justify-content:flex-start}

/* Packages Section */
.kj-bg-black{background-color:#000}
.kj-text-white{color:#fff}
.kj-text-white h2{color:#fff;margin-bottom:20px}
.kj-text-white p{color:#fff;font-size:17px;margin-bottom:15px}
.kj-text-align-center{text-align:center}
.kj-width80{width:80%;margin:0 auto}
.kj-padding-20{padding:20px}
.kj-grid3{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:80px;margin-bottom:-260px;position:relative;z-index:30}
.kj-width3{width:31%;margin:0 1%;display:flex;flex-direction:column;background:#fff}
.kj-bg-gray{background-color:#e6e6e6}
.kj-bg-red{background-color:#cc1a18;color:white}
.kj-bg-white{background-color:#fff}
.kj-pakket-header{min-height:50px;padding:20px;text-align:center}
.kj-pakket-header h2{margin:0;font-size:24px}
.kj-pakket-header p{margin:5px 0 0 0;font-size:14px}
.kj-pakket-details{min-height:600px;position:relative;flex-grow:1;display:flex;flex-direction:column;padding:20px}
.kj-pakket-details h3{margin-bottom:15px}
.kj-pakket-details strong{display:block;margin-bottom:10px;padding-left:0}
.kj-pakket-details ul{list-style:none;margin-bottom:20px}
.kj-pakket-details li{position:relative;padding-left:30px;margin-bottom:10px;font-size:16px}
.kj-pakket-details li::before{content:'✓';position:absolute;left:0;font-size:14px;top:3px;color:#dc2626}
.kj-investering{margin-top:auto;margin-bottom:80px;padding:20px 0}
.kj-investering strong{font-size:18px;margin-bottom:5px}
.kj-investering p{font-size:24px;font-weight:700;color:#dc2626}
.kj-button-red{background-color:#cc1a18;padding:12px 25px;color:white;border:1px solid white;display:block;width:fit-content;margin:0 auto;text-decoration:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-weight:600;font-size:16px}
.kj-btn-pakket{bottom:-25px}
/* Professioneel pakket uitgelicht styling */
.kj-pakket-uitgelicht {margin-top: -40px; margin-bottom: 40px;}

@media(max-width: 768px) {
    .kj-pakket-uitgelicht {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* CTA Section */
.kj-cta{background-color:#cc1a18;position:relative;padding:100px 0}
.kj-cta::after{content:'';width:60px;height:60px;background-color:#dc2626;border:1px solid white;border-radius:50%;position:absolute;bottom:-30px;left:calc(max((100vw - 1510px) / 2, 20px));z-index:10}
.kj-padding-top-red{padding-top:200px !important}
.kj-grid-flexbox{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}
.kj-grid-60{width:60%;padding-right:50px;position:relative}
.kj-grid-60::after{content:'';position:absolute;top:0;right:0;width:3px;height:95%;background-color:#333}
.kj-grid-60::before{content:'';position:absolute;bottom:0;right:-3.5px;width:10px;height:10px;background-color:#fff;border-radius:50%}
.kj-grid-40{width:40%;padding-left:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.kj-grid-40 h2{color:#fff;margin-bottom:15px}
.kj-header-uitgelicht{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:60px;font-weight:400;color:#fff}
.kj-header-uitgelicht strong{font-size:60px;font-weight:800}
.kj-font-buffalo{font-family:'Buffalo','Brush Script MT','Apple Chancery','Dancing Script',cursive;font-size:clamp(1.5rem,4.5vw,4rem);font-weight:normal;margin-bottom:60px;letter-spacing:0.05em;transform-origin:left;font-style:italic;color:#fff}
.kj-button{background-color:#cc1a18;padding:12px 25px;color:white;border:1px solid white;display:inline-block;width:fit-content;text-decoration:none;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-weight:600;font-size:16px;border-radius:10px}

/* Hosting Section */
.kj-hosting{background-color:#fff;padding:100px 0;position:relative}
.kj-hosting::after{content:'';width:60px;height:60px;background-color:#dc2626;border-radius:50%;position:absolute;bottom:-30px;left:calc(max((100vw - 1510px) / 2, 20px));z-index:10}
.kj-hosting-price{font-size:20px;font-weight:600;color:#333;margin:30px 0}
.kj-hosting-features{list-style:none;margin:30px 0;padding:0}
.kj-hosting-features li{position:relative;padding-left:25px;margin-bottom:10px;font-size:16px;color:#333}
.kj-hosting-features li::before{content:"✓";color:#dc2626;position:absolute;left:0;font-weight:bold}
.kj-contact-content{padding-left:40px;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.kj-contact-subtitle{font-size:24px;font-weight:700;color:#333;margin:40px 0 20px}
.kj-hosting .kj-content-left,.kj-hosting .kj-content-right{display:flex;flex-direction:column;justify-content:space-between}
.kj-hosting-content-main,.kj-contact-content-main{flex:1}

/* Portfolio Section */
.kj-portfolio-inspiration{background-color:#e6e6e6;padding:100px 0;position:relative;overflow:hidden}
.kj-portfolio-content{max-width:1510px;margin:0 auto;padding:0 20px;text-align:left}
.kj-portfolio-title{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:#111;line-height:1.2;margin-bottom:30px}
.kj-portfolio-title strong{font-weight:800}
.kj-portfolio-bottom{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.kj-portfolio-btn{display:inline-block;padding:15px 40px;margin-right:70px;border:2px solid #dc2626;font-size:18px;font-weight:600;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;text-decoration:none;text-align:center;color:#dc2626;background-color:transparent;cursor:pointer;transition:all 0.3s ease;min-width:160px;flex-shrink:0;border-radius:5px}
.kj-portfolio-btn:hover{background-color:#dc2626;color:white}
.kj-portfolio-subtitle{font-family:'Buffalo','Brush Script MT','Apple Chancery','Dancing Script',cursive;font-size:clamp(2.5rem,4.5vw,3rem);color:#dc2626;font-style:italic;font-weight:normal;letter-spacing:0.05em;margin:0}

/* FAQ Section */
.kj-faq{padding:80px 0}
.kj-faq h1{text-align:center;margin-bottom:10px;font-size:2rem}
.kj-faq-subtitle{font-size:18px;color:#d32f2f;margin:0 0 50px 0;font-weight:normal;line-height:1.4;text-align:center}
.faq-container{max-width:1510px;margin:50px auto;background-color:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden}
.faq-item{border-bottom:1px solid #e0e0e0}
.faq-item:last-child{border-bottom:none}
.faq-toggle{display:none}
.faq-question{position:relative;padding:25px 60px 25px 30px;background-color:white;cursor:pointer;transition:background-color 0.3s ease;font-size:18px;font-weight:600;color:#333;display:block;width:100%;text-align:left}
.faq-question:hover{background-color:#f9f9f9}
.faq-question::after{content:"⌄";position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:24px;color:#666;transition:transform 0.3s ease}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background-color:#f9f9f9}
.faq-answer-content{padding:0 30px 30px 30px;font-size:16px;line-height:1.6;color:#555}
.faq-toggle:checked+.faq-question::after{transform:translateY(-50%) rotate(180deg)}
.faq-toggle:checked~.faq-answer{max-height:300px}

/* Contact Section */
.kj-contact{background-color:#fff;padding:100px 0;position:relative}
.kj-contact::after{content:'';width:60px;height:60px;background-color:#dc2626;border-radius:50%;position:absolute;bottom:-30px;right:calc(max((100vw - 1510px) / 2, 20px) + 20px);z-index:10}
.kj-contact::before{content:'';width:calc(1510px - 150px);max-width:calc(100vw - 150px);height:2px;background-color:#000000;position:absolute;bottom:-1px;left:calc(max((100vw - 1510px) / 2, 20px));z-index:5}
.kj-contact-right{text-align:left}
.kj-contact-title{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400;color:#000000;line-height:1.3;margin-bottom:20px}
.kj-contact-website{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:800;color:#000000;line-height:1.2;margin-bottom:20px}
.kj-contact-cta{font-family:'Buffalo','Brush Script MT','Apple Chancery','Dancing Script',cursive;font-size:clamp(1.5rem,5vw,3rem);color:#dc2626;font-style:italic;font-weight:normal;letter-spacing:0.05em;margin:0}

/* Footer */
footer{background:black;color:white;padding:50px 0 0 0;margin-top:15px}
footer h3{font-size:18px;color:#fff;margin-bottom:15px}
footer p{font-size:16px;color:#fff;margin-bottom:10px}
footer a{text-decoration:none;color:white;display:block;margin-bottom:5px}
footer a:hover{color:#ccc}
.kj-content-cl4{width:25%;float:left;padding:0 20px}
.socket{display:flex;justify-content:space-between;padding:30px 20px 50px 20px;clear:both}
.copyright{font-size:14px}
.copyright a{color:#ffffff;text-decoration:none;display:inline}
.copyright a:hover{text-decoration:underline}
.menu-social-group{display:flex;align-items:center;gap:25px}
.footer-menu{display:flex;gap:25px;list-style:none}
.footer-menu a{color:#ffffff;text-decoration:none;font-size:14px;transition:color 0.3s ease;display:inline}
.footer-menu a:hover{color:#ccc}
.social-links-footer a{display:flex;align-items:center;justify-content:center;color:#ffffff;text-decoration:none;font-size:14px;transition:color 0.3s ease;min-width:44px;min-height:44px;padding:4px}

/* Responsive Design */
@media(max-width:1024px){
    .kj-container{padding:0 30px}
    .kj-grid-2col{gap:60px}
    .kj-content-left,.kj-content-right{width:50%}
    .kj-services-circle{width:450px;height:450px;padding:50px 40px 160px}
    .kj-call-circle{width:160px;height:160px;left:-70px;bottom:-10px}
    .kj-hero-title{font-size:clamp(2.5rem,7vw,6rem)}
    .kj-section-title{font-size:clamp(1.8rem,2.8vw,2.5rem)}
    .kj-header-uitgelicht,.kj-header-uitgelicht strong{font-size:48px}
    .kj-portfolio-title{font-size:clamp(2rem,4vw,3.5rem)}
    .kj-contact-title{font-size:clamp(1.3rem,2.2vw,2rem)}
    .kj-contact-website{font-size:clamp(1.5rem,2.5vw,2.5rem)}
    .container{padding:0 30px}
}

@media(max-width:990px){
    .kj-grid-2col{display:block;gap:unset}
    .kj-content-left,.kj-content-right{width:100%}
    .kj-contact-content{padding-left:0;padding-top:40px}
    .kj-grid-flexbox{display:block}
    .kj-grid-60{width:95%;padding-right:0}
    .kj-grid-40{width:100%;padding-left:0;padding-top:40px;justify-content:flex-start;gap:20px}
    .kj-hosting{padding:70px 0}
    .kj-grid3{display:block;padding:20px 0;margin-bottom:0}
    .kj-width3{width:100%;margin:0 0 30px 0}
    .kj-width3:last-child{margin-bottom:0}
    .kj-pakket-details{min-height:unset}
    .kj-padding-top-red{padding-top:100px !important}
    .kj-services-circle{width:100%;max-width:500px;height:500px;left:0;margin:45px auto}
    .kj-circle-title{font-size:25px}
    .kj-circle-subtitle{font-size:20px}
    .kj-services-list li{font-size:15px;line-height:1.3em}
    .kj-services-circle .kj-btn-outline{bottom:80px}
    .kj-call-text{font-size:21px}
    .kj-phone-number{line-height:1.3em}
    .kj-contact{padding:0 0 50px 0}
    .kj-content-cl4{width:100%;float:none;margin-bottom:30px}
    .socket{display:block;padding-top:50px}
    .menu-social-group{display:block;margin-top:20px}
}

@media(max-width:968px){
    .header-main{position:relative}
    .mobile-menu-btn{display:block;z-index:1002}
    .nav-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:white;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;gap:40px;display:none;z-index:1001;overflow-y:auto}
    .nav-wrapper.active{display:flex}
    .main-nav{flex-direction:column;gap:25px;text-align:center}
    .main-nav a{padding:10px 0;border:none;display:block;font-size:18px}
    .social-links{padding-top:20px;border-top:2px solid #eee;justify-content:center}
    .social-links a{font-size:24px;min-width:48px;min-height:48px;padding:8px}
    .social-links-footer a{padding:8px;min-width:48px;min-height:48px}
    .mobile-menu-btn.active{position:fixed;top:20px;right:20px}
    .mobile-menu-btn.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
    .mobile-menu-btn.active .hamburger span:nth-child(2){opacity:0}
    .mobile-menu-btn.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
}

@media(max-width:768px){
    .kj-hero{min-height:unset}
    .kj-content-left,.kj-content-right{width:100%}
    .kj-services-circle{width:100%;height:auto;min-height:400px;border-radius:20px;padding:40px 30px 140px;margin:40px auto 0;left:0}
    .kj-call-circle{width:160px;height:160px;left:50%;bottom:-80px;transform:translateX(-50%)}
    .kj-call-text{font-size:16px}
    .kj-phone-number{font-size:13px}
    .kj-services-circle .kj-btn-outline{bottom:70px;left:50%;transform:translateX(-50%)}
    .kj-hero::after,.kj-info::after,.kj-hosting::after,.kj-cta::after{left:20px}
    .kj-contact::after{right:20px}
    .kj-contact::before{left:20px;width:calc(100vw - 40px)}
    .kj-portfolio-bottom{flex-direction:column;gap:20px;align-items:flex-start}
    .kj-portfolio-btn{margin-right:0;margin-bottom:20px}
    .kj-cta .container{padding-top:100px}
    .faq-question{font-size:16px;line-height:1.4}
    .faq-answer-content{font-size:15px}
    .kj-contact-right{text-align:center;margin-top:40px}
    .kj-contact-cta{font-size:8vw}
    .kj-hero-subtitle{font-size:7vw}
    .footer-menu{flex-wrap:wrap;justify-content:center;gap:15px}
}

@media(max-width:480px){
    .kj-container{padding:0 15px}
    .kj-services-circle{min-height:300px;padding:25px 20px 110px;border-radius:15px}
    .kj-circle-title{font-size:18px}
    .kj-circle-subtitle{font-size:16px}
    .kj-services-list{font-size:13px;line-height:1.6}
    .kj-call-circle{width:120px;height:120px;border:3px solid white;bottom:-90px}
    .kj-call-text{font-size:12px}
    .kj-phone-number{font-size:10px}
    .kj-services-circle .kj-btn-outline{bottom:55px;padding:8px 16px;font-size:12px}
    .kj-hero::after,.kj-info::after,.kj-hosting::after,.kj-cta::after,.kj-contact::after{width:30px;height:30px;bottom:-15px}
    .kj-portfolio-btn{padding:12px 30px;font-size:16px;min-width:140px;border-radius:5px}
    .kj-portfolio-content{padding:0 15px}
    .kj-cta .container{padding-top:60px}
    .kj-header-uitgelicht,.kj-header-uitgelicht strong{font-size:24px;line-height:1.3}
    .logo img{height:45px}
    .top-bar{font-size:12px}
    .footer-menu{flex-direction:column;gap:10px}
}