.htn-native-step-shell{width:100%;min-width:0;max-width:100%;color:#203247;font-family:'DM Sans',Arial,sans-serif;overflow-wrap:anywhere}
.htn-native-step-shell [hidden]{display:none!important}
.htn-native-step-shell .form-open{background:#d4ee80;color:#192b40;border:1px solid #b9cd7a;border-radius:999px;padding:14px 24px;min-height:52px;font:600 16px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.htn-native-step-shell .form-open:focus-visible{outline:3px solid #748c27;outline-offset:3px}
.htn-native-step-shell .form-status{font-size:15px;line-height:1.6}
.htn-branded-form .htn-deposit-submit-issue{box-sizing:border-box;max-width:100%;margin:16px 0;padding:16px;border:2px solid #9b4b20;border-radius:12px;background:#fff8f1;color:#203247;text-align:left;font:16px/1.6 Arial,sans-serif;overflow-wrap:anywhere;white-space:normal}
.htn-branded-form .htn-deposit-submit-issue[hidden],.htn-branded-form .htn-deposit-submit-issue [hidden]{display:none!important}
.htn-branded-form .htn-deposit-submit-issue p{margin:0 0 12px!important;color:inherit!important;font:inherit!important}
.htn-branded-form .htn-deposit-submit-issue:focus{outline:3px solid #9b4b20;outline-offset:2px}
.htn-branded-form .htn-deposit-restore{box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid #203247;border-radius:10px;background:#203247;color:#fff;font:600 15px/1.5 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:left;cursor:pointer}
.htn-native-step-shell .hubspot-target{width:100%;min-width:0;max-width:100%}
.htn-native-step-shell .hubspot-target>iframe{display:block;width:100%;max-width:100%;min-width:0;border:0}
.htn-branded-form textarea[data-auto-grow]{overflow-y:hidden!important;resize:none!important}
.htn-branded-form .dw-review pre,.htn-branded-form textarea{scrollbar-width:thin;scrollbar-color:#8a9f67 #eef3e8}
.htn-branded-form :is(.dw-review pre,textarea)::-webkit-scrollbar{width:8px;height:8px}
.htn-branded-form :is(.dw-review pre,textarea)::-webkit-scrollbar-thumb{background:#8a9f67;border:2px solid #eef3e8;border-radius:8px}
.htn-branded-form :is(.dw-review pre,textarea)::-webkit-scrollbar-track{background:#eef3e8;border-radius:8px}
.htn-staged-form .si-review{order:65;min-width:0;max-width:100%;margin:18px 0;padding:18px;border:1px solid #d5ddd1;border-radius:16px;background:#f8f9f5;color:#203247}
.htn-staged-form .si-review summary{font:600 16px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.htn-staged-form .si-review summary:focus-visible{outline:3px solid #748c27;outline-offset:4px}
.htn-staged-form .si-review p{font:14px/1.6 'DM Sans',Arial,sans-serif}
.htn-staged-form .si-review pre{margin:16px 0 0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:14px/1.7 'DM Sans',Arial,sans-serif;background:transparent;color:#203247}
@media(max-width:480px){.htn-staged-form .si-review{padding:14px}.htn-staged-form .si-review pre{font-size:13px}}

/* This nested native shell is not the outer page-level two-column section. */
.htn-native-step-shell.application-section{display:block!important;padding:0!important}
.htn-native-step-shell.application-section>.application-panel{grid-column:auto!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;box-sizing:border-box}

/* Width hardening only: do not clip content or resize nested security frames. */
.htn-native-step-shell .hubspot-target>div,.htn-native-step-shell .hubspot-target iframe.hs-form-iframe{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html.htn-native-form-document,html.htn-native-form-document>body{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html.htn-native-form-document>body{margin:0!important}
html.htn-native-form-document form.htn-branded-form{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
:is(.htn-native-step-shell,html.htn-native-form-document form.htn-branded-form) :is(.dw-header,.si-header,.dw-navigation,.si-navigation,.dw-options,.dw-two-fields,.dw-extra,.si-review,.rw-tree,.rw-selection){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
:is(.htn-native-step-shell,html.htn-native-form-document form.htn-branded-form) :is(.dw-options,.dw-two-fields)>*{min-width:0;max-width:100%;box-sizing:border-box}
:is(.htn-native-step-shell,html.htn-native-form-document form.htn-branded-form) :is(.dw-step-label,.si-kicker,.dw-navigation,.si-navigation){flex-wrap:wrap}
:is(.htn-native-step-shell,html.htn-native-form-document form.htn-branded-form) :is(.dw-navigation,.si-navigation)>button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}

/* Keep the mobile floating WhatsApp bubble off native form navigation/submit. */
@media(max-width:600px){body:has(.htn-native-step-shell) .qlwapp__container{display:none!important}}

/* Keep the existing 3px native field focus ring inside the iframe edge. */
:is(.htn-native-step-shell,form.htn-branded-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea):focus-visible{outline-offset:-3px!important}

/* Append to native-shell.css in a new candidate only. This stylesheet is
   already loaded both on the page and inside verified same-origin form frames.
   Native dropdown behavior, options, validation, values and focus ring remain. */
/* Match the existing branded input exclusion-chain specificity. The whitelist
   adds no specificity and keeps buttons, ranges, colors and other types intact. */
form.htn-branded-form input.hs-input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):where(:not([type]),[type="text"],[type="email"],[type="tel"],[type="number"],[type="date"]),
form.htn-branded-form select.hs-input:not([multiple]):not([size]),
form.htn-branded-form select.hs-input:not([multiple])[size="1"] {
  box-sizing:border-box!important;
  height:auto!important;
  min-height:56px!important;
  line-height:24px!important;
}

/* The separate service eligibility controls are page-native, not HubSpot fields.
   Keep their native picker and existing labels while removing inherited height. */
.htn-service-entry input[type="date"],
.htn-service-entry select:not([multiple]):not([size]),
.htn-service-entry select:not([multiple])[size="1"] {
  box-sizing:border-box!important;
  height:auto!important;
  min-height:56px!important;
  line-height:24px!important;
}

/* Servicekosten only: keep the official HubSpot fields and transport.
   Fieldset intrinsic minima and unequal native 90% input widths caused the
   right column to crowd the iframe edge. Scope also works inside that frame. */
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset {
  box-sizing:border-box!important;
  min-width:0!important;
  min-inline-size:0!important;
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  padding-inline:0!important;
}
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset:is(.form-columns-2,.form-columns-3) {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:20px;
  row-gap:0;
}
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset > .hs-form-field {
  box-sizing:border-box!important;
  min-width:0!important;
  min-inline-size:0!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
}
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-form-field > .input {
  box-sizing:border-box!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-width:100%!important;
  margin:0!important;
}
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-form-field > .input > input.hs-input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-form-field > .input > select.hs-input,
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-form-field > .input > textarea.hs-input {
  box-sizing:border-box!important;
  min-width:0!important;
  min-inline-size:0!important;
  width:100%!important;
  max-width:100%!important;
}
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-form-field > label,
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-field-desc,
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c .hs-error-msgs {
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* Observed native three-field row: date, contract upload, rent-increase upload.
   Do not reorder or move fields; only let the date occupy the first full row. */
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset.form-columns-3 > .hs_ingangsdatum {
  grid-column:1 / -1;
}
/* These queries use the actual HubSpot iframe viewport, not the outer page. */
@media(max-width:600px) {
  form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset:is(.form-columns-2,.form-columns-3) {
    grid-template-columns:minmax(0,1fr);
  }
}
/* Live QA: the inherited 40px input clipped its 47px native upload button. */
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c input.hs-input[type=file] {
  height:auto!important;
  min-height:52px!important;
}
/* Preserve semantic hiding as well as HubSpot's inline display:none. */
form.hs-form-f2a817f7-84df-4ae5-be96-25fc9762259c fieldset[hidden] {
  display:none!important;
}