Stap 1 — Kies uw domeinnamen
Typ een domeinnaam en klik op Zoeken. Voeg meerdere domeinen toe.
Stap 2 — Opties per domeinnaam
Kies per domeinnaam wat u wilt toevoegen.
Subtotaal excl. BTW€ 0,00
BTW 21%€ 0,00
Totaal incl. BTW€ 0,00
Stap 3 — Klantgegevens
Stap 4 — Bevestiging
Subtotaal excl. BTW€ 0,00
BTW 21%€ 0,00
Totaal incl. BTW€ 0,00
.sh-totaal-line{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #e3e9f3;font-size:.95rem}
.sh-totaal-total{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;color:#133C7C;border-top:2px solid #133C7C;margin-top:4px}/* Klantformulier */
.sh-tabs{display:flex;gap:8px;margin-bottom:20px}
.sh-tab{padding:10px 22px;border:2px solid #e3e9f3;border-radius:10px;background:#fff;font-family:'Sora',sans-serif;font-weight:700;cursor:pointer;transition:all .15s}
.sh-tab.active{background:#133C7C;color:#fff;border-color:#133C7C}
.sh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sh-field{display:flex;flex-direction:column;gap:6px}
.sh-field label{font-size:.88rem;font-weight:600;color:#101a2b}
.sh-field input,.sh-field select{padding:11px 13px;border:1px solid #c8d4e8;border-radius:10px;font-family:inherit;font-size:.95rem}
.sh-field input:focus,.sh-field select:focus{border-color:#133C7C;outline:none}
.sh-full{grid-column:1/-1}/* Navigatie knoppen */
.sh-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px}
.sh-btn-primary{background:#D81E2C;color:#fff;border:0;border-radius:12px;padding:13px 28px;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:background .15s}
.sh-btn-primary:hover:not(:disabled){background:#bc1322}
.sh-btn-primary:disabled{background:#ccc;cursor:not-allowed}
.sh-btn-sec{background:#f4f7fb;color:#133C7C;border:2px solid #e3e9f3;border-radius:12px;padding:11px 22px;font-family:'Sora',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer}
.sh-btn-pay{background:#1a7a3c;color:#fff;border:0;border-radius:12px;padding:15px 36px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.1rem;cursor:pointer;transition:background .15s}
.sh-btn-pay:hover{background:#155f2f}/* Error */
.sh-error{background:#fbe7e9;color:#bc1322;border:1px solid #f5c6cb;border-radius:10px;padding:12px 16px;font-size:.9rem;margin-top:12px}/* Samenvatting stap 4 */
.sh-summary-item{background:#fff;border:1px solid #e3e9f3;border-radius:12px;padding:14px 18px;margin-bottom:10px}
.sh-summary-domain{font-weight:700;color:#133C7C;font-size:1rem;margin-bottom:4px}
.sh-summary-extra{font-size:.88rem;color:#5a6b85}/* Loader */
.sh-loader-wrap{text-align:center;padding:40px;color:#5a6b85}
.sh-spinner{width:40px;height:40px;border:4px solid #e3e9f3;border-top-color:#D81E2C;border-radius:50%;animation:sh-spin 1s linear infinite;margin:0 auto 16px}
@keyframes sh-spin{to{transform:rotate(360deg)}}@media(max-width:600px){
.sh-form-grid{grid-template-columns:1fr}
.sh-full{grid-column:1}
.sh-step-nav{flex-direction:column-reverse}
.sh-btn-primary,.sh-btn-sec,.sh-btn-pay{width:100%;text-align:center}
.sh-option-row{flex-direction:column;align-items:flex-start}
}