.wrapper-container{max-width:none!important;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#f6faf5;border-radius:5% 5% 0 0}.keuzehulp{color:#333;line-height:1.5;min-height:380px}.stap-3{margin-top:2rem}.stap-0,.stap-1,.stap-2,.stap-3,.stap-4,.stap{padding:2rem 0 5rem .5rem}.resultaat{margin:0 auto;max-width:1200px}.keuzehulp .advies-header h3{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.keuzehulp .advies-header p{font-size:1rem;color:#555;margin-bottom:2rem}.error-message{color:#d93025;font-size:14px;margin-top:6px;display:none}.field-error{border:2px solid #d93025!important;background:#fff5f5}.btn-start{background-color:#016630;color:#fff;border:none;margin-top:20px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.2s ease-in-out;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.btn-start:hover{background-color:#00451c;box-shadow:0 6px 10px rgb(0 0 0 / .15);transform:translateY(-2px)}.error-handle{display:none;max-width:420px;margin:5px 0 15px 0;padding:12px 16px;border-radius:6px;font-size:14px}.error-handle.success{background:#e6f7ed;color:#1e7e34}.error-handle.error{background:#fdecea;color:#c62828}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch}.calling-cards{margin-top:2.5rem}.card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:15px;border:1px solid #CCCCCD;overflow:visible;text-decoration:none!important}figure.keuzeHulp{position:relative}.card-content{display:flex;flex-direction:column;padding:20px;flex:1}.card-content h4{margin:0 0 .5rem;font-size:1.2rem}.card-content h5,.card-content p{margin:.75rem 0 2rem;font-size:16px;color:#333}.card-content .btn{margin-top:auto;display:inline-block;font-size:.9rem;font-weight:600;padding:12px;background-color:#4aa147;color:#fff;border-radius:10px;text-align:center;text-decoration:none;transition:background 0.2s;width:50%}.card-image{background-size:cover;background-position:center;border-radius:15px 15px 0 0;min-height:250px;overflow:hidden}.card-content .btn:hover{background-color:#036630}.advies-extra-info{font-size:14px;text-align:center}.keuzehulp .aanvullend{margin-top:2.5rem}.keuzehulp .aanvullend h4{font-size:1.1rem;margin-bottom:.5rem}.keuzehulp .aanvullend ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;list-style:none;padding:1rem 0rem;margin:1rem 0 0 0;border-radius:12px}.keuzehulp .aanvullend ul li{margin-bottom:.5rem}.keuzehulp .aanvullend ul li a{display:inline-block;text-decoration:none;box-shadow:0 8px 20px rgb(0 0 0 / .08);padding:.75rem;border-radius:10px;background:#fff;color:#4aa147;font-weight:400;transition:color 0.3s ease;width:100%}.keuzehulp .aanvullend ul li a:hover{color:#036630}.card-content{border-radius:0 0 15px 15px;flex-shrink:0}.omschrijving{line-height:1.6}.keuzehulp .advies-blok{position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease}.keuzehulp .advies-blok::before{content:"";position:absolute;top:0;left:0;height:6px;width:100%;border-top-left-radius:15px;border-top-right-radius:15px}.keuzehulp .advies-blok::after{content:"Aanbevolen";position:absolute;top:0;right:0;background:#4aa147;color:#fff;font-size:.69rem;font-weight:700;padding:.15rem .25rem;border-radius:0 15px 0 5px}.aanbevolen-item-wrapper{border:1px solid #CCCCCD;padding:1.5rem;border-radius:0 0 15px 15px}.titel-met-info{display:flex;align-items:center;gap:10px}.info-wrapper{position:relative;display:inline-block;top:-2px}.info-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#4aa147;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.info-popup{position:absolute;top:24px;left:0;width:260px;background:#fff;border-radius:8px;padding:12px;font-size:14px;box-shadow:0 6px 18px rgb(0 0 0 / .15);display:none;z-index:10}.info-popup.open{display:block}.info-wrapper:hover .info-popup{display:block}.keuzehulp .advies.highlight p{font-size:.95rem;color:#444;line-height:1.5}.keuzehulp-progress{margin-bottom:2rem}.progress-bar{position:relative;background:#eee;height:6px;overflow:visible}.progress-fill{display:block;height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,#086c32,#439b45);transition:width 0.4s ease}.progress-runner{position:absolute;transform:translateX(-50%);transition:left 0.4s ease;color:linear-gradient(90deg,#086c32,#439b45);width:25px}.progress-runner.finished{transition:left 0.2s ease}.progress-runner img{width:28px;height:auto;transition:left 0.4s cubic-bezier(.68,-.55,.27,1.55);animation:runbounce 0.6s infinite alternate}@keyframes runbounce{from{transform:translateY(0)}to{transform:translateY(-3px)}}.progress-steps{position:relative;height:20px;margin-top:1rem;font-size:.85rem;color:#999;cursor:pointer}.progress-steps .step{position:absolute;transform:translateX(-50%);font-size:.85rem;color:#999;cursor:pointer}.progress-steps .step.active{color:#4aa147;font-weight:600}.progress-steps .step:nth-child(1){left:0%}.progress-steps .step:nth-child(2){left:33%}.progress-steps .step:nth-child(3){left:66%}.progress-steps .step:nth-child(4){left:100%}.stap{display:none}.stap-0,.stap-1,.stap-2{margin-top:3rem}.stap.active{display:block}.stap-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.stap-layout.single{grid-template-columns:1fr}.stap-layout.first{display:flex;align-items:center;justify-content:space-between;gap:60px}.stap-right-first{flex:1;display:flex;justify-content:center}.start-image{max-width:100%;height:auto;border-radius:15px;box-shadow:rgb(50 50 93 / .25) 0 6px 12px -2px,rgb(0 0 0 / .3) 0 3px 7px -3px}.stap-left{flex:1}.stap-left h3,.stap-left h1{margin-bottom:1rem}.stap-left p,.stap-left h4,.advies-header h4{color:#555;max-width:480px}.stap-right input{width:100%;font-size:1.1rem;padding:1rem 1.25rem;border-radius:10px;border:1px solid #ccc}input[type]:focus{outline:2px solid #4aa147;box-shadow:0 1px 1px rgb(24 79 15 / .07) inset,0 0 8px rgb(14 50 19 / .6)}#beroep_suggesties .suggestie{padding:8px 20px;box-sizing:border-box}#beroep_suggesties .suggestie:nth-child(even){background-color:#fbfbfb}#beroep_suggesties .suggestie:nth-child(odd){background-color:#fff}#beroep_suggesties .suggestie:hover{background-color:#e0e0e0;cursor:pointer}.suggestie{line-height:2rem}.suggestie:first-child{margin-top:5px}.stap-right.buttons{display:flex;gap:1rem;width:100%}.stap-right.buttons button{flex:1;font-size:1.1rem;padding:1rem;border-radius:10px;border:none;cursor:pointer;background:#4aa147;color:#fff}.stap-right.buttons button:hover{background:#036630}.stap-left h4.wp-block-heading{margin-bottom:0}h4.wp-block-heading{font-size:1.125rem;line-height:1.6}.stap-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;align-items:start}.stap-nav.split{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.stap-nav.split .btn-prev,.stap-nav.split .btn-save{background:#d9166E;color:#fff;padding:.8rem 1.2rem!important;border-radius:8px;border:none;font-size:.9rem;font-weight:600;transition:background 0.2s;cursor:pointer}.stap-nav.split .btn-save:hover{background:#BC115E}.save-form{max-width:420px;margin-top:1.5rem;display:flex;gap:1rem}.save-form input{flex:1;padding:.8rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.btn-save-confirm{background:#D9166E;color:#fff;border:none;border-radius:8px;padding:0 .8rem;font-weight:600;cursor:pointer}.btn-save-confirm:hover{background:#BC115E}.stap-nav button{padding:.6rem 1.2rem;font-size:.95rem;border-radius:8px;border:none;cursor:pointer}.btn-prev{background:#eee;color:#333}.btn-prev:hover{background:#ddd}.resultaat-header-text{margin:0 0 10px 0}.aanbevolen-items-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;align-items:stretch}.cards-container .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.aanbevolen-item{display:flex;flex-direction:column;gap:.5rem}.aanbevolen-title{font-weight:700;font-size:1.1rem;color:#333;margin:10px 0}.aanbevolen-onder{font-size:.9rem;color:#555;padding:.5rem 1rem;background:#f9f9f9;border-radius:8px;text-align:center}.advies-blokken{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:2rem}.advies-blok{display:flex;flex-direction:column}.advies-extra-info{font-size:14px;text-align:center;margin-top:1.5rem;grid-column:1 / -1}.small-lower-text{font-size:12px;font-style:italic}@media (max-width:1150px){.wrapper-container{border-radius:0 0 0 0}.stap-0,.stap-1,.stap-2,.stap-3,.stap-4,.stap{padding:2rem .5rem 5rem .5rem}.info-popup{top:24px;left:-250px;width:260px}.aanbevolen-items-container{grid-template-columns:1fr}.keuzehulp .advies-blok{width:98%}.advies-blokken{grid-template-columns:1fr}.resultaat-header-text{font-size:1.8rem}.stap-layout:not(.single){display:flex;flex-direction:column;gap:1.5rem}.stap-layout.first{flex-direction:column;align-items:flex-start;gap:1.5rem}.stap-left.first{display:contents}.start-text{order:1}.stap-right-first{order:2;width:100%}.stap-left.first h4{order:3}.btn-start{order:4}.stap-nav.split .btn-prev,.stap-nav.split .btn-save{padding:.8rem 0.8rem!important;font-size:.85rem}.stap-layout:not(.single) .stap-left{display:contents}.stap-layout:not(.single) .stap-left h3,.stap-layout:not(.single) .stap-left h4{order:1}.stap-layout:not(.single) .stap-right{order:2}.stap-layout:not(.single) .stap-nav{order:3;margin-top:1rem}.keuzehulp .aanvullend ul{grid-template-columns:1fr}.aanbevolen-item{grid-row:1 / 3}.card{grid-row:3}.aanbevolen-title{font-size:1.1rem}.omschrijving{font-size:1rem}.btn-save{font-size:0.85rem!important}.progress-steps .step:nth-child(1){left:2%}.progress-steps .step:nth-child(4){left:97%}}