/* Decamp Konfigurator – Stylemix-inspired customer template */
.dk-wrap{
  --dk-green:#00c77b;
  --dk-black:#000;
  --dk-panel:#000;
  --dk-head:#202020;
  --dk-input:#777;
  --dk-input-hover:#858585;
  --dk-line:#8a8a8a;
  --dk-text:#fff;
  --dk-muted:#8f8f93;
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--dk-text);
  width:100%;max-width:var(--dk-layout-max-width,1180px);margin:0 auto;
  background:transparent;
  font-size:16px;line-height:1.42;
}
.dk-wrap *{box-sizing:border-box}
.dk-main{display:grid;grid-template-columns:minmax(0,var(--dk-layout-config-percent,63%)) minmax(330px,1fr);gap:var(--dk-layout-main-gap,22px);align-items:start;background:transparent}
.dk-config,.dk-summary-sticky{background:#000;border-radius:12px}
.dk-config{padding:var(--dk-layout-config-py,24px) var(--dk-layout-config-px,28px);min-width:0}
.dk-fields-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--dk-layout-column-gap,18px);row-gap:0}
.dk-field{padding:0 0 var(--dk-layout-field-gap,12px);margin:0 0 var(--dk-layout-field-gap,12px);border-bottom:1px solid #242424;min-width:0}
.dk-field-third{grid-column:span 4}.dk-field-half{grid-column:span 6}.dk-field-two-thirds{grid-column:span 8}.dk-field-full{grid-column:1/-1}
.dk-field-title{margin:0 0 10px;color:#fff;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:0}
.dk-field-title::after{color:#f64545}
.dk-field-group-title{padding:18px 0 12px;margin:0;border-bottom:1px solid #242424}
.dk-field-group-title h3{margin:0;color:#fff;font-size:20px;font-weight:700}
.dk-field-divider{padding:1px 0 22px;margin:0;border:0}.dk-field-divider>div{height:1px;background:#242424}
.dk-html{color:var(--dk-muted);font-size:16px}

/* Stylemix-like select fields */
.dk-select-wrap{position:relative}.dk-select-wrap:after{content:"";position:absolute;right:17px;top:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff;transform:translateY(-35%);pointer-events:none}
.dk-style-select,.dk-style-input,.dk-customer input,.dk-customer textarea,.dk-modal-card input,.dk-modal-card textarea{
  width:100%;min-height:var(--dk-layout-field-height,46px);height:var(--dk-layout-field-height,46px);border:0!important;border-radius:var(--dk-layout-field-radius,9px)!important;background:#777!important;color:#fff!important;
  padding:8px 42px 8px 14px!important;font:400 16px/1.4 Roboto,"Helvetica Neue",Arial,sans-serif!important;box-shadow:none!important;outline:none!important
}
.dk-style-select{appearance:none;-webkit-appearance:none;cursor:pointer}
.dk-style-select:hover,.dk-style-input:hover{background:#828282!important}
.dk-style-select option{background:#fff;color:#111}.dk-style-input::placeholder,.dk-customer input::placeholder,.dk-customer textarea::placeholder,.dk-modal-card input::placeholder,.dk-modal-card textarea::placeholder{color:#eee;opacity:.9}
input[type=date].dk-style-input,input[type=time].dk-style-input{color-scheme:dark}

/* Radio / checkbox cards */
.dk-choice-list,.dk-switch-list{display:flex;flex-direction:column;gap:9px}
.dk-choice-row,.dk-switch-row{display:flex;align-items:center;gap:10px;min-height:var(--dk-layout-field-height,46px);padding:10px 12px;border:1px solid #292929;border-radius:9px;background:#090909;cursor:pointer;color:#fff}
.dk-choice-row:hover,.dk-switch-row:hover{border-color:#444}.dk-choice-row.is-selected{border-color:var(--dk-green)}
.dk-choice-row>input{position:absolute;opacity:0;pointer-events:none}
.dk-checkmark{flex:0 0 25px;width:25px;height:25px;border-radius:5px;background:#edf0f4;border:2px solid #edf0f4;position:relative}
.dk-radio-list .dk-checkmark{border-radius:50%}.dk-choice-row input:checked+.dk-checkmark:after{content:"";position:absolute;inset:5px;background:var(--dk-green);border-radius:2px}.dk-radio-list .dk-choice-row input:checked+.dk-checkmark:after{border-radius:50%}
.dk-choice-row img{width:42px;height:42px;object-fit:cover;border-radius:5px}.dk-choice-copy{min-width:0;flex:1}.dk-choice-copy strong{display:block;font-size:17px}.dk-choice-copy small{display:block;color:var(--dk-muted);font-size:14px;margin-top:2px}.dk-choice-row>b{white-space:nowrap;font-size:15px}

/* Included / base-style indicator */
.dk-option-control[data-price-type="included"] .dk-choice-copy:after{content:none;display:none}
.dk-option-control[data-price-type="included"] .dk-checkmark{background:var(--dk-green);border-color:var(--dk-green);border-radius:50%}
.dk-option-control[data-price-type="included"] .dk-checkmark:after{background:#6f6f6f!important}

/* Switch */
.dk-switch-row>span:first-child{flex:1}.dk-switch-row strong{display:block}.dk-switch-row small{display:block;color:var(--dk-muted);margin-top:2px}.dk-switch{position:relative;width:48px;height:26px;flex:0 0 48px}.dk-switch input{position:absolute;opacity:0}.dk-switch i{position:absolute;inset:0;border-radius:20px;background:#555}.dk-switch i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s}.dk-switch input:checked+i{background:var(--dk-green)}.dk-switch input:checked+i:after{transform:translateX(22px)}

/* Image dropdown */
.dk-image-dropdown{position:relative}.dk-image-dropdown-button{width:100%;height:var(--dk-layout-field-height,46px);min-height:var(--dk-layout-field-height,46px);border:0;border-radius:11px;background:#777;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:18px;cursor:pointer}.dk-image-dropdown-menu{position:absolute;z-index:50;left:0;right:0;top:61px;background:#fff;color:#111;border-radius:8px;padding:8px;box-shadow:0 12px 35px rgba(0,0,0,.35);max-height:var(--dk-layout-dropdown-max,430px);overflow:auto}.dk-image-choice{display:grid;grid-template-columns:24px 42px 1fr auto;gap:10px;align-items:center;padding:9px;border-radius:6px;cursor:pointer}.dk-image-choice:hover{background:#f1f1f1}.dk-image-choice img{width:42px;height:42px;object-fit:cover}.dk-image-choice small{white-space:nowrap}

/* Quantity / sliders / repeater */
.dk-quantity{display:grid;grid-template-columns:52px 1fr 52px;background:#777;border-radius:11px;overflow:hidden}.dk-quantity button{border:0;background:#666;color:#fff;font-size:25px;cursor:pointer}.dk-quantity input{height:var(--dk-layout-field-height,46px);border:0!important;background:#777!important;color:#fff!important;text-align:center;font-size:18px}
.dk-slider-wrap{display:grid;grid-template-columns:1fr 60px;gap:14px;align-items:center}.dk-slider-wrap input,.dk-multirange input{accent-color:var(--dk-green)}.dk-slider-wrap output{background:#777;border-radius:8px;padding:8px;text-align:center}
.dk-multirange{position:relative;padding:8px 0}.dk-multirange input{width:100%;display:block;margin:5px 0}.dk-multirange>div{display:flex;justify-content:space-between;color:var(--dk-muted)}
.dk-repeat-row{display:flex;gap:8px;margin-bottom:8px}.dk-repeat-remove,.dk-repeat-add{border:0;border-radius:8px;background:var(--dk-green);color:#001c12;font-weight:700;padding:8px 13px;cursor:pointer}

/* Customer / payment */
.dk-customer,.dk-payment{border-top:1px solid #242424;margin-top:8px;padding-top:24px}.dk-customer>h3,.dk-payment>h3{font-size:21px;margin:0 0 16px}.dk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dk-customer textarea{min-height:120px;margin-top:13px;padding-right:17px!important}.dk-privacy{display:flex;align-items:flex-start;gap:10px;margin-top:14px;color:#b3b3b3;font-size:14px;line-height:1.45;width:100%;max-width:100%;white-space:normal}.dk-privacy input[type="checkbox"]{flex:0 0 auto;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important;border-radius:3px;accent-color:var(--dk-green)}.dk-privacy>span{display:block;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}.dk-privacy a{color:var(--dk-green);display:inline;font-weight:600}.dk-customer-summary .dk-privacy{grid-column:1/-1}.dk-customer-summary .dk-message{font-size:13px;line-height:1.4}.dk-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dk-payment-options label{padding:12px;border:1px solid #333;border-radius:8px;background:#0a0a0a}.dk-payment-options input{accent-color:var(--dk-green)}
.dk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dk-actions button,.dk-modal-card .dk-share-send{min-height:var(--dk-btn-height,56px);border:0!important;border-radius:var(--dk-btn-radius,12px)!important;background:var(--dk-btn-bg,var(--dk-green))!important;color:var(--dk-btn-text,#04402a)!important;padding:12px 24px!important;font-size:var(--dk-btn-size,17px)!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important}.dk-actions button:hover,.dk-post-actions button:hover,.dk-customer-submit button:hover,.dk-summary-offer button:hover,.dk-modal-card .dk-share-send:hover{background:var(--dk-btn-hover,var(--dk-btn-bg,var(--dk-green)))!important}.dk-actions button:disabled{opacity:.55}.dk-message{margin-top:13px;color:#fff}

/* Right summary – intentionally close to supplied Stylemix reference */
.dk-summary{min-width:0}.dk-summary-sticky{position:sticky;top:24px;padding:var(--dk-layout-summary-py,22px) var(--dk-layout-summary-px,22px);overflow:hidden;color:#fff}
.dk-summary-heading{width:100%;padding:0 0 17px;border:0!important;background:transparent!important;color:#fff!important;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;font:700 30px/1.15 Roboto,"Helvetica Neue",Arial,sans-serif!important}
.dk-summary-heading i{width:28px;height:28px;border-radius:50%;background:#242424;display:grid;place-items:center;color:#fff;font-style:normal;font-size:16px;transition:.2s}.dk-summary-heading[aria-expanded="false"] i{transform:rotate(180deg)}.dk-summary-heading[aria-expanded="false"]+.dk-summary-body{display:none}
.dk-summary-table-head{display:grid;grid-template-columns:1fr auto;gap:15px;background:#202020;border-radius:13px;padding:8px 14px;margin:0 0 10px;font-size:17px;line-height:1.2}.dk-summary-table-head strong{font-weight:700}.dk-summary-table-head strong:last-child{text-align:right}
.dk-summary-rows{min-height:30px}.dk-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:var(--dk-layout-summary-row-py,9px) 0;border-bottom:1px dashed #bdbdbd;align-items:start;font-size:17px}.dk-summary-row>.dk-summary-copy{min-width:0}.dk-summary-row .dk-summary-group{display:block;color:#fff;font-size:17px;line-height:1.3}.dk-summary-row .dk-summary-choice{display:block;color:#9a9a9a;font-size:16px;line-height:1.3;margin:4px 0 0 12px}.dk-summary-row>strong{font-size:16px;font-weight:400;text-align:right;max-width:190px;white-space:normal}.dk-summary-row>strong.dk-included{font-size:16px}.dk-summary-empty{padding:16px 0;color:#888;border-bottom:1px dashed #888}
.dk-total{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;padding:17px 0 15px;border-bottom:1px solid #202020}.dk-total span{font-size:18px;font-weight:600}.dk-total strong{font-size:31px;line-height:1.05;font-weight:700;white-space:nowrap}
.dk-summary-action-space{height:0}

/* Modal */
.dk-modal[hidden]{display:none}.dk-modal{position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px}.dk-modal-card{position:relative;width:min(560px,94vw);padding:30px;background:#000;border:1px solid #292929;border-radius:12px;color:#fff}.dk-modal-card h3{font-size:25px;margin:0 0 18px}.dk-modal-card input,.dk-modal-card textarea{margin-bottom:10px}.dk-modal-card textarea{min-height:120px;padding-right:17px!important}.dk-modal-close{position:absolute;right:12px;top:7px;background:none!important;border:0!important;color:#fff!important;font-size:30px;cursor:pointer}.dk-attachment{padding:12px;background:#202020;border:1px solid #444;margin:5px 0 15px;color:#ddd}

@media(max-width:1000px){.dk-main{grid-template-columns:1fr;gap:18px}.dk-summary{order:-1}.dk-summary-sticky{position:static}.dk-summary-heading{font-size:29px}}
@media(max-width:700px){.dk-wrap{font-size:16px}.dk-config{padding:24px 18px}.dk-fields-grid,.dk-grid,.dk-payment-options{grid-template-columns:1fr}.dk-field-third,.dk-field-half,.dk-field-two-thirds{grid-column:1/-1}.dk-field-title{font-size:18px}.dk-summary-sticky{padding:22px 20px}.dk-summary-table-head{font-size:17px}.dk-summary-row{font-size:16px}.dk-total strong{font-size:27px}}


.dk-promo{border-top:1px dashed #777;border-bottom:1px solid #202020;padding:14px 0 16px;margin-top:4px}.dk-promo[hidden]{display:none!important}.dk-promo label{display:block;color:#aaa;font-size:13px;margin-bottom:7px}.dk-promo input{width:100%;box-sizing:border-box;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;padding:11px 13px;font-size:15px}.dk-summary .dk-payment-summary .dk-promo{margin-top:12px;padding:12px 0 0;border-top:1px solid #333;border-bottom:0}.dk-discount-row strong{color:#00bf72!important}.dk-promo-continue{width:100%;margin-top:10px;min-height:42px;border:0;border-radius:8px;background:var(--dk-green,#00bf72);color:#04402a;font-weight:600;cursor:pointer;padding:9px 14px;font-size:14px}.dk-promo-continue:hover{background:var(--dk-btn-hover,#00aa65)}
.dk-summary .dk-promo.is-offer-visible{position:sticky;top:var(--dk-summary-sticky-top,24px);z-index:8;background:var(--dk-summary-bg,#000);padding:14px 12px 16px;margin:8px -12px 0;border:0;border-radius:0;box-shadow:none;scroll-margin-top:var(--dk-summary-sticky-top,24px)}

.dk-required-star{color:#e64343;margin-left:3px}.dk-invalid{outline:2px solid #e64343;outline-offset:6px;border-radius:8px}.dk-customer[hidden],.dk-post-actions[hidden]{display:none!important}.dk-summary-offer{padding-top:14px;border-top:1px solid #202020}.dk-summary-offer button,.dk-customer-submit button,.dk-post-actions button{width:100%;min-height:var(--dk-btn-height,56px);border:0!important;border-radius:var(--dk-btn-radius,12px)!important;background:var(--dk-btn-bg,var(--dk-green))!important;color:var(--dk-btn-text,#04402a)!important;font-size:var(--dk-btn-size,17px)!important;font-weight:600!important;cursor:pointer;padding:12px 22px!important}.dk-customer-submit{margin-top:16px}.dk-post-actions{display:flex;gap:10px;margin-top:16px}.dk-wrap[data-button-width="auto"] .dk-post-actions button,.dk-wrap[data-button-width="auto"] .dk-customer-submit button{width:auto}.dk-wrap[data-button-width="half"] .dk-post-actions button,.dk-wrap[data-button-width="half"] .dk-customer-submit button{width:50%}.dk-display-box .dk-choice-list{gap:10px}.dk-display-box .dk-choice-row{background:#fff;color:#111;border-color:#ddd;padding:14px}.dk-display-box .dk-choice-copy small{color:#777}.dk-display-box_radio .dk-choice-row{background:#fff;color:#111;border-color:#ddd;padding:12px}.dk-display-box_radio .dk-choice-row.is-selected{background:#e9fff4;border-color:var(--dk-green)}.dk-display-default .dk-choice-row{border:0;background:transparent;padding:5px 0}.dk-field[hidden]{display:none!important}
/* v1.8 – editable customer form appearance */
.dk-customer .dk-grid{gap:var(--dk-ci-gap,13px)}
.dk-customer input,.dk-customer textarea{background:var(--dk-ci-bg,#808080)!important;color:var(--dk-ci-text,#fff)!important;border:var(--dk-ci-bw,1px) solid var(--dk-ci-border,#808080)!important;border-radius:var(--dk-ci-radius,12px)!important;font-size:var(--dk-ci-size,17px)!important;padding-left:var(--dk-ci-px,16px)!important;padding-right:var(--dk-ci-px,16px)!important;box-sizing:border-box!important}
.dk-customer input{min-height:var(--dk-ci-height,56px)!important}
.dk-customer input:focus,.dk-customer textarea:focus{outline:2px solid var(--dk-ci-focus,#00bf72)!important;outline-offset:1px}
.dk-customer .dk-cw-full{grid-column:1/-1}.dk-customer .dk-cw-half{grid-column:span 1}
@media(max-width:700px){.dk-customer .dk-cw-half,.dk-customer .dk-cw-full{grid-column:1/-1}}

.dk-customer .dk-customer-field-hidden{display:none!important}

/* v1.9 controls */
.dk-switch{width:48px;height:26px;flex:0 0 48px}.dk-switch i{border-radius:999px}.dk-switch i:after{width:20px;height:20px}.dk-switch input:checked+i:after{transform:translateX(22px)}
.dk-repeat-add{border-radius:999px!important}
.dk-field-description{display:block;color:var(--dk-muted);margin:5px 0 10px;font-size:13px;line-height:1.4}

/* v2.0 typography controls + closer Stylemix summary */
.dk-field-title{font-size:var(--dk-theme-field-title,20px)}
.dk-field-description,.dk-choice-copy small,.dk-switch-row small{font-size:var(--dk-theme-description,14px)}
.dk-choice-copy strong,.dk-switch-row strong,.dk-style-select,.dk-style-input{font-size:var(--dk-theme-option,17px)!important}
.dk-summary-heading{font-size:var(--dk-theme-summary-heading,30px)!important}
.dk-summary-row .dk-summary-group{font-size:var(--dk-theme-summary-name,16px)}
.dk-summary-row .dk-summary-choice{font-size:var(--dk-theme-summary-choice,14px);margin-top:3px;margin-left:12px;color:#929292}
.dk-summary-row>strong,.dk-summary-row>strong.dk-included{font-size:var(--dk-theme-summary-price,15px)}
.dk-total strong{font-size:var(--dk-theme-total,34px)}
.dk-summary-row{border-bottom:1px dashed #b5b5b5;padding:var(--dk-layout-summary-row-py,9px) 0}
.dk-summary-table-head{background:#202020;border-radius:11px;padding:8px 13px}
.dk-summary-sticky{padding:var(--dk-layout-summary-py,22px) var(--dk-layout-summary-px,22px)}
.dk-summary-offer button{border-radius:var(--dk-btn-radius,28px)!important}


/* v2.2.4 – customer-facing option labels in Stylemix grey.
   Builder/editor input styling is intentionally unchanged. */
.dk-wrap .dk-display-default .dk-choice-copy strong,
.dk-wrap .dk-display-default .dk-switch-row strong {
  color:#8b8b8b !important;
}

/* v2.3 compact Stylemix-like image choices */
.dk-image-dropdown-button{justify-content:flex-start;gap:12px;padding-right:16px}.dk-image-dropdown-button b{margin-left:auto}.dk-image-dropdown-button .dk-dd-thumb{width:34px;height:34px;object-fit:cover;border-radius:3px;flex:0 0 34px}.dk-image-dropdown-menu{padding:0;background:#7d7d7d;color:#fff;border-radius:8px}.dk-image-choice{grid-template-columns:18px 42px minmax(0,1fr) auto;gap:10px;min-height:62px;padding:8px 12px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.12)}.dk-image-choice:hover{background:#707070}.dk-image-choice img{width:42px;height:42px;border-radius:3px;object-fit:cover}.dk-image-choice span{min-width:0}.dk-image-choice small{color:#fff;opacity:.9}.dk-image-choice:last-child{border-bottom:0}.dk-choice-row img{width:40px;height:40px;border-radius:4px}
/* v2.3.3: compact option thumbnails, including image-enabled normal dropdowns */
.dk-image-dropdown-button .dk-dd-thumb{display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;object-fit:cover!important;border-radius:3px!important}
.dk-image-choice img{display:block!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;object-fit:cover!important;border-radius:3px!important}

/* v2.3.4 – compact Stylemix-like full-page proportions.
   Separation is a real page-colored gutter, not a drawn border. */
.dk-main{column-gap:var(--dk-layout-main-gap,22px)!important}
.dk-config,.dk-summary-sticky{border:none!important}
@media(min-width:1001px){
  .dk-main{grid-template-columns:minmax(0,var(--dk-layout-config-percent,63%)) minmax(330px,1fr)!important}
}
/* v2.3.5 real field groups */
.dk-frontend-group{grid-column:1/-1!important;border-top:1px solid #242424;padding:14px 0 4px!important;margin-top:4px}
.dk-frontend-group-heading{width:100%;border:0;background:transparent;color:#fff;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between;font:inherit;font-weight:700;font-size:18px;text-align:left;cursor:pointer}
.dk-frontend-group-heading i{font-style:normal;transition:transform .18s}
.dk-frontend-group-heading[aria-expanded="false"] i{transform:rotate(-90deg)}
.dk-frontend-group-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;row-gap:0}
.dk-frontend-group-fields>.dk-field-full{grid-column:1/-1}
@media(max-width:700px){.dk-frontend-group-fields{grid-template-columns:1fr}.dk-frontend-group-fields>.dk-field{grid-column:1/-1}}

/* v2.4.8 – Kundendaten direkt unter „Angebot sichern“ in der Zusammenfassung */
.dk-summary .dk-customer-summary{margin-top:18px;padding-top:18px;border-top:1px solid #242424}
.dk-summary .dk-customer-summary>h3{font-size:20px;margin:0 0 14px;color:#fff}
.dk-summary .dk-customer-summary .dk-grid{grid-template-columns:1fr!important;gap:var(--dk-ci-gap,13px)}
.dk-summary .dk-customer-summary .dk-cw-half,.dk-summary .dk-customer-summary .dk-cw-full{grid-column:1/-1!important}
.dk-summary .dk-customer-summary input,.dk-summary .dk-customer-summary textarea{width:100%}
.dk-summary .dk-customer-summary textarea{min-height:110px}
.dk-summary .dk-payment-summary{margin-top:18px;padding-top:18px}
.dk-summary .dk-payment-summary[hidden]{display:none!important}
.dk-summary .dk-payment-summary .dk-payment-options{grid-template-columns:1fr}
.dk-summary.is-customer-open .dk-summary-sticky{position:static}
.dk-summary .dk-post-actions{flex-direction:column}
.dk-summary .dk-post-actions button{width:100%!important}
@media(max-width:1000px){.dk-summary.is-customer-open .dk-summary-sticky{position:static}}

/* v2.4.9 – long option text must stay inside its control */
.dk-select-wrap{min-width:0;overflow:hidden;border-radius:11px}
.dk-style-select{
  display:block!important;
  width:100%!important;
  height:var(--dk-layout-field-height,46px)!important;
  min-height:var(--dk-layout-field-height,46px)!important;
  max-height:var(--dk-layout-field-height,46px)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  padding-top:0!important;
  padding-bottom:0!important;
  padding-right:48px!important;
}
.dk-style-select option{white-space:normal}
.dk-image-dropdown,.dk-image-dropdown-button{min-width:0}
.dk-image-dropdown-button{height:55px;gap:12px;overflow:hidden;text-align:left}
.dk-image-dropdown-button>span{
  min-width:0;
  flex:1 1 auto;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  line-height:1.25;
}
.dk-image-dropdown-button>b{flex:0 0 auto}
.dk-dd-thumb{flex:0 0 42px;width:42px;height:42px;object-fit:cover;border-radius:5px}
.dk-field-title{overflow-wrap:anywhere}
.dk-summary-row .dk-summary-group,
.dk-summary-row .dk-summary-choice{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.dk-summary-row>.dk-summary-copy{overflow:hidden}
@media(max-width:700px){
  .dk-style-select,.dk-image-dropdown-button{font-size:16px!important}
}


/* v2.5.0 – Stylemix-like readable image dropdowns */
.dk-image-dropdown-menu{
  top:calc(var(--dk-layout-field-height,46px) + 6px)!important;
  width:max(100%,520px)!important;
  max-width:min(620px,calc(100vw - 32px))!important;
  max-height:var(--dk-layout-dropdown-max,430px)!important;
  padding:0!important;
  background:#777!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-shadow:0 18px 45px rgba(0,0,0,.48)!important;
}
.dk-image-choice{
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-height:104px!important;
  padding:16px 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  background:#777!important;
  color:#fff!important;
}
.dk-image-choice:last-child{border-bottom:0!important}
.dk-image-choice:hover{background:#6f6f6f!important}
.dk-image-choice.is-selected{background:#666!important;box-shadow:inset 0 0 0 2px var(--dk-green)!important}
.dk-image-choice>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.dk-image-choice>img,.dk-image-choice-placeholder{
  grid-column:1!important;
  width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;
  border-radius:4px!important;object-fit:cover!important;align-self:center!important;
}
.dk-image-choice-placeholder{display:block!important;background:rgba(255,255,255,.08)!important}
.dk-image-choice-copy{grid-column:2!important;min-width:0!important;display:block!important}
.dk-image-choice-copy strong{
  display:block!important;color:#fff!important;font-size:18px!important;line-height:1.35!important;font-weight:500!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
.dk-image-choice-copy small{
  display:block!important;margin-top:5px!important;color:#fff!important;opacity:.92!important;font-size:16px!important;line-height:1.3!important;
  white-space:normal!important;
}
.dk-image-dropdown-button{min-height:var(--dk-layout-field-height,46px)!important;height:var(--dk-layout-field-height,46px)!important;padding-top:6px!important;padding-bottom:6px!important;border-radius:var(--dk-layout-field-radius,9px)!important}
.dk-image-dropdown-button>span{font-size:var(--dk-theme-option,17px)!important}
.dk-image-dropdown-menu::-webkit-scrollbar{width:11px}.dk-image-dropdown-menu::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:10px;border:2px solid #777}.dk-image-dropdown-menu::-webkit-scrollbar-track{background:#777}
@media(max-width:900px){.dk-image-dropdown-menu{width:100%!important;max-width:100%!important}.dk-image-choice{grid-template-columns:50px minmax(0,1fr)!important;min-height:92px!important;padding:14px!important;gap:13px!important}.dk-image-choice>img,.dk-image-choice-placeholder{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important}.dk-image-choice-copy strong{font-size:16px!important}.dk-image-choice-copy small{font-size:14px!important}}


/* v2.5.4 – separate master font sizing for calculator left side and summary items */
.dk-config .dk-field-title,
.dk-config .dk-field-description,
.dk-config .dk-choice-copy strong,
.dk-config .dk-choice-copy small,
.dk-config .dk-switch-row strong,
.dk-config .dk-switch-row small,
.dk-config .dk-style-select,
.dk-config .dk-style-input,
.dk-config .dk-image-dropdown-button>span,
.dk-config .dk-image-choice-copy strong,
.dk-config .dk-image-choice-copy small,
.dk-config .dk-frontend-group-heading {
  font-size:var(--dk-theme-left,15px)!important;
}
.dk-summary .dk-summary-row .dk-summary-group,
.dk-summary .dk-summary-row .dk-summary-choice,
.dk-summary .dk-summary-row>strong,
.dk-summary .dk-summary-row>strong.dk-included,
.dk-summary .dk-summary-table-head {
  font-size:var(--dk-theme-summary-item,14px)!important;
}


/* v2.6.3 – complete Template designer bindings */
.dk-wrap{background:var(--dk-bg,#000)!important;color:var(--dk-text,#fff)!important}
.dk-wrap .dk-config{background:var(--dk-bg,#000)!important;color:var(--dk-text,#fff)!important}
.dk-wrap .dk-summary-sticky{background:var(--dk-summary-bg,#000)!important;color:var(--dk-text,#fff)!important}
.dk-wrap .dk-field-title{font-family:var(--dk-field-title-font,inherit)!important;font-weight:var(--dk-field-title-weight,700)!important;color:var(--dk-field-title-color,#fff)!important}
.dk-wrap .dk-frontend-group-heading{font-family:var(--dk-group-title-font,inherit)!important;font-size:var(--dk-group-title-size,18px)!important;font-weight:var(--dk-group-title-weight,700)!important;color:var(--dk-group-title-color,#fff)!important}
.dk-wrap .dk-field-description,.dk-wrap .dk-choice-copy small,.dk-wrap .dk-switch-row small{font-family:var(--dk-description-font,inherit)!important;font-weight:var(--dk-description-weight,400)!important;color:var(--dk-description-color,#9a9a9a)!important}
.dk-wrap .dk-choice-copy strong,.dk-wrap .dk-switch-row strong,.dk-wrap .dk-style-select,.dk-wrap .dk-style-input,.dk-wrap .dk-image-dropdown-button>span{font-family:var(--dk-option-font,inherit)!important;font-weight:var(--dk-option-weight,500)!important;color:var(--dk-option-color,#8b8b8b)!important}
.dk-wrap .dk-summary-heading{font-family:var(--dk-summary-heading-font,inherit)!important;font-weight:var(--dk-summary-heading-weight,700)!important;color:var(--dk-summary-heading-color,#fff)!important}
.dk-wrap .dk-summary-row .dk-summary-group{color:var(--dk-summary-name-color,#fff)!important}
.dk-wrap .dk-summary-row .dk-summary-choice{color:var(--dk-summary-choice-color,#929292)!important}
.dk-wrap .dk-summary-row>strong{color:var(--dk-summary-price-color,#fff)!important}
.dk-wrap .dk-total span{font-size:var(--dk-total-label-size,18px)!important;color:var(--dk-total-label-color,#fff)!important}
.dk-wrap .dk-total strong{color:var(--dk-total-color,#fff)!important}
.dk-wrap .dk-summary-offer .dk-offer{background:var(--dk-offer-bg,var(--dk-btn-bg))!important;color:var(--dk-offer-text,var(--dk-btn-text))!important;font-size:var(--dk-offer-size,var(--dk-btn-size))!important;font-weight:var(--dk-offer-weight,600)!important;min-height:var(--dk-offer-height,var(--dk-btn-height))!important;border-radius:var(--dk-offer-radius,var(--dk-btn-radius))!important}
.dk-wrap .dk-summary-offer .dk-offer:hover{background:var(--dk-offer-hover,var(--dk-btn-hover))!important}
.dk-wrap .dk-customer-submit .dk-submit{background:var(--dk-submit-bg,var(--dk-btn-bg))!important;color:var(--dk-submit-text,var(--dk-btn-text))!important;font-size:var(--dk-submit-size,var(--dk-btn-size))!important;font-weight:var(--dk-submit-weight,600)!important;min-height:var(--dk-submit-height,var(--dk-btn-height))!important;border-radius:var(--dk-submit-radius,var(--dk-btn-radius))!important}
.dk-wrap .dk-customer-submit .dk-submit:hover{background:var(--dk-submit-hover,var(--dk-btn-hover))!important}
.dk-wrap .dk-post-actions .dk-pdf{background:var(--dk-pdf-bg,var(--dk-btn-bg))!important;color:var(--dk-pdf-text,var(--dk-btn-text))!important;font-size:var(--dk-pdf-size,var(--dk-btn-size))!important;font-weight:var(--dk-pdf-weight,600)!important;min-height:var(--dk-pdf-height,var(--dk-btn-height))!important;border-radius:var(--dk-pdf-radius,var(--dk-btn-radius))!important}
.dk-wrap .dk-post-actions .dk-pdf:hover{background:var(--dk-pdf-hover,var(--dk-btn-hover))!important}
.dk-wrap .dk-post-actions .dk-share{background:var(--dk-share-bg,var(--dk-btn-bg))!important;color:var(--dk-share-text,var(--dk-btn-text))!important;font-size:var(--dk-share-size,var(--dk-btn-size))!important;font-weight:var(--dk-share-weight,600)!important;min-height:var(--dk-share-height,var(--dk-btn-height))!important;border-radius:var(--dk-share-radius,var(--dk-btn-radius))!important}
.dk-wrap .dk-post-actions .dk-share:hover{background:var(--dk-share-hover,var(--dk-btn-hover))!important}


/* v2.6.4 – Stylemix-like group headings: transparent, compact arrow on the left */
.dk-wrap .dk-frontend-group-heading,
.dk-wrap .dk-frontend-group-heading:hover,
.dk-wrap .dk-frontend-group-heading:focus,
.dk-wrap .dk-frontend-group-heading:focus-visible,
.dk-wrap .dk-frontend-group-heading:active {
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  padding:0 0 12px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.dk-wrap .dk-frontend-group-heading i {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-style:normal!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1!important;
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform .16s ease,opacity .16s ease!important;
  opacity:.95!important;
}
.dk-wrap .dk-frontend-group-heading[aria-expanded="false"] i {
  transform:rotate(-90deg)!important;
}
.dk-wrap .dk-frontend-group-heading:hover i {opacity:1!important}
.dk-wrap .dk-frontend-group-heading span {min-width:0!important}


/* v2.6.6 – functional master colors + white/transparent outer spacing */
/* Keep the calculator's outer spacing transparent so the website/page background remains visible (white on the Decamp page). */
.dk-wrap{background:transparent!important;}
.dk-wrap .dk-config{background:var(--dk-bg,#000)!important;}
.dk-wrap .dk-summary-sticky{background:var(--dk-summary-bg,#000)!important;}

/* "Sekundärtext" is a real master control for all secondary/supporting copy. */
.dk-wrap .dk-field-description,
.dk-wrap .dk-choice-copy small,
.dk-wrap .dk-switch-row small,
.dk-wrap .dk-html,
.dk-wrap .dk-multirange>div,
.dk-wrap .dk-summary-row .dk-summary-choice,
.dk-wrap .dk-summary-empty,
.dk-wrap .dk-promo label,
.dk-wrap .dk-privacy,
.dk-wrap .dk-attachment { color:var(--dk-muted,#8f8f93)!important; }
.dk-wrap .dk-image-choice-copy small{color:var(--dk-muted,#8f8f93)!important;opacity:1!important;}

/* "Akzent" is a real master control for active/selected/interacting elements. */
.dk-wrap input[type=checkbox],
.dk-wrap input[type=radio],
.dk-wrap input[type=range],
.dk-wrap .dk-payment-options input,
.dk-wrap .dk-privacy input[type=checkbox]{accent-color:var(--dk-green,#00bf72)!important;}
.dk-wrap .dk-switch input:checked+i,
.dk-wrap .dk-option-control[data-price-type="included"] .dk-checkmark,
.dk-wrap .dk-repeat-remove,
.dk-wrap .dk-repeat-add{background:var(--dk-green,#00bf72)!important;}
.dk-wrap .dk-choice-row.is-selected,
.dk-wrap .dk-image-choice.is-selected,
.dk-wrap .dk-display-box_radio .dk-choice-row.is-selected{border-color:var(--dk-green,#00bf72)!important;}
.dk-wrap .dk-choice-row input:checked+.dk-checkmark:after{background:var(--dk-green,#00bf72)!important;}
.dk-wrap .dk-privacy a{color:var(--dk-green,#00bf72)!important;}
.dk-wrap .dk-customer input:focus,
.dk-wrap .dk-customer textarea:focus{outline-color:var(--dk-green,#00bf72)!important;}

/* v2.6.7 – compact Stylemix-like frontend: no per-field separators or switch boxes */
.dk-wrap .dk-field{
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:var(--dk-layout-field-gap,10px)!important;
}
.dk-wrap .dk-fields-grid,
.dk-wrap .dk-frontend-group-fields{
  row-gap:0!important;
}
.dk-wrap .dk-field-title{
  margin-bottom:6px!important;
  line-height:1.25!important;
}
.dk-wrap .dk-field-description{
  margin:3px 0 7px!important;
  line-height:1.35!important;
}
.dk-wrap .dk-choice-list,
.dk-wrap .dk-switch-list{
  gap:6px!important;
}
.dk-wrap .dk-switch-row,
.dk-wrap .dk-display-default .dk-switch-row,
.dk-wrap .dk-choice-row,
.dk-wrap .dk-display-default .dk-choice-row{
  min-height:0!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dk-wrap .dk-switch-row:hover,
.dk-wrap .dk-switch-row:focus-within,
.dk-wrap .dk-choice-row:hover,
.dk-wrap .dk-choice-row:focus-within{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dk-wrap .dk-switch-row>span:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  padding-right:10px;
}
.dk-wrap .dk-switch-row>span:first-child>strong{
  white-space:nowrap!important;
}
.dk-wrap .dk-switch{
  width:46px!important;
  height:24px!important;
  flex:0 0 46px!important;
}
.dk-wrap .dk-switch i{
  border:0!important;
  box-shadow:none!important;
  background:#3f3f3f!important;
}
.dk-wrap .dk-switch i:after{
  width:18px!important;
  height:18px!important;
  left:3px!important;
  top:3px!important;
  box-shadow:none!important;
}
.dk-wrap .dk-switch input:checked+i:after{
  transform:translateX(22px)!important;
}
.dk-wrap .dk-frontend-group{
  padding:12px 0 2px!important;
  margin-top:8px!important;
}
.dk-wrap .dk-frontend-group-heading{
  padding-bottom:8px!important;
}
.dk-wrap .dk-frontend-group-fields{
  column-gap:var(--dk-layout-column-gap,18px)!important;
}
/* Keep only a subtle group-to-group separator like Stylemix; never between individual options. */
.dk-wrap .dk-frontend-group{
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.dk-wrap .dk-frontend-group:first-of-type{
  border-top:0!important;
}

/* v2.7.0 – optional sticky calculation + configurable customer form */
.dk-summary-sticky{position:static!important;top:auto!important}
.dk-summary-sticky.is-sticky-enabled{position:sticky!important;top:var(--dk-summary-sticky-top,24px)!important}
.dk-summary.is-customer-open .dk-summary-sticky{position:static!important}
.dk-customer-labeled{display:block}.dk-customer-labeled>span{display:block;margin:0 0 8px;color:var(--dk-c-label,#fff);font-size:var(--dk-c-label-size,17px);line-height:1.25}.dk-customer-labeled>span i{font-style:normal;color:var(--dk-c-required,#e64343)}
.dk-customer select[name="salutation"]{display:block;width:100%;box-sizing:border-box;min-height:var(--dk-ci-height,56px);height:var(--dk-ci-height,56px);border:var(--dk-ci-bw,1px) solid var(--dk-ci-border,#808080)!important;border-radius:var(--dk-ci-radius,12px)!important;background-color:var(--dk-ci-bg,#808080)!important;background-image:linear-gradient(45deg,transparent 50%,#eee 50%),linear-gradient(135deg,#eee 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;color:var(--dk-ci-text,#fff)!important;font:400 var(--dk-ci-size,17px)/1.4 Roboto,"Helvetica Neue",Arial,sans-serif!important;padding:0 var(--dk-ci-px,16px)!important;padding-right:42px!important;appearance:none;-webkit-appearance:none;cursor:pointer}
.dk-customer input::placeholder,.dk-customer textarea::placeholder{color:var(--dk-ci-placeholder,#eee)!important;opacity:1!important}
.dk-customer textarea{min-height:var(--dk-ci-message-height,150px)!important}
@media(max-width:1000px){.dk-summary-sticky.is-sticky-enabled{position:static!important}}

.dk-message-counter{
  display:block;
  margin-top:5px;
  color:var(--dk-muted,#8b8b8b);
  font-size:12px;
  line-height:1.2;
  text-align:right;
}
.dk-message-counter.is-limit-reached{
  color:#ff8d8d;
}


/* v2.7.1 – typography controls must always win over theme/admin styles */
.dk-wrap .dk-field-title,
.dk-admin-preview .dk-field-title{
  font-family:var(--dk-field-title-font,inherit)!important;
  font-size:var(--dk-theme-field-title,19px)!important;
  font-weight:var(--dk-field-title-weight,700)!important;
  color:var(--dk-field-title-color,#fff)!important;
}
.dk-wrap .dk-frontend-group-heading,
.dk-admin-preview .dk-frontend-group-heading{
  font-family:var(--dk-group-title-font,inherit)!important;
  font-size:var(--dk-group-title-size,18px)!important;
  font-weight:var(--dk-group-title-weight,700)!important;
  color:var(--dk-group-title-color,#fff)!important;
}
.dk-wrap .dk-choice-copy strong,
.dk-wrap .dk-switch-row strong,
.dk-wrap .dk-image-choice-copy strong,
.dk-wrap .dk-style-select,
.dk-wrap .dk-style-input,
.dk-wrap .dk-image-dropdown-button>span,
.dk-admin-preview .dk-choice-copy strong,
.dk-admin-preview .dk-switch-row strong,
.dk-admin-preview .dk-image-choice-copy strong,
.dk-admin-preview .dk-style-select,
.dk-admin-preview .dk-style-input,
.dk-admin-preview .dk-image-dropdown-button>span{
  font-family:var(--dk-option-font,inherit)!important;
  font-size:var(--dk-theme-option,17px)!important;
  font-weight:var(--dk-option-weight,500)!important;
  color:var(--dk-option-color,#8b8b8b)!important;
  line-height:1.3!important;
}
.dk-wrap .dk-field-description,
.dk-wrap .dk-choice-copy small,
.dk-wrap .dk-switch-row small,
.dk-wrap .dk-image-choice-copy small,
.dk-admin-preview .dk-field-description,
.dk-admin-preview .dk-choice-copy small,
.dk-admin-preview .dk-switch-row small,
.dk-admin-preview .dk-image-choice-copy small{
  font-family:var(--dk-description-font,inherit)!important;
  font-size:var(--dk-theme-description,15px)!important;
  font-weight:var(--dk-description-weight,400)!important;
  color:var(--dk-description-color,#9a9a9a)!important;
  line-height:1.4!important;
}
/* v2.9.3 – globale Contact-Form-Breiten */
.dk-summary .dk-customer-summary .dk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.dk-summary .dk-customer-summary .dk-cw-half{grid-column:span 1!important}
.dk-summary .dk-customer-summary .dk-cw-full{grid-column:1/-1!important}
@media(max-width:700px){.dk-summary .dk-customer-summary .dk-cw-half{grid-column:1/-1!important}}


/* v2.9.7 – typography controls: each slider owns its intended frontend text */
.dk-wrap .dk-frontend-group-heading{font-size:var(--dk-group-title-size,18px)!important}
.dk-wrap .dk-summary .dk-summary-row .dk-summary-group{font-size:var(--dk-theme-summary-name,17px)!important}
.dk-wrap .dk-summary .dk-summary-row .dk-summary-choice{font-size:var(--dk-theme-summary-choice,15px)!important}
.dk-wrap .dk-summary .dk-summary-row>strong,
.dk-wrap .dk-summary .dk-summary-row>strong.dk-included{font-size:var(--dk-theme-summary-price,16px)!important}
.dk-wrap .dk-total span{font-size:var(--dk-total-label-size,18px)!important}
.dk-wrap .dk-total strong{font-size:var(--dk-theme-total,34px)!important}


/* v2.10.0 – success confirmation after inquiry submission */
.dk-submit-success{margin:18px 0 0;padding:22px 24px;border-radius:16px;background:#00351f;color:#00d786;display:flex;align-items:center;gap:16px;font-size:20px;line-height:1.25;box-shadow:0 0 0 1px rgba(0,215,134,.08) inset}
.dk-submit-success[hidden]{display:none!important}
.dk-submit-success-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#00bf72;color:#fff;font-size:28px;font-weight:800;box-shadow:0 0 0 12px rgba(0,191,114,.11)}
.dk-submit-success.is-pulsing{animation:dkSuccessPulse 1.05s ease-in-out 3}
.dk-submit-success.is-pulsing .dk-submit-success-icon{animation:dkSuccessIconPulse 1.05s ease-in-out 3}
@keyframes dkSuccessPulse{0%,100%{box-shadow:0 0 0 1px rgba(0,215,134,.08) inset,0 0 0 rgba(0,191,114,0)}50%{box-shadow:0 0 0 1px rgba(0,215,134,.18) inset,0 0 28px rgba(0,191,114,.28)}}
@keyframes dkSuccessIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.dk-submit-success.is-pulsing,.dk-submit-success.is-pulsing .dk-submit-success-icon{animation:none}}
@media(max-width:700px){.dk-submit-success{padding:18px;font-size:17px}.dk-submit-success-icon{width:42px;height:42px;flex-basis:42px;font-size:24px}}


/* v2.11.6 – configurable radio/checkbox colors from Template */
.dk-wrap .dk-radio-list .dk-checkmark{
  background:var(--dk-radio-off,#808080)!important;
  border-color:var(--dk-radio-off,#808080)!important;
}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark{
  background:transparent!important;
  border-color:var(--dk-radio-on,#00bf72)!important;
}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark:after{
  background:var(--dk-radio-on,#00bf72)!important;
}
.dk-wrap .dk-checkbox-list .dk-checkmark{
  background:var(--dk-checkbox-off,#808080)!important;
  border-color:var(--dk-checkbox-off,#808080)!important;
}
.dk-wrap .dk-checkbox-list .dk-choice-row input:checked + .dk-checkmark{
  background:var(--dk-checkbox-on,#00bf72)!important;
  border-color:var(--dk-checkbox-on,#00bf72)!important;
}
.dk-wrap .dk-checkbox-list .dk-choice-row input:checked + .dk-checkmark:after{
  background:#fff!important;
}
/* Grundausstattung/included should obey the radio color controls too. */
.dk-wrap .dk-radio-list .dk-option-control[data-price-type="included"] .dk-checkmark{
  background:var(--dk-radio-off,#808080)!important;
  border-color:var(--dk-radio-off,#808080)!important;
}
.dk-wrap .dk-radio-list .dk-option-control[data-price-type="included"] input:checked + .dk-checkmark{
  background:transparent!important;
  border-color:var(--dk-radio-on,#00bf72)!important;
}


/* v2.11.7 – customer contact form uses one calm Stylemix-like column */
.dk-summary .dk-customer-summary .dk-grid,
.dk-wrap .dk-customer .dk-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--dk-ci-gap,13px)!important;
}
.dk-summary .dk-customer-summary .dk-cw-half,
.dk-summary .dk-customer-summary .dk-cw-full,
.dk-wrap .dk-customer .dk-cw-half,
.dk-wrap .dk-customer .dk-cw-full{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
.dk-wrap .dk-customer .dk-customer-labeled,
.dk-wrap .dk-customer input,
.dk-wrap .dk-customer textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* v2.11.8 – privacy checkbox stays compact in the one-column customer form */
.dk-wrap .dk-customer input:not([type="checkbox"]):not([type="radio"]),
.dk-wrap .dk-customer textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dk-wrap .dk-customer .dk-privacy{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:14px!important;
  white-space:normal!important;
}
.dk-wrap .dk-customer .dk-privacy input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  flex:0 0 18px!important;
  width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  border-radius:3px!important;
  accent-color:var(--dk-green,#00bf72)!important;
}
.dk-wrap .dk-customer .dk-privacy>span{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  color:inherit!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}


/* v2.11.9 – keep privacy and submit action visible in the one-column customer flow */
.dk-wrap .dk-customer:not([hidden]) .dk-customer-submit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:18px!important;
  clear:both!important;
}
.dk-wrap .dk-customer:not([hidden]) .dk-customer-submit .dk-submit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
}
.dk-wrap .dk-customer:not([hidden]) .dk-privacy{position:relative!important;z-index:1!important;}


/* v2.12.4 – compact Stylemix-like success confirmation */
.dk-submit-success{
  margin:12px 0 8px;
  padding:10px 14px;
  min-height:44px;
  border-radius:10px;
  gap:10px;
  font-size:15px;
  line-height:1.2;
  flex-wrap:nowrap;
  white-space:nowrap;
  box-shadow:0 0 0 1px rgba(0,215,134,.10) inset;
}
.dk-submit-success-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  font-size:18px;
  box-shadow:0 0 0 6px rgba(0,191,114,.09);
}
.dk-submit-success strong{
  display:block;
  margin:0;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
}
.dk-post-actions:not([hidden]){margin-top:10px}
@media(max-width:700px){
  .dk-submit-success{padding:10px 12px;font-size:14px;gap:9px;white-space:normal}
  .dk-submit-success-icon{width:28px;height:28px;flex-basis:28px;font-size:17px}
  .dk-submit-success strong{font-size:14px}
}


/* v2.12.5 – global Contact Form dimensions must control the real frontend */
.dk-wrap .dk-customer input:not([type="checkbox"]):not([type="radio"]){
  height:var(--dk-ci-height,56px)!important;
  min-height:var(--dk-ci-height,56px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:normal!important;
}
.dk-wrap .dk-customer textarea{
  height:var(--dk-ci-message-height,150px)!important;
  min-height:var(--dk-ci-message-height,150px)!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
  resize:vertical;
}
/* The configured button height is an actual height, not just a minimum. */
.dk-wrap .dk-summary-offer .dk-offer{
  height:var(--dk-offer-height,var(--dk-btn-height,56px))!important;
  min-height:var(--dk-offer-height,var(--dk-btn-height,56px))!important;
  padding-top:0!important;padding-bottom:0!important;
}
.dk-wrap .dk-customer-submit .dk-submit{
  height:var(--dk-submit-height,var(--dk-btn-height,56px))!important;
  min-height:var(--dk-submit-height,var(--dk-btn-height,56px))!important;
  padding-top:0!important;padding-bottom:0!important;
}
.dk-wrap .dk-post-actions .dk-pdf{
  height:var(--dk-pdf-height,var(--dk-btn-height,56px))!important;
  min-height:var(--dk-pdf-height,var(--dk-btn-height,56px))!important;
  padding-top:0!important;padding-bottom:0!important;
}
.dk-wrap .dk-post-actions .dk-share{
  height:var(--dk-share-height,var(--dk-btn-height,56px))!important;
  min-height:var(--dk-share-height,var(--dk-btn-height,56px))!important;
  padding-top:0!important;padding-bottom:0!important;
}

/* v2.12.9 – compact image dropdown directly below its field */
.dk-wrap .dk-image-dropdown{
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
}
.dk-wrap .dk-image-dropdown-menu{
  left:0!important;
  right:auto!important;
  top:calc(100% + 6px)!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  max-height:min(var(--dk-layout-dropdown-max,430px),70vh)!important;
  border-radius:var(--dk-layout-field-radius,9px)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.32)!important;
  z-index:120!important;
}
.dk-wrap .dk-image-choice{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:11px!important;
  min-height:64px!important;
  padding:8px 12px!important;
}
.dk-wrap .dk-image-choice>img,
.dk-wrap .dk-image-choice-placeholder{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
}
.dk-wrap .dk-image-choice-copy strong{
  font-size:var(--dk-theme-option,17px)!important;
  line-height:1.25!important;
}
.dk-wrap .dk-image-choice-copy small{
  margin-top:2px!important;
  font-size:14px!important;
  line-height:1.25!important;
}
@media(max-width:900px){
  .dk-wrap .dk-image-dropdown-menu{width:100%!important;min-width:100%!important;max-width:100%!important;max-height:min(var(--dk-layout-dropdown-max,430px),70vh)!important}
  .dk-wrap .dk-image-choice{grid-template-columns:42px minmax(0,1fr)!important;min-height:60px!important;padding:8px 10px!important;gap:10px!important}
  .dk-wrap .dk-image-choice>img,.dk-wrap .dk-image-choice-placeholder{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}
}

/* v2.13.18: clear post-submit confirmation and automatic focus target */
.dk-submit-success-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.dk-submit-success-copy small{display:block;color:inherit;font-size:13px;font-weight:500;line-height:1.45;opacity:.92}
.dk-submit-success:focus{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:700px){.dk-submit-success-copy{gap:4px}.dk-submit-success-copy small{font-size:12px}}

/* v2.13.24 – long transmission text stays inside the confirmation card */
.dk-submit-success{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.dk-submit-success-copy{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.dk-submit-success-copy strong,
.dk-submit-success-copy small{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:700px){
  .dk-submit-success{align-items:flex-start!important}
  .dk-submit-success-icon{margin-top:1px}
}

/* v2.13.34 – actions remain locked until a valid submit actually starts */
.dk-wrap .dk-post-actions{display:none!important}
.dk-wrap .dk-post-actions.is-submit-visible{display:flex!important}
.dk-wrap .dk-post-actions.is-submit-visible.is-pending{display:none!important}
.dk-wrap .dk-post-actions.is-submit-visible:not(.is-pending) button{cursor:pointer!important;opacity:1!important}
.dk-wrap .dk-post-actions.is-submit-visible:not(.is-pending) .dk-pdf{background:var(--dk-pdf-bg,#777777)!important;color:var(--dk-pdf-text,#f1f1f1)!important}
.dk-wrap .dk-post-actions.is-submit-visible:not(.is-pending) .dk-pdf:hover{background:var(--dk-pdf-hover,#666666)!important}
.dk-wrap .dk-post-actions.is-submit-visible:not(.is-pending) .dk-share{background:var(--dk-share-bg,#777777)!important;color:var(--dk-share-text,#f1f1f1)!important}
.dk-wrap .dk-post-actions.is-submit-visible:not(.is-pending) .dk-share:hover{background:var(--dk-share-hover,#666666)!important}
.dk-wrap .dk-post-actions.is-pending button,
.dk-wrap .dk-post-actions.is-pending button:hover{
  background:#777777!important;
  color:#d7d7d7!important;
  cursor:not-allowed!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* v2.15.15 – clean, consistent Stylemix-like dropdown states */
.dk-wrap .dk-select-wrap,
.dk-wrap .dk-image-dropdown,
.dk-wrap .dk-image-dropdown-button,
.dk-wrap .dk-image-dropdown-menu,
.dk-wrap .dk-image-choice{box-sizing:border-box!important}
.dk-wrap .dk-style-select,
.dk-wrap .dk-image-dropdown-button{
  border:1px solid transparent!important;
  transition:border-color .16s ease,border-radius .16s ease!important;
}
.dk-wrap .dk-select-wrap.has-selection .dk-style-select,
.dk-wrap .dk-image-dropdown.has-selection .dk-image-dropdown-button,
.dk-wrap .dk-image-dropdown.is-open .dk-image-dropdown-button{
  border-color:var(--dk-green,#00bf72)!important;
}
.dk-wrap .dk-image-dropdown.is-open .dk-image-dropdown-button{
  border-radius:var(--dk-layout-field-radius,9px) var(--dk-layout-field-radius,9px) 0 0!important;
}
.dk-wrap .dk-image-dropdown-button>b{
  width:0!important;height:0!important;min-width:0!important;
  margin-left:auto!important;
  border-left:6px solid transparent!important;
  border-right:6px solid transparent!important;
  border-top:8px solid currentColor!important;
  transform:none!important;
  transition:transform .16s ease!important;
}
.dk-wrap .dk-image-dropdown.is-open .dk-image-dropdown-button>b{transform:rotate(180deg)!important}
.dk-wrap .dk-image-dropdown-menu{
  top:100%!important;
  left:0!important;right:0!important;
  width:100%!important;min-width:100%!important;max-width:100%!important;
  margin-top:0!important;
  border:1px solid #8f8f8f!important;
  border-top:0!important;
  border-radius:0!important;
  overflow-x:hidden!important;
}
.dk-wrap .dk-image-choice{
  width:100%!important;
  border-left:2px solid transparent!important;
  border-right:2px solid transparent!important;
}
.dk-wrap .dk-image-choice.is-selected{
  border:2px solid var(--dk-green,#00bf72)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* v2.15.16 – one crisp triangle language for every frontend accordion */
.dk-wrap .dk-summary-heading i,
.dk-wrap .dk-frontend-group-heading i{
  font-size:0!important;
  line-height:0!important;
}
.dk-wrap .dk-summary-heading i::before{
  content:""!important;
  display:block!important;
  width:0!important;height:0!important;
  border-left:5px solid transparent!important;
  border-right:5px solid transparent!important;
  border-bottom:7px solid currentColor!important;
}
.dk-wrap .dk-frontend-group-heading i::before{
  content:""!important;
  display:block!important;
  width:0!important;height:0!important;
  border-left:6px solid transparent!important;
  border-right:6px solid transparent!important;
  border-top:8px solid currentColor!important;
}
.dk-wrap .dk-config{
  padding-bottom:max(10px,calc(var(--dk-layout-config-py,24px) * .5))!important;
}

/* v2.15.23 – the left calculator must end directly below its last visible row.
 * Some page-builder/theme grid rules stretched it to the height of the summary,
 * which looked like a large empty black area below “Grundpreis”. */
.dk-wrap .dk-main{
  align-items:start!important;
}
.dk-wrap .dk-config{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  padding-bottom:6px!important;
}
.dk-wrap .dk-config>.dk-fields-grid{
  align-content:start!important;
  height:auto!important;
  min-height:0!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.dk-wrap .dk-config>.dk-fields-grid>.dk-field:not([hidden]){
  min-height:0!important;
}
@media(max-width:700px){
  .dk-wrap .dk-config{padding-bottom:6px!important}
}

/* v2.15.17 – Stylemix-like visual gap between trigger and opened image menu */
.dk-wrap .dk-image-dropdown.is-open .dk-image-dropdown-button{
  border-radius:var(--dk-layout-field-radius,9px)!important;
}
.dk-wrap .dk-image-dropdown-menu{
  top:calc(100% + 10px)!important;
  border-top:1px solid #8f8f8f!important;
  border-radius:6px!important;
}

/* v2.15.18 – required dropdowns use only a red control outline */
.dk-wrap .dk-field.dk-invalid.dk-type-dropdown,
.dk-wrap .dk-field.dk-invalid.dk-type-image_dropdown{
  outline:0!important;
}
.dk-wrap .dk-field.dk-invalid.dk-type-dropdown .dk-style-select,
.dk-wrap .dk-field.dk-invalid.dk-type-image_dropdown .dk-image-dropdown-button{
  border-color:#e64343!important;
  box-shadow:0 0 0 1px #e64343!important;
}

/* v2.15.19 – match the Decamp website typography throughout the configurator */
.dk-wrap.dk-wrap,
.dk-wrap.dk-wrap *{
  font-family:Roboto,sans-serif!important;
}

/* v2.15.20 – opened image dropdown menus are fully square */
.dk-wrap .dk-image-dropdown-menu{
  border-radius:0!important;
}
.dk-wrap .dk-image-dropdown-menu .dk-image-choice,
.dk-wrap .dk-image-dropdown-menu .dk-image-choice:first-child,
.dk-wrap .dk-image-dropdown-menu .dk-image-choice:last-child{
  border-radius:0!important;
}
/* v2.15.76 – Stylemix selection states: grey off, green on. */
.dk-wrap .dk-switch i{background:var(--dk-radio-off,#808080)!important}
.dk-wrap .dk-switch i:after{background:#4d4d4d!important;transform:none!important}
.dk-wrap .dk-switch input:checked+i{background:var(--dk-green,#00bf72)!important}
.dk-wrap .dk-switch input:checked+i:after{background:#fff!important;transform:translateX(22px)!important}
.dk-wrap .dk-radio-list .dk-checkmark{background:var(--dk-radio-off,#808080)!important;border-color:var(--dk-radio-off,#808080)!important}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark{background:transparent!important;border-color:var(--dk-radio-on,#00bf72)!important}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark:after{background:var(--dk-radio-on,#00bf72)!important}

/* v2.15.80 – final explicit inactive/active states. */
.dk-wrap .dk-switch-row .dk-switch input:not(:checked) + i{background:var(--dk-radio-off,#808080)!important}
.dk-wrap .dk-switch-row .dk-switch input:not(:checked) + i:after{background:#4d4d4d!important;transform:none!important}
.dk-wrap .dk-switch-row .dk-switch input:checked + i{background:var(--dk-green,#00bf72)!important}
.dk-wrap .dk-switch-row .dk-switch input:checked + i:after{background:#fff!important;transform:translateX(22px)!important}
.dk-wrap .dk-radio-list .dk-choice-row input:not(:checked) + .dk-checkmark{background:var(--dk-radio-off,#808080)!important;border-color:var(--dk-radio-off,#808080)!important}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark{background:transparent!important;border-color:var(--dk-radio-on,#00bf72)!important}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark:after{background:var(--dk-radio-on,#00bf72)!important}

/* v2.15.83 – Stylemix radio/toggle geometry and separately editable centers. */
.dk-wrap .dk-radio-list .dk-choice-row .dk-checkmark{
  position:relative!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  border:2px solid var(--dk-radio-off,#808080)!important;
  background:var(--dk-radio-off,#808080)!important;
  box-shadow:none!important;
}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark{
  border-color:var(--dk-radio-on,#00bf72)!important;
  background:var(--dk-radio-on,#00bf72)!important;
}
.dk-wrap .dk-radio-list .dk-choice-row input + .dk-checkmark:after{
  content:""!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:11px!important;
  height:11px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--dk-radio-dot-off,#b4b4b4)!important;
  box-shadow:none!important;
}
.dk-wrap .dk-radio-list .dk-choice-row input:checked + .dk-checkmark:after{
  background:var(--dk-radio-dot-on,#6f6f6f)!important;
}
.dk-wrap .dk-switch-row .dk-switch{
  position:relative!important;
  width:48px!important;
  height:26px!important;
  flex:0 0 48px!important;
  overflow:visible!important;
}
.dk-wrap .dk-switch-row .dk-switch input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:2!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.dk-wrap .dk-switch-row .dk-switch i{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--dk-toggle-off,#3b3b3b)!important;
  box-shadow:none!important;
}
.dk-wrap .dk-switch-row .dk-switch i:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  right:auto!important;
  bottom:auto!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--dk-toggle-knob-off,#8f8f8f)!important;
  box-shadow:none!important;
}
.dk-wrap .dk-switch-row .dk-switch input:checked + i{
  background:var(--dk-toggle-on,#00bf72)!important;
}
.dk-wrap .dk-switch-row .dk-switch input:checked + i:after{
  left:3px!important;
  transform:translateX(22px)!important;
  background:var(--dk-toggle-knob-on,#8f8f8f)!important;
}

/* v2.15.188 – let the Element Columns setting control option cards inside a field. */
.dk-wrap .dk-field.dk-option-cols-2 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-2 .dk-switch-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-3 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-3 .dk-switch-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-4 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-4 .dk-switch-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-5 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-5 .dk-switch-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-6 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-6 .dk-switch-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-7 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-7 .dk-switch-list{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field.dk-option-cols-8 .dk-choice-list,
.dk-wrap .dk-field.dk-option-cols-8 .dk-switch-list{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px 18px!important;align-items:start}
.dk-wrap .dk-field[class*="dk-option-cols-"] .dk-choice-list>.dk-choice-row,
.dk-wrap .dk-field[class*="dk-option-cols-"] .dk-switch-list>.dk-switch-row{min-width:0}
@media(max-width:700px){
  .dk-wrap .dk-field[class*="dk-option-cols-"] .dk-choice-list,
  .dk-wrap .dk-field[class*="dk-option-cols-"] .dk-switch-list{grid-template-columns:1fr!important}
}

/* v2.15.208 – compact payment choices and separate direct-buy flow. */
.dk-wrap .dk-summary-offer-buttons{
  display:flex;
  gap:10px;
  align-items:stretch;
}
.dk-wrap .dk-summary-offer-buttons>button{
  flex:1 1 0;
  width:auto!important;
  min-width:0;
}
.dk-wrap .dk-summary-offer-buttons .dk-direct-buy{
  background:var(--dk-btn-bg,var(--dk-green))!important;
  color:var(--dk-btn-text,#04402a)!important;
  height:var(--dk-btn-height,56px)!important;
  min-height:var(--dk-btn-height,56px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.dk-wrap .dk-summary-offer-buttons .dk-direct-buy:hover{
  background:var(--dk-btn-hover,var(--dk-btn-bg,var(--dk-green)))!important;
}
.dk-wrap .dk-payment-summary>h3{
  font-size:18px;
  margin-bottom:8px;
}
.dk-wrap .dk-payment-options{
  display:flex!important;
  flex-direction:column;
  gap:0!important;
}
.dk-wrap .dk-payment-options label{
  display:flex!important;
  align-items:center;
  gap:10px;
  margin:0!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid #303030!important;
  border-radius:0!important;
  background:transparent!important;
  line-height:1.25;
  cursor:pointer;
}
.dk-wrap .dk-payment-options label:last-child{border-bottom:0!important}
.dk-wrap .dk-payment-options input[type="radio"]{
  flex:0 0 auto;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:var(--dk-green);
}
.dk-wrap .dk-direct-buy-next{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #242424;
}
.dk-wrap .dk-direct-buy-continue{
  width:100%!important;
  min-height:var(--dk-btn-height,56px);
  border:0!important;
  border-radius:var(--dk-btn-radius,12px)!important;
  background:var(--dk-btn-bg,var(--dk-green))!important;
  color:var(--dk-btn-text,#04402a)!important;
  font-size:var(--dk-btn-size,17px)!important;
  font-weight:600!important;
  cursor:pointer;
}
.dk-wrap .dk-direct-buy-continue:hover{background:var(--dk-btn-hover,var(--dk-btn-bg,var(--dk-green)))!important}
@media(max-width:700px){
  .dk-wrap .dk-summary-offer-buttons{flex-direction:column}
}

/* v2.15.222: one font family for configurator and summary */
.dk-wrap .dk-config,
.dk-wrap .dk-config *,
.dk-wrap .dk-summary,
.dk-wrap .dk-summary *{
  font-family:inherit!important;
}

/* Hide the offer CTA after it opens the customer form. */
.dk-wrap .dk-summary-offer[hidden]{display:none!important}


/* v2.15.412 – Keep the configured brand typeface consistent on embedded pages. */
.dk-wrap.dk-wrap .dk-config,
.dk-wrap.dk-wrap .dk-config *,
.dk-wrap.dk-wrap .dk-summary,
.dk-wrap.dk-wrap .dk-summary *{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
}

/* v2.15.413 – Protect left column font weights from page-builder heading rules. */
.dk-wrap.dk-wrap .dk-config .dk-field-title{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:var(--dk-field-title-weight,700)!important;
}
.dk-wrap.dk-wrap .dk-config .dk-frontend-group-heading{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:var(--dk-group-title-weight,700)!important;
}
.dk-wrap.dk-wrap .dk-config .dk-choice-copy strong,
.dk-wrap.dk-wrap .dk-config .dk-switch-row strong,
.dk-wrap.dk-wrap .dk-config .dk-image-choice-copy strong,
.dk-wrap.dk-wrap .dk-config .dk-style-select,
.dk-wrap.dk-wrap .dk-config .dk-style-input,
.dk-wrap.dk-wrap .dk-config .dk-image-dropdown-button>span{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:var(--dk-option-weight,500)!important;
}
.dk-wrap.dk-wrap .dk-config .dk-field-description,
.dk-wrap.dk-wrap .dk-config .dk-choice-copy small,
.dk-wrap.dk-wrap .dk-config .dk-switch-row small,
.dk-wrap.dk-wrap .dk-config .dk-image-choice-copy small{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:var(--dk-description-weight,400)!important;
}

/* v2.15.414 – Match left-side field copy to the regular summary-row typography. */
.dk-wrap.dk-wrap .dk-config .dk-field-title,
.dk-wrap.dk-wrap .dk-config .dk-choice-copy strong,
.dk-wrap.dk-wrap .dk-config .dk-switch-row strong,
.dk-wrap.dk-wrap .dk-config .dk-image-choice-copy strong{
  font-family:inherit!important;
  font-weight:400!important;
}

/* v2.15.415 – Use the same typography for left descriptions as summary choices. */
.dk-wrap.dk-wrap .dk-config .dk-field-description,
.dk-wrap.dk-wrap .dk-config .dk-choice-copy small,
.dk-wrap.dk-wrap .dk-config .dk-switch-row small,
.dk-wrap.dk-wrap .dk-config .dk-image-choice-copy small{
  font-family:inherit!important;
  font-size:var(--dk-theme-summary-choice,15px)!important;
  font-weight:400!important;
  line-height:1.3!important;
}

/* v2.15.416 – Match native dropdown text to the regular right-side summary text. */
.dk-wrap.dk-wrap .dk-config select.dk-style-select{
  font-family:inherit!important;
  font-weight:400!important;
}


/* v2.15.424 – Enlarge the empty dropdown placeholder directly, independent of JS classes. */
.dk-wrap.dk-wrap .dk-config .dk-select-wrap.is-placeholder select.dk-style-select{
  font-size:var(--dk-theme-option,17px)!important;
}

/* v2.15.425 – Use the same option typography as the builder preview for the empty placeholder. */
.dk-wrap .dk-config select.dk-choice-select:has(> option:first-child:checked[value=""]){
  font-size:var(--dk-theme-option,17px)!important;
}

/* v2.15.426 – Match the builder preview font settings on the empty live dropdown; keep regular weight. */
.dk-wrap.dk-wrap .dk-config .dk-select-wrap.is-placeholder select.dk-choice-select,
.dk-wrap.dk-wrap .dk-config select.dk-choice-select:has(> option:first-child:checked[value=""]){
  font-family:var(--dk-option-font,inherit)!important;
  font-size:var(--dk-theme-option,17px)!important;
  font-weight:400!important;
  color:var(--dk-option-color,#8b8b8b)!important;
  line-height:1.3!important;
}

/* v2.15.427 – Keep promo-code text and placeholder clearly white on the dark field. */
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code::placeholder{
  color:#fff!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code::-webkit-input-placeholder{
  color:#fff!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
}

/* v2.15.428 – Make the complete promo-code control match the builder preview's text input. */
.dk-wrap.dk-wrap .dk-summary .dk-promo label{
  display:block!important;
  margin-bottom:7px!important;
  font-family:var(--dk-field-title-font,inherit)!important;
  font-size:var(--dk-theme-field-title,19px)!important;
  font-weight:var(--dk-field-title-weight,700)!important;
  color:#fff!important;
}
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:var(--dk-layout-field-height,46px)!important;
  height:var(--dk-layout-field-height,46px)!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:var(--dk-layout-field-radius,9px)!important;
  background:#777!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:var(--dk-option-font,Roboto,"Helvetica Neue",Arial,sans-serif)!important;
  font-size:var(--dk-theme-option,17px)!important;
  font-weight:400!important;
  line-height:1.3!important;
  box-shadow:none!important;
}
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code::placeholder,
.dk-wrap.dk-wrap .dk-summary .dk-promo input.dk-promo-code::-webkit-input-placeholder{
  color:#fff!important;
  opacity:1!important;
  -webkit-text-fill-color:#fff!important;
  font:inherit!important;
}

/* v2.15.429 – Match all frontend action button typography to the bold builder preview. */
.dk-wrap.dk-wrap .dk-summary .dk-summary-offer .dk-offer,
.dk-wrap.dk-wrap .dk-summary .dk-customer-submit .dk-submit,
.dk-wrap.dk-wrap .dk-summary .dk-post-actions .dk-pdf,
.dk-wrap.dk-wrap .dk-summary .dk-post-actions .dk-share{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Dropdown option and placeholder typography: smaller, regular weight. */
.dk-wrap .dk-config .dk-image-choice-copy strong{font-size:16px!important;font-weight:400!important}
.dk-wrap .dk-config .dk-image-choice-copy small{font-size:14px!important;color:#fff!important;opacity:1!important;font-weight:400!important}
.dk-wrap .dk-config .dk-image-dropdown-button>span{font-family:inherit!important;font-size:16px!important;font-weight:400!important}

/* v2.15.457 – Mobile layout: fields first, compact type scaled for phone screens. */
@media(max-width:700px){
  .dk-wrap .dk-main{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .dk-wrap .dk-config{order:0!important;padding:16px 14px 8px!important}
  .dk-wrap .dk-summary{order:1!important}
  .dk-wrap .dk-summary-sticky{position:static!important;padding:16px 14px!important}
  .dk-wrap .dk-config>.dk-fields-grid{column-gap:0!important;row-gap:0!important}
  .dk-wrap .dk-field{padding-bottom:8px!important;margin-bottom:8px!important}
  .dk-wrap .dk-field-title{font-size:15px!important;line-height:1.3!important;margin-bottom:7px!important}
  .dk-wrap .dk-field-description,
  .dk-wrap .dk-choice-copy small,
  .dk-wrap .dk-switch-row small{font-size:13px!important;line-height:1.35!important}
  .dk-wrap .dk-choice-copy strong,
  .dk-wrap .dk-switch-row strong,
  .dk-wrap .dk-image-choice-copy strong{font-size:14px!important;line-height:1.3!important}
  .dk-wrap .dk-choice-row>b{font-size:13px!important}
  .dk-wrap .dk-style-select,
  .dk-wrap .dk-image-dropdown-button{font-size:15px!important;min-height:44px!important;height:44px!important}
  .dk-wrap .dk-summary-heading{font-size:23px!important;padding-bottom:12px!important}
  .dk-wrap .dk-summary-table-head{font-size:14px!important;padding:8px 10px!important}
  .dk-wrap .dk-summary-row{font-size:14px!important;column-gap:10px!important;padding:7px 0!important}
  .dk-wrap .dk-summary-row .dk-summary-group{font-size:14px!important;line-height:1.3!important}
  .dk-wrap .dk-summary-row .dk-summary-choice{font-size:13px!important;line-height:1.3!important;margin-left:8px!important}
  .dk-wrap .dk-summary-row>strong,
  .dk-wrap .dk-summary-row>strong.dk-included{font-size:13px!important;max-width:120px!important}
  .dk-wrap .dk-summary-empty{font-size:14px!important;padding:10px 0!important}
  .dk-wrap .dk-total{padding:12px 0!important}
  .dk-wrap .dk-total span{font-size:16px!important}
  .dk-wrap .dk-total strong{font-size:23px!important}
  .dk-wrap .dk-summary .dk-summary-offer .dk-offer,
  .dk-wrap .dk-summary .dk-customer-submit .dk-submit,
  .dk-wrap .dk-summary .dk-post-actions .dk-pdf,
  .dk-wrap .dk-summary .dk-post-actions .dk-share{font-size:15px!important;min-height:48px!important;height:48px!important}
  .dk-wrap .dk-image-choice-copy strong{font-size:14px!important}
  .dk-wrap .dk-image-choice-copy small{font-size:13px!important}
}

/* v2.15.458 – Keep included values such as “Grundausstattung” on one line on phones. */
@media(max-width:700px){
  .dk-wrap.dk-wrap .dk-summary .dk-summary-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .dk-wrap.dk-wrap .dk-summary .dk-summary-row .dk-summary-group{font-size:13px!important}
  .dk-wrap.dk-wrap .dk-summary .dk-summary-row .dk-summary-choice{font-size:12px!important}
  .dk-wrap.dk-wrap .dk-summary .dk-summary-row>strong{font-size:12px!important}
  .dk-wrap.dk-wrap .dk-summary .dk-summary-row>strong.dk-included{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
}


/* v2.15.460 – Match mobile option typography to the smaller summary text. Desktop and summary remain unchanged. */
@media(max-width:700px){
  .dk-wrap.dk-wrap .dk-config .dk-field-title,
  .dk-wrap.dk-wrap .dk-config .dk-choice-copy strong,
  .dk-wrap.dk-wrap .dk-config .dk-switch-row strong,
  .dk-wrap.dk-wrap .dk-config .dk-image-choice-copy strong,
  .dk-wrap.dk-wrap .dk-config .dk-image-dropdown-button>span,
  .dk-wrap.dk-wrap .dk-config select.dk-style-select{
    font-size:13px!important;
    line-height:1.3!important;
  }
  .dk-wrap.dk-wrap .dk-config .dk-field-description,
  .dk-wrap.dk-wrap .dk-config .dk-choice-copy small,
  .dk-wrap.dk-wrap .dk-config .dk-switch-row small,
  .dk-wrap.dk-wrap .dk-config .dk-image-choice-copy small{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .dk-wrap.dk-wrap .dk-config .dk-choice-row>b{
    font-size:12px!important;
  }
}