.modern-bestellen .container{width:100%;max-width:72rem;margin:0 auto;padding-bottom:clamp(1.25rem,4vw,2rem)}.modern-bestellen .bestellen-icon{font-size:clamp(1.25rem,4vw,1.625rem)}.modern-bestellen .bestellen-intro{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .bestellen-intro p{margin:0;line-height:1.5}.modern-bestellen .tarieven-button{padding:.55rem .9rem;border-color:#2c5aa0;color:#fff;background:linear-gradient(135deg,#3182ce,#2c5aa0)}.modern-bestellen .bestellen-section{min-width:0;margin:0 0 1.5rem;padding:1.25rem;border:0;border-left:.25rem solid #667eea;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .bestellen-section>legend{max-width:100%;margin-left:-.25rem;padding:0 .5rem;color:var(--text-color);font-size:clamp(1.05rem,3vw,1.3rem);font-weight:600}.modern-bestellen .form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;padding-top:.75rem}.modern-bestellen .order-field{grid-column:span 3;min-width:0}.modern-bestellen .form-grid-wide{grid-column:1/-1}.modern-bestellen .address-addition,.modern-bestellen .address-number,.modern-bestellen .address-postcode{grid-column:span 2}.modern-bestellen .address-city,.modern-bestellen .address-street{grid-column:span 3}.modern-bestellen label.field-label{position:static;display:block;margin-bottom:.35rem;padding:0;transform:none;color:var(--text-color);background:transparent;font-size:.9rem;font-weight:600;pointer-events:auto}.modern-bestellen .required{margin-left:.15rem;color:var(--error-color)}.modern-bestellen select{width:100%;min-height:3rem;padding:.75rem;border:.125rem solid var(--border-color);border-radius:.5rem;outline:none;color:var(--text-color);background:var(--input-bg);font:inherit}.modern-bestellen select:focus{border-color:#667eea;box-shadow:0 0 0 .1875rem rgba(102,126,234,.1)}.modern-bestellen select.error{border-color:var(--error-color)}.modern-bestellen select.success{border-color:var(--success-color)}.modern-bestellen input[readonly]{background:var(--section-bg)}.modern-bestellen .error-message,.modern-bestellen .error-message.show{position:static;min-height:1.05rem;margin-top:.2rem;padding:0;transform:none;color:var(--error-color);background:transparent;font-size:.75rem;font-weight:600;opacity:1}.modern-bestellen .sbbox-intro{display:grid;grid-template-columns:minmax(14rem,25rem) minmax(0,1fr);align-items:center;gap:1.5rem;padding-top:.75rem}.modern-bestellen .sbbox-intro img{display:block;width:100%;height:auto;border-radius:.65rem;box-shadow:0 .4rem 1rem var(--shadow)}.modern-bestellen .monitor-note,.modern-bestellen .sbbox-intro p,.modern-bestellen .wifi-explanation p{margin:0 0 .75rem;line-height:1.55}.modern-bestellen .wifi-explanation{padding:.8rem 1rem .05rem;border-radius:.5rem;background:var(--container-bg)}.modern-bestellen .monitor-note{margin:1rem 0 0}.modern-bestellen label.invoice-toggle{position:static;display:flex;align-items:center;gap:.65rem;max-width:100%;padding:0;transform:none;color:var(--text-color);background:transparent;font-size:inherit;font-weight:inherit;pointer-events:auto;cursor:pointer}.modern-bestellen .invoice-toggle input{width:1.2rem;height:1.2rem;flex:0 0 auto;margin:0}.modern-bestellen .bestellen-submit{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding:1.25rem;border-left:.25rem solid #667eea;border-radius:.75rem;background:var(--section-bg)}.modern-bestellen .captcha-field{width:min(100%,18rem)}.modern-bestellen .captcha-field input{max-width:8rem}.modern-bestellen .submit-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.modern-bestellen .tarieven-dialog{width:min(92vw,52rem);max-width:52rem}.modern-bestellen .tarieven-content{max-height:82vh;overflow-y:auto;text-align:left}.modern-bestellen .tarieven-message{font-size:.95rem}.modern-bestellen .tarieven-message ul{padding-left:1.4rem}.modern-bestellen .tarieven-content>.dialog-button{display:block;margin-left:auto}@media (max-width:48rem){.modern-bestellen .address-addition,.modern-bestellen .address-city,.modern-bestellen .address-number,.modern-bestellen .address-postcode,.modern-bestellen .address-street,.modern-bestellen .order-field{grid-column:1/-1}.modern-bestellen .sbbox-intro{grid-template-columns:1fr}}@media (max-width:36rem){.modern-bestellen .bestellen-section,.modern-bestellen .bestellen-submit{padding:1rem}.modern-bestellen .bestellen-submit{align-items:stretch;flex-direction:column}.modern-bestellen .captcha-field,.modern-bestellen .captcha-field input{width:100%;max-width:none}.modern-bestellen .submit-buttons{justify-content:flex-start}.modern-bestellen .submit-buttons button{flex:1 1 10rem}}