.elementor-20621 .elementor-element.elementor-element-dc12897{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20621 .elementor-element.elementor-element-9a2d548{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20621 .elementor-element.elementor-element-2c5d06c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-20621 .elementor-element.elementor-element-2c5d06c8:not(.elementor-motion-effects-element-type-background), .elementor-20621 .elementor-element.elementor-element-2c5d06c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a436a3 );}.elementor-20621 .elementor-element.elementor-element-2c5d06c8.e-con{--align-self:center;}@media(max-width:480px){.elementor-20621 .elementor-element.elementor-element-2c5d06c8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS *//* ======================================================================
 * /kontakt/sales/ — PAGE-SPECIFIC CSS ONLY
 * Base system (tokens, hero, buttons, .form-panel) is GLOBAL — not repeated.
 * Goes in: Page Settings → Advanced → Custom CSS
 * ====================================================================== */

/* --- Two-path router inside the hero (page one-off) --- */
.rts-page .sales-router{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:32px;
  text-align:left;               /* cards read left even in a centered hero */
}
.rts-page .sales-path{
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--rts-green-dark);
  border-radius:10px;
  padding:24px;
}
.rts-page .sales-path h2{
  color:var(--rts-green-pale);
  font-size:1.35rem;
  margin:0 0 8px;
}
.rts-page .sales-path p{
  color:var(--rts-text-light);
  font-size:0.95rem;
  flex:1 1 auto;                 /* equal card heights, buttons align */
  margin:0 0 20px;
}
.rts-page .sales-path .btn-primary,
.rts-page .sales-path .btn-secondary-on-dark{
  width:100%;
  text-align:center;
}
@media (max-width:767px){
  .rts-page .sales-router{grid-template-columns:1fr;}
}

/* --- HubSpot embed skin (from kontakt-sales.html) --- */
/* Scoped to .rts-sales-form so other HubSpot forms are untouched.
 * Use HubSpot's RAW embed (not iframe), wrapped in <div class="rts-sales-form">. */
.rts-sales-form .hs-form-field{margin-bottom:18px;}
.rts-sales-form .hs-form-field>label{display:block;font-family:Inter,Roboto,sans-serif;font-weight:700;font-size:.92rem;margin-bottom:6px;color:#0D1B2A;}
.rts-sales-form .hs-form-required{color:#086634;}
.rts-sales-form .hs-field-desc{font-family:Inter,Roboto,sans-serif;font-size:.82rem;color:#4a5a52;margin-top:4px;}
.rts-sales-form .hs-field-desc a{color:#086634;}
.rts-sales-form input.hs-input,
.rts-sales-form select.hs-input,
.rts-sales-form textarea.hs-input{
  width:100% !important;font-family:Inter,Roboto,sans-serif;font-size:.98rem;color:#0D1B2A;
  padding:12px 14px;border:1px solid #086634;border-radius:8px;background:#fff;box-sizing:border-box;
}
.rts-sales-form input.hs-input:focus,
.rts-sales-form select.hs-input:focus,
.rts-sales-form textarea.hs-input:focus{
  outline:none;border-color:#77B62A;box-shadow:0 0 0 3px rgba(119,182,42,.22);
}
.rts-sales-form textarea.hs-input{min-height:110px;}
.rts-sales-form .hs-button,
.rts-sales-form input[type=submit].hs-button{
  font-family:Inter,Roboto,sans-serif;font-weight:700;font-size:.98rem;
  padding:14px 28px;border:none;border-radius:8px;cursor:pointer;
  background:#086634;color:#fff;transition:background-color .15s ease;
}
.rts-sales-form .hs-button:hover{background:#064D27;}
.rts-sales-form .hs-error-msg,
.rts-sales-form .hs-error-msgs label{color:#A32D2D;font-size:.82rem;}
.rts-sales-form .form-columns-2 .hs-form-field{padding-right:10px;}
.rts-sales-form .legal-consent-container label,
.rts-sales-form .hs-form-booleancheckbox label{font-weight:400;font-size:.9rem;color:#0D1B2A;}

/* Widen the form column so HubSpot's 2-col rows fit without wrapping labels */
.rts-page #sales-form .inner-narrow{ max-width:900px; }

.rts-sales-form,
.rts-sales-form form,
.rts-sales-form .hsfc-Form,
.rts-sales-form .hsfc-Step,
.rts-sales-form .hsfc-Row {
  max-width: 100% !important;
  width: 100% !important;
}

/* ====================================================================== *//* End custom CSS */