@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

#Indgangsvinkel8rev2-6895a402ea3ac6895a686d3b5f6895a6c0253be6895a72c282fe6895c71e25940 .entry__grid .entry__grid-item:has(img) .box__visual-inner {
  background-color: var(--primary);
}

#Indgangsvinkel8rev2-6895a402ea3ac6895a686d3b5f6895a6c0253be6895a72c282fe6895c71e25940 .entry__grid .entry__grid-item:has(img) img {
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  min-height: unset;
  min-width: unset;
}

#Indgangsvinkel8rev2-640748622181e .effect-inner {
  height: 100%;
}

#Indgangsvinkel8rev2-640748622181e .effect-content {
  height: 100%;
}

#Indgangsvinkel8rev2-640748622181e .effect-content img {
  height: 65px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

#Indgangsvinkel8rev2-689498d20fccc .entry__grid .entry__grid-item .effect-inner {
  height: 100%;
}

#Indgangsvinkel8rev2-689498d20fccc .entry__grid .entry__grid-item .effect-content {
  display: grid;
  grid-template-rows: 50px auto;
  gap: 1rem;
  height: 100%;
}

#Indgangsvinkel8rev2-689498d20fccc .entry__grid .entry__grid-item .effect-content svg {
  justify-self: center;
  align-self: center;
}

#Indgangsvinkel8rev2-689498d20fccc .entry__grid .entry__grid-item .effect-content .ewh3 {
  align-self: center;
}

#ew-title-1 {
  margin-bottom: 1rem;
}

#ew-title-1 .col-12 {
  display: flex;
  gap: 1rem;
  align-items: center;
}

#ew-title-1 .col-12 h1 {
  margin-bottom: 0;
}

#ew-title-1 .col-12 img {
  height: 50px;
}

.Menu2rev2-624563e43ec58 .header .top_menu .trustpilot {
  cursor: auto;
}

.Menu2rev2-624563e43ec58 .header .top_menu .trustpilot:hover svg {
  filter: brightness(100%);
}

#Indgangsvinkel8rev2-6895a402ea3ac6895a686d3b5f6895a6c0253be6895a72c282fe6895a7764e2c1 .entry__grid-item:nth-child(3) .box__content {
  padding: 1.5rem;
}

#Indgangsvinkel8rev2-6895a402ea3ac6895a686d3b5f6895a6c0253be6895a72c282fe6895a7764e2c1 .entry__grid-item:nth-child(3) .box__content strong {
  font-weight: bold;
}

#Menu2rev2-624563e43ec58 .menu__dropdown--2 .menu__item--2 .menu__link:has(img) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#Menu2rev2-624563e43ec58 .menu__dropdown--2 .menu__item--2 .menu__link:has(img) img {
  height: 25px;
}


#Indgangsvinkel8rev2-68ecde73773dd .entry__grid-item--68ecde7564cb7 .box__visual-inner {
  border-radius: 12px;
}

/*@media screen and (max-width: 374px) {
    #Indgangsvinkel8rev2-68ecde73773dd entry__grid-item--68ecde7564cb7  {
        box-title-font-size: 5rem;
    }
}*/
#Indgangsvinkel8rev2-68ecde73773dd .entry__grid-item--68ecde7564cb7 {
  height: 30rem;
}

@media (max-width: 767px) {
  #Indgangsvinkel8rev2-68ecde73773dd .entry__grid-item--68ecde7564cb7 {
    height: auto;
  }
}
@media (max-width: 576px) {
  #Indgangsvinkel8rev2-68ecde73773dd .entry__grid-item--68ecde7564cb7 {
    height: 15rem;
  }
}
#Indgangsvinkel8rev2-68ecde73773dd .entry__grid {
  padding: 0;
}

#Indgangsvinkel8rev2-691db8d6dc958 .effect-content {
  text-align: left;
}

#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-brand img,
#iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale .iubenda-cs-brand img {
  height: auto;
  max-height: none !important;
  max-width: 150px !important;
  display: block;
  margin: auto;
  margin-top: 25px;
}

#iubenda-cs-banner .iubenda-cs-content,
#iubenda-cs-banner #iubenda-cs-title,
#iubenda-cs-banner .iub-toggle-checkbox.granular-control-checkbox span {
  background-color: transparent !important;
}

#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content div:nth-child(1) {
  margin-top: 0px !important;
}

a.iubenda-nostyle {
  color: #fff !important;
  font-weight: 700;
}


/* =========================================================
   BP GO TILMELDING - CLEAN FORM CSS
   Erstatter gamle/duplikerede regler for #block-ewcustom-webform1
   ========================================================= */

#block-ewcustom-webform1 {
  --bp-blue: #2F73FF;
  --bp-blue-dark: #0D6EFD;
  --bp-navy: #07162F;
  --bp-white: #FFFFFF;
  --bp-bg: #EEF4FC;
  --bp-field-bg: #F5F8FD;
  --bp-text: #253456;
  --bp-muted: #405173;
  --bp-border: #C9D8F0;
  --bp-border-soft: #D9E4F5;
  --bp-error: #C0392B;
  --bp-warn-bg: #FCEDD3;
  --bp-warn-border: #F0D478;
  font-family: "DM Sans", Arial, sans-serif;
  color: var(--bp-text);
}

#block-ewcustom-webform1,
#block-ewcustom-webform1 *,
#block-ewcustom-webform1 *::before,
#block-ewcustom-webform1 *::after {
  box-sizing: border-box;
}

/* Ydre sektion */
#block-ewcustom-webform1 .ew-webform-1-rev4 {
  position: relative;
  background: var(--bp-bg);
  padding: 6rem 1rem;
  overflow: hidden;
}

#block-ewcustom-webform1 .webform-ajax-form-wrapper,
#webform-submission-bp-go-tilmelding-node-70-form-ajax-content {
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin: 0 auto;
}

/* Formularen */
#block-ewcustom-webform1 form.webform-submission-bp-go-tilmelding-form,
.webform-submission-bp-go-tilmelding-form {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
  border: 1.5px solid #D0DCF0;
  border-radius: 25px;
  background: var(--bp-white);
  overflow: hidden;
  box-shadow: 0 12px 32px -20px rgba(13, 110, 253, 0.3);
  color: var(--bp-text);
  font-family: "DM Sans", Arial, sans-serif;
}

/* Progress */
#block-ewcustom-webform1 .webform-progress,
.webform-submission-bp-go-tilmelding-form .webform-progress {
  padding: 2.5rem 2.5rem 2.2rem;
  background: var(--bp-bg);
}

#block-ewcustom-webform1 .webform-progress__status,
#block-ewcustom-webform1 .progress-tracker__status,
#block-ewcustom-webform1 .webform-progress .progress-title[aria-hidden="true"],
.webform-submission-bp-go-tilmelding-form .webform-progress__status,
.webform-submission-bp-go-tilmelding-form .progress-tracker__status,
.webform-submission-bp-go-tilmelding-form .webform-progress .progress-title[aria-hidden="true"] {
  display: none !important;
}

#block-ewcustom-webform1 .webform-progress-tracker,
#block-ewcustom-webform1 .progress-tracker,
.webform-submission-bp-go-tilmelding-form .webform-progress-tracker,
.webform-submission-bp-go-tilmelding-form .progress-tracker {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  max-width: 560px;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none;
}

/* Skjul Drupal “Komplet”-step, hvis det renderes som 5. step */
#block-ewcustom-webform1 .webform-progress-tracker .progress-step:last-child:nth-child(5),
#block-ewcustom-webform1 .progress-tracker .progress-step:last-child:nth-child(5),
.webform-submission-bp-go-tilmelding-form .webform-progress-tracker .progress-step:last-child:nth-child(5),
.webform-submission-bp-go-tilmelding-form .progress-tracker .progress-step:last-child:nth-child(5) {
  display: none !important;
}

#block-ewcustom-webform1 .progress-step,
.webform-submission-bp-go-tilmelding-form .progress-step {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
  color: var(--bp-muted);
}

#block-ewcustom-webform1 .progress-step:not(:last-child)::after,
.webform-submission-bp-go-tilmelding-form .progress-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 13px;
  left: calc(50% + 18px);
  right: calc(-50% + 18px);
  height: 2px;
  background: var(--bp-border);
  z-index: 0;
}

#block-ewcustom-webform1 .progress-step:nth-child(4)::after,
.webform-submission-bp-go-tilmelding-form .progress-step:nth-child(4)::after {
  display: none !important;
}

#block-ewcustom-webform1 .progress-marker,
.webform-submission-bp-go-tilmelding-form .progress-marker {
  position: relative !important;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 auto 0.45rem !important;
  padding: 0 !important;
  border: 1px solid var(--bp-border) !important;
  border-radius: 50% !important;
  background: var(--bp-white) !important;
  color: var(--bp-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}

#block-ewcustom-webform1 .progress-marker::before,
#block-ewcustom-webform1 .progress-marker::after,
.webform-submission-bp-go-tilmelding-form .progress-marker::before,
.webform-submission-bp-go-tilmelding-form .progress-marker::after {
  content: none !important;
  display: none !important;
}

#block-ewcustom-webform1 .progress-step.is-active .progress-marker,
.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-marker {
  border-color: var(--bp-blue) !important;
  background: var(--bp-white) !important;
  color: var(--bp-blue) !important;
  box-shadow: 0 0 0 4px rgba(47, 115, 255, 0.12) !important;
}

#block-ewcustom-webform1 .progress-step.is-complete .progress-marker,
.webform-submission-bp-go-tilmelding-form .progress-step.is-complete .progress-marker {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue) !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden !important;
}

#block-ewcustom-webform1 .progress-step.is-complete::before,
.webform-submission-bp-go-tilmelding-form .progress-step.is-complete::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;
  width: 28px;
  height: 28px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

#block-ewcustom-webform1 .progress-step.is-active::before,
.webform-submission-bp-go-tilmelding-form .progress-step.is-active::before {
  content: none !important;
  display: none !important;
}

#block-ewcustom-webform1 .progress-step.is-complete:not(:last-child)::after,
.webform-submission-bp-go-tilmelding-form .progress-step.is-complete:not(:last-child)::after {
  background: var(--bp-blue);
}

#block-ewcustom-webform1 .progress-title,
#block-ewcustom-webform1 .progress-text,
.webform-submission-bp-go-tilmelding-form .progress-title,
.webform-submission-bp-go-tilmelding-form .progress-text {
  display: block;
  margin: 0 !important;
  color: var(--bp-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#block-ewcustom-webform1 .progress-step.is-active .progress-title,
#block-ewcustom-webform1 .progress-step.is-active .progress-text,
.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-title,
.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-text {
  color: var(--bp-blue) !important;
  font-weight: 700 !important;
}

/* Wizard content */
#block-ewcustom-webform1 form.webform-submission-bp-go-tilmelding-form > .form-wrapper:not(.form-actions),
#block-ewcustom-webform1 form.webform-submission-bp-go-tilmelding-form > .js-form-wrapper:not(.form-actions),
.webform-submission-bp-go-tilmelding-form > .form-wrapper:not(.form-actions),
.webform-submission-bp-go-tilmelding-form > .js-form-wrapper:not(.form-actions) {
  padding: 2rem 2.5rem 2.2rem;
  background: var(--bp-white);
}

#block-ewcustom-webform1 .webform-type-processed-text,
.webform-submission-bp-go-tilmelding-form .webform-type-processed-text {
  margin: 0 0 1.8rem;
}

#block-ewcustom-webform1 .webform-type-processed-text h3,
.webform-submission-bp-go-tilmelding-form .webform-type-processed-text h3 {
  margin: 0 0 0.65rem;
  color: var(--bp-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

#block-ewcustom-webform1 .webform-type-processed-text p,
.webform-submission-bp-go-tilmelding-form .webform-type-processed-text p {
  max-width: 100%;
  margin: 0;
  color: var(--bp-muted);
  font-size: 1rem;
  line-height: 1.55;
}

/* Labels and descriptions */
#block-ewcustom-webform1 .form-item,
.webform-submission-bp-go-tilmelding-form .form-item,
.webform-submission-bp-go-tilmelding-form .js-form-item {
  margin: 0 0 1.35rem;
}

#block-ewcustom-webform1 label,
#block-ewcustom-webform1 .fieldset-legend,
.webform-submission-bp-go-tilmelding-form label,
.webform-submission-bp-go-tilmelding-form .fieldset-legend {
  color: var(--bp-navy);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.3;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#block-ewcustom-webform1 .description,
#block-ewcustom-webform1 .webform-element-description,
#block-ewcustom-webform1 .fieldset-description,
.webform-submission-bp-go-tilmelding-form .description,
.webform-submission-bp-go-tilmelding-form .webform-element-description,
.webform-submission-bp-go-tilmelding-form .fieldset-description {
  margin: 0.35rem 0 0.55rem;
  color: var(--bp-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

#block-ewcustom-webform1 .form-required::after,
.webform-submission-bp-go-tilmelding-form .form-required::after {
  content: " *";
  color: var(--bp-blue);
  background: none !important;
  vertical-align: baseline;
}

#block-ewcustom-webform1 .webform-element-help,
.webform-submission-bp-go-tilmelding-form .webform-element-help {
  display: none !important;
}

/* Text fields */
#block-ewcustom-webform1 input[type="text"],
#block-ewcustom-webform1 input[type="email"],
#block-ewcustom-webform1 input[type="tel"],
#block-ewcustom-webform1 input[type="number"],
#block-ewcustom-webform1 input[type="url"],
#block-ewcustom-webform1 input[type="password"],
#block-ewcustom-webform1 input[type="date"],
#block-ewcustom-webform1 textarea,
#block-ewcustom-webform1 select,
.webform-submission-bp-go-tilmelding-form input[type="text"],
.webform-submission-bp-go-tilmelding-form input[type="email"],
.webform-submission-bp-go-tilmelding-form input[type="tel"],
.webform-submission-bp-go-tilmelding-form input[type="number"],
.webform-submission-bp-go-tilmelding-form input[type="url"],
.webform-submission-bp-go-tilmelding-form input[type="password"],
.webform-submission-bp-go-tilmelding-form input[type="date"],
.webform-submission-bp-go-tilmelding-form textarea,
.webform-submission-bp-go-tilmelding-form select {
  width: 100%;
  max-width: none;
  min-height: 50px;
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px solid var(--bp-border);
  border-radius: 7px;
  background: var(--bp-field-bg);
  color: #06152F;
  font: inherit;
  font-size: 1rem;
  line-height: 1.4;
  box-shadow: none;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#block-ewcustom-webform1 input:focus,
#block-ewcustom-webform1 textarea:focus,
#block-ewcustom-webform1 select:focus,
.webform-submission-bp-go-tilmelding-form input:focus,
.webform-submission-bp-go-tilmelding-form textarea:focus,
.webform-submission-bp-go-tilmelding-form select:focus {
  border-color: var(--bp-blue);
  background: var(--bp-white);
  box-shadow: 0 0 0 3px rgba(47, 115, 255, 0.1);
}

/* Fieldsets */
#block-ewcustom-webform1 fieldset,
.webform-submission-bp-go-tilmelding-form fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 1.35rem;
}

#block-ewcustom-webform1 fieldset > legend,
.webform-submission-bp-go-tilmelding-form fieldset > legend {
  padding: 0;
  margin: 0 0 0.75rem;
}

/* Spørgsmål i Grundvilkår */
#block-ewcustom-webform1 #edit-omsaetning--wrapper,
#block-ewcustom-webform1 #edit-leverandoerfakturaer-pr-md--wrapper,
#block-ewcustom-webform1 .form-item-antal-ansatte,
.webform-submission-bp-go-tilmelding-form #edit-omsaetning--wrapper,
.webform-submission-bp-go-tilmelding-form #edit-leverandoerfakturaer-pr-md--wrapper,
.webform-submission-bp-go-tilmelding-form .form-item-antal-ansatte {
  background: var(--bp-field-bg);
  border: 1px solid var(--bp-border-soft);
  border-radius: 10px;
  padding: 1.2rem 1.35rem;
  margin-bottom: 1rem;
}

/* Store sektioner */
#block-ewcustom-webform1 #edit-maanedlige-tilvalg-fieldset,
#block-ewcustom-webform1 #edit-aarlige-tilvalg-fieldset,
#block-ewcustom-webform1 #edit-onboarding-fieldset,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset,
.webform-submission-bp-go-tilmelding-form #edit-maanedlige-tilvalg-fieldset,
.webform-submission-bp-go-tilmelding-form #edit-aarlige-tilvalg-fieldset,
.webform-submission-bp-go-tilmelding-form #edit-onboarding-fieldset,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset {
  background: var(--bp-field-bg);
  border: 1px solid var(--bp-border-soft);
  border-radius: 11px;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

#block-ewcustom-webform1 #edit-maanedlige-tilvalg-fieldset > legend .fieldset-legend,
#block-ewcustom-webform1 #edit-aarlige-tilvalg-fieldset > legend .fieldset-legend,
#block-ewcustom-webform1 #edit-onboarding-fieldset > legend .fieldset-legend,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset > legend .fieldset-legend,
.webform-submission-bp-go-tilmelding-form #edit-maanedlige-tilvalg-fieldset > legend .fieldset-legend,
.webform-submission-bp-go-tilmelding-form #edit-aarlige-tilvalg-fieldset > legend .fieldset-legend,
.webform-submission-bp-go-tilmelding-form #edit-onboarding-fieldset > legend .fieldset-legend,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset > legend .fieldset-legend {
  color: var(--bp-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 800;
}

/* Radio-valg som pills/kort */
#block-ewcustom-webform1 .webform-options-display-one-column,
#block-ewcustom-webform1 .webform-options-display-two-columns,
#block-ewcustom-webform1 .webform-options-display-three-columns,
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column,
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns,
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

#block-ewcustom-webform1 .webform-options-display-one-column .form-item,
#block-ewcustom-webform1 .webform-options-display-two-columns .form-item,
#block-ewcustom-webform1 .webform-options-display-three-columns .form-item,
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column .form-item,
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns .form-item,
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns .form-item {
  display: block;
  margin: 0;
}

#block-ewcustom-webform1 .webform-options-display-one-column input[type="radio"],
#block-ewcustom-webform1 .webform-options-display-two-columns input[type="radio"],
#block-ewcustom-webform1 .webform-options-display-three-columns input[type="radio"],
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column input[type="radio"],
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns input[type="radio"],
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#block-ewcustom-webform1 .webform-options-display-one-column input[type="radio"] + label.option,
#block-ewcustom-webform1 .webform-options-display-two-columns input[type="radio"] + label.option,
#block-ewcustom-webform1 .webform-options-display-three-columns input[type="radio"] + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column input[type="radio"] + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns input[type="radio"] + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns input[type="radio"] + label.option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0.5rem 1rem;
  border: 1px solid var(--bp-border);
  border-radius: 999px;
  background: var(--bp-white);
  color: var(--bp-muted);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}

#block-ewcustom-webform1 .webform-options-display-one-column input[type="radio"] + label.option:hover,
#block-ewcustom-webform1 .webform-options-display-two-columns input[type="radio"] + label.option:hover,
#block-ewcustom-webform1 .webform-options-display-three-columns input[type="radio"] + label.option:hover,
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column input[type="radio"] + label.option:hover,
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns input[type="radio"] + label.option:hover,
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns input[type="radio"] + label.option:hover {
  border-color: rgba(47, 115, 255, 0.45);
  color: var(--bp-blue);
}

#block-ewcustom-webform1 .webform-options-display-one-column input[type="radio"]:checked + label.option,
#block-ewcustom-webform1 .webform-options-display-two-columns input[type="radio"]:checked + label.option,
#block-ewcustom-webform1 .webform-options-display-three-columns input[type="radio"]:checked + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-one-column input[type="radio"]:checked + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns input[type="radio"]:checked + label.option,
.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns input[type="radio"]:checked + label.option {
  border-color: var(--bp-blue);
  background: rgba(47, 115, 255, 0.07);
  color: var(--bp-blue);
  font-weight: 800;
}

/* Checkbox-kort / tilvalg */
#block-ewcustom-webform1 .webform-type-checkbox,
#block-ewcustom-webform1 .form-type-checkbox,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox {
  position: relative;
  display: block;
  margin: 0 0 0.75rem;
  padding: 0.95rem 1.1rem;
  border: 1px solid var(--bp-border);
  border-radius: 9px;
  background: var(--bp-white);
  transition: border-color 0.15s ease, background 0.15s ease;
}

#block-ewcustom-webform1 .webform-type-checkbox:hover,
#block-ewcustom-webform1 .form-type-checkbox:hover,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox:hover,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox:hover {
  border-color: rgba(47, 115, 255, 0.45);
}

#block-ewcustom-webform1 .webform-type-checkbox:has(input[type="checkbox"]:checked),
#block-ewcustom-webform1 .form-type-checkbox:has(input[type="checkbox"]:checked),
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox:has(input[type="checkbox"]:checked),
.webform-submission-bp-go-tilmelding-form .form-type-checkbox:has(input[type="checkbox"]:checked) {
  border-color: var(--bp-blue);
  background: rgba(47, 115, 255, 0.045);
}

#block-ewcustom-webform1 .webform-type-checkbox input[type="checkbox"],
#block-ewcustom-webform1 .form-type-checkbox input[type="checkbox"],
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox input[type="checkbox"],
.webform-submission-bp-go-tilmelding-form .form-type-checkbox input[type="checkbox"] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 22px;
  height: 22px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

#block-ewcustom-webform1 .webform-type-checkbox label.option,
#block-ewcustom-webform1 .form-type-checkbox label.option,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox label.option,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox label.option {
  display: block;
  position: relative;
  padding-right: 2.3rem;
  color: var(--bp-navy);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
  cursor: pointer;
}

#block-ewcustom-webform1 .webform-type-checkbox label.option::after,
#block-ewcustom-webform1 .form-type-checkbox label.option::after,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox label.option::after,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox label.option::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--bp-border);
  border-radius: 5px;
  background: var(--bp-white);
  color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 900;
}

#block-ewcustom-webform1 .webform-type-checkbox:has(input[type="checkbox"]:checked) label.option::after,
#block-ewcustom-webform1 .form-type-checkbox:has(input[type="checkbox"]:checked) label.option::after,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox:has(input[type="checkbox"]:checked) label.option::after,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox:has(input[type="checkbox"]:checked) label.option::after {
  content: "✓";
  border-color: var(--bp-blue);
  background: var(--bp-blue);
  color: var(--bp-white);
}

#block-ewcustom-webform1 .webform-type-checkbox .description,
#block-ewcustom-webform1 .form-type-checkbox .description,
.webform-submission-bp-go-tilmelding-form .webform-type-checkbox .description,
.webform-submission-bp-go-tilmelding-form .form-type-checkbox .description {
  padding-right: 2.3rem;
}

/* Månedlige tilvalg i grid */
#block-ewcustom-webform1 #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper,
.webform-submission-bp-go-tilmelding-form #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

#block-ewcustom-webform1 #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper > .form-item,
.webform-submission-bp-go-tilmelding-form #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper > .form-item {
  margin-bottom: 0;
}

#block-ewcustom-webform1 .form-item-lonsystem,
#block-ewcustom-webform1 .form-item-pos-system,
#block-ewcustom-webform1 .form-item-lager-system,
#block-ewcustom-webform1 .form-item-sags-system,
#block-ewcustom-webform1 .form-item-refusion,
.webform-submission-bp-go-tilmelding-form .form-item-lonsystem,
.webform-submission-bp-go-tilmelding-form .form-item-pos-system,
.webform-submission-bp-go-tilmelding-form .form-item-lager-system,
.webform-submission-bp-go-tilmelding-form .form-item-sags-system,
.webform-submission-bp-go-tilmelding-form .form-item-refusion {
  grid-column: 1 / -1;
  margin: 0 0 0.75rem 1rem;
  padding-left: 1rem;
  border-left: 3px solid rgba(47, 115, 255, 0.2);
}

/* Range / antal ansatte */
#block-ewcustom-webform1 .form-item-antal-ansatte,
.webform-submission-bp-go-tilmelding-form .form-item-antal-ansatte {
  display: block;
}

#block-ewcustom-webform1 .form-item-antal-ansatte label,
.webform-submission-bp-go-tilmelding-form .form-item-antal-ansatte label {
  display: block;
  margin: 0 0 0.75rem;
}

#block-ewcustom-webform1 input[type="range"],
.webform-submission-bp-go-tilmelding-form input[type="range"] {
  display: block;
  width: 100%;
  height: 34px;
  margin: 0.6rem 0 0;
  padding: 0;
  background: transparent;
  accent-color: var(--bp-blue);
}

#block-ewcustom-webform1 output,
.webform-submission-bp-go-tilmelding-form output {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 42px;
  margin: 0 0 0.75rem;
  padding: 0 12px;
  border: 1px solid var(--bp-border);
  border-radius: 10px;
  background: var(--bp-white);
  color: var(--bp-navy);
  font-size: 15px;
  font-weight: 700;
}

#block-ewcustom-webform1 .field-prefix,
#block-ewcustom-webform1 .field-suffix,
.webform-submission-bp-go-tilmelding-form .field-prefix,
.webform-submission-bp-go-tilmelding-form .field-suffix {
  color: var(--bp-navy);
  font-size: 14px;
}

/* Info/stop-bokse */
#block-ewcustom-webform1 .flow-stop,
#block-ewcustom-webform1 .bp-go-flow-note-warning,
.webform-submission-bp-go-tilmelding-form .flow-stop,
.webform-submission-bp-go-tilmelding-form .bp-go-flow-note-warning {
  margin: 1rem 0;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--bp-warn-border);
  border-radius: 9px;
  background: var(--bp-warn-bg);
  color: #6F5410;
  font-size: 0.88rem;
  line-height: 1.5;
}

#block-ewcustom-webform1 .flow-info,
#block-ewcustom-webform1 .lon-bracket-info,
#block-ewcustom-webform1 .bp-go-info-box,
#block-ewcustom-webform1 .bp-go-small-note,
#block-ewcustom-webform1 .bp-go-terms-intro,
.webform-submission-bp-go-tilmelding-form .flow-info,
.webform-submission-bp-go-tilmelding-form .lon-bracket-info,
.webform-submission-bp-go-tilmelding-form .bp-go-info-box,
.webform-submission-bp-go-tilmelding-form .bp-go-small-note,
.webform-submission-bp-go-tilmelding-form .bp-go-terms-intro {
  margin: 1rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0, 174, 239, 0.28);
  border-radius: 9px;
  background: rgba(0, 174, 239, 0.08);
  color: var(--bp-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

/* Oprydning og betalingsfrekvens */
#block-ewcustom-webform1 #edit-oprydning-antal-md,
#block-ewcustom-webform1 #edit-frekvens,
.webform-submission-bp-go-tilmelding-form #edit-oprydning-antal-md,
.webform-submission-bp-go-tilmelding-form #edit-frekvens {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.6rem;
}

#block-ewcustom-webform1 #edit-oprydning-antal-md input[type="radio"] + label.option,
.webform-submission-bp-go-tilmelding-form #edit-oprydning-antal-md input[type="radio"] + label.option {
  min-height: 54px;
  border-radius: 9px;
  white-space: normal;
  text-align: center;
}

#block-ewcustom-webform1 #edit-frekvens input[type="radio"] + label.option,
.webform-submission-bp-go-tilmelding-form #edit-frekvens input[type="radio"] + label.option {
  min-height: 72px;
  border-radius: 9px;
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
}

/* Vilkår */
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox {
  margin: 0;
  padding: 0.8rem 0;
  border: 0;
  border-bottom: 1px solid var(--bp-border-soft);
  border-radius: 0;
  background: transparent;
}

#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox:last-child,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox:last-child,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox:last-child,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox:last-child {
  border-bottom: 0;
}

#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox input[type="checkbox"],
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox input[type="checkbox"],
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox input[type="checkbox"],
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox input[type="checkbox"] {
  top: 0.9rem;
  left: 0;
  right: auto;
  opacity: 1;
  width: 18px;
  height: 18px;
  accent-color: var(--bp-blue);
}

#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox label.option,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox label.option,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox label.option,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox label.option {
  padding: 0 0 0 2rem;
  font-size: 0.88rem;
}

#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox label.option::after,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox label.option::after,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox label.option::after,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox label.option::after {
  display: none;
}

#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .webform-type-checkbox .description,
#block-ewcustom-webform1 .bp-go-vilkaar-fieldset .form-type-checkbox .description,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .webform-type-checkbox .description,
.webform-submission-bp-go-tilmelding-form .bp-go-vilkaar-fieldset .form-type-checkbox .description {
  padding: 0 0 0 2rem;
}

/* Prisboks */
#block-ewcustom-webform1 .bp-go-pricebox,
#block-ewcustom-webform1 .js-bp-go-pricebox,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox,
.webform-submission-bp-go-tilmelding-form .js-bp-go-pricebox {
  width: 100%;
  max-width: 430px;
  margin: 1.75rem 0 0;
  padding: 1.35rem 1.45rem;
  border: 1px solid var(--bp-border);
  border-radius: 16px;
  background: var(--bp-white);
  color: var(--bp-navy);
  box-shadow: 0 14px 36px rgba(0, 27, 61, 0.08);
}

#block-ewcustom-webform1 .bp-go-pricebox-kicker,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-kicker {
  margin: 0 0 0.55rem;
  color: #31527a;
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  line-height: 1.2;
  text-transform: uppercase;
}

#block-ewcustom-webform1 .bp-go-pricebox-total,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-total {
  margin: 0 0 0.55rem;
  color: var(--bp-navy);
  font-size: 2.35rem;
  font-weight: 850;
  letter-spacing: -0.04em;
  line-height: 1;
}

#block-ewcustom-webform1 .bp-go-pricebox-total small,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-total small {
  display: block;
  margin-top: 0.25rem;
  color: var(--bp-muted);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0;
}

#block-ewcustom-webform1 .bp-go-pricebox-note,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-note {
  margin: 0.5rem 0 0.9rem;
  color: #31527a;
  font-size: 0.82rem;
  line-height: 1.45;
}

#block-ewcustom-webform1 .bp-go-pricebox-lines p,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines p {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0.5rem 0;
  color: var(--bp-navy);
  font-size: 0.82rem;
  line-height: 1.35;
}

#block-ewcustom-webform1 .bp-go-pricebox-lines span,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines span {
  max-width: 68%;
}

#block-ewcustom-webform1 .bp-go-pricebox-lines strong,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines strong {
  flex: 0 0 auto;
  color: var(--bp-navy);
  font-weight: 850;
  text-align: right;
  white-space: nowrap;
}

#block-ewcustom-webform1 .bp-go-pricebox-lines hr,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines hr {
  border: 0;
  border-top: 1px solid var(--bp-border-soft);
  margin: 0.85rem 0;
}

#block-ewcustom-webform1 .bp-go-pricebox-onboarding,
.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-onboarding {
  margin: 0.9rem 0 0;
  padding-top: 0.8rem;
  border-top: 1px solid var(--bp-border-soft);
  color: var(--bp-navy);
  font-size: 0.82rem;
  font-weight: 850;
}

/* Actions */
#block-ewcustom-webform1 .form-actions,
#block-ewcustom-webform1 .webform-actions,
.webform-submission-bp-go-tilmelding-form .form-actions,
.webform-submission-bp-go-tilmelding-form .webform-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: 1.5rem 2.5rem 2.5rem;
  border-top: 1px solid var(--bp-border);
  background: var(--bp-white);
}

#block-ewcustom-webform1 .form-actions input,
#block-ewcustom-webform1 .form-actions button,
#block-ewcustom-webform1 .webform-button--next,
#block-ewcustom-webform1 .webform-button--previous,
#block-ewcustom-webform1 .webform-button--submit,
.webform-submission-bp-go-tilmelding-form .form-actions input,
.webform-submission-bp-go-tilmelding-form .form-actions button,
.webform-submission-bp-go-tilmelding-form .webform-button--next,
.webform-submission-bp-go-tilmelding-form .webform-button--previous,
.webform-submission-bp-go-tilmelding-form .webform-button--submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 46px;
  padding: 0.82rem 1.9rem !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--bp-blue) !important;
  color: var(--bp-white) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

#block-ewcustom-webform1 .webform-button--next,
#block-ewcustom-webform1 input.webform-button--next,
.webform-submission-bp-go-tilmelding-form .webform-button--next,
.webform-submission-bp-go-tilmelding-form input.webform-button--next {
  margin-left: auto;
}

#block-ewcustom-webform1 .webform-button--previous,
#block-ewcustom-webform1 input.webform-button--previous,
.webform-submission-bp-go-tilmelding-form .webform-button--previous,
.webform-submission-bp-go-tilmelding-form input.webform-button--previous {
  margin-right: auto;
}

#block-ewcustom-webform1 .webform-button--next:hover,
#block-ewcustom-webform1 .webform-button--previous:hover,
#block-ewcustom-webform1 .webform-button--submit:hover,
#block-ewcustom-webform1 input[type="submit"]:hover,
.webform-submission-bp-go-tilmelding-form .webform-button--next:hover,
.webform-submission-bp-go-tilmelding-form .webform-button--previous:hover,
.webform-submission-bp-go-tilmelding-form .webform-button--submit:hover,
.webform-submission-bp-go-tilmelding-form input[type="submit"]:hover {
  background: var(--bp-blue-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 20px rgba(47, 115, 255, 0.28);
}

/* Errors */
#block-ewcustom-webform1 .form-item--error input,
#block-ewcustom-webform1 .form-item--error textarea,
#block-ewcustom-webform1 .form-item--error select,
#block-ewcustom-webform1 input.error,
#block-ewcustom-webform1 textarea.error,
#block-ewcustom-webform1 select.error,
.webform-submission-bp-go-tilmelding-form .form-item--error input,
.webform-submission-bp-go-tilmelding-form .form-item--error textarea,
.webform-submission-bp-go-tilmelding-form .form-item--error select,
.webform-submission-bp-go-tilmelding-form input.error,
.webform-submission-bp-go-tilmelding-form textarea.error,
.webform-submission-bp-go-tilmelding-form select.error {
  border-color: var(--bp-error);
  background: #fffafa;
}

#block-ewcustom-webform1 .form-item--error-message,
#block-ewcustom-webform1 .form-item .error,
#block-ewcustom-webform1 .webform-message--error,
.webform-submission-bp-go-tilmelding-form .form-item--error-message,
.webform-submission-bp-go-tilmelding-form .form-item .error,
.webform-submission-bp-go-tilmelding-form .webform-message--error {
  margin-top: 0.35rem;
  color: var(--bp-error);
  font-size: 0.76rem;
}

#block-ewcustom-webform1 [data-lastpass-icon-root],
.webform-submission-bp-go-tilmelding-form [data-lastpass-icon-root] {
  display: none !important;
}

/* Mobil */
@media (max-width: 768px) {
  #block-ewcustom-webform1 .ew-webform-1-rev4 {
    padding: 3rem 1rem;
  }

  #block-ewcustom-webform1 .webform-progress,
  .webform-submission-bp-go-tilmelding-form .webform-progress {
    padding: 1.5rem 1.25rem 1rem;
  }

  #block-ewcustom-webform1 .webform-progress-tracker,
  #block-ewcustom-webform1 .progress-tracker,
  .webform-submission-bp-go-tilmelding-form .webform-progress-tracker,
  .webform-submission-bp-go-tilmelding-form .progress-tracker {
    max-width: 100%;
  }

  #block-ewcustom-webform1 .webform-progress-tracker .progress-title,
  #block-ewcustom-webform1 .progress-tracker .progress-title,
  .webform-submission-bp-go-tilmelding-form .webform-progress-tracker .progress-title,
  .webform-submission-bp-go-tilmelding-form .progress-tracker .progress-title {
    display: none !important;
  }

  #block-ewcustom-webform1 form.webform-submission-bp-go-tilmelding-form > .form-wrapper:not(.form-actions),
  #block-ewcustom-webform1 form.webform-submission-bp-go-tilmelding-form > .js-form-wrapper:not(.form-actions),
  .webform-submission-bp-go-tilmelding-form > .form-wrapper:not(.form-actions),
  .webform-submission-bp-go-tilmelding-form > .js-form-wrapper:not(.form-actions) {
    padding: 1.5rem;
  }

  #block-ewcustom-webform1 #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper,
  .webform-submission-bp-go-tilmelding-form #edit-maanedlige-tilvalg-fieldset > .fieldset-wrapper {
    grid-template-columns: 1fr;
  }

  #block-ewcustom-webform1 .form-item-lonsystem,
  #block-ewcustom-webform1 .form-item-pos-system,
  #block-ewcustom-webform1 .form-item-lager-system,
  #block-ewcustom-webform1 .form-item-sags-system,
  #block-ewcustom-webform1 .form-item-refusion,
  .webform-submission-bp-go-tilmelding-form .form-item-lonsystem,
  .webform-submission-bp-go-tilmelding-form .form-item-pos-system,
  .webform-submission-bp-go-tilmelding-form .form-item-lager-system,
  .webform-submission-bp-go-tilmelding-form .form-item-sags-system,
  .webform-submission-bp-go-tilmelding-form .form-item-refusion {
    margin-left: 0;
  }

  #block-ewcustom-webform1 .form-actions,
  #block-ewcustom-webform1 .webform-actions,
  .webform-submission-bp-go-tilmelding-form .form-actions,
  .webform-submission-bp-go-tilmelding-form .webform-actions {
    flex-direction: column;
    padding: 1.5rem;
  }

  #block-ewcustom-webform1 .webform-button--next,
  #block-ewcustom-webform1 .webform-button--previous,
  #block-ewcustom-webform1 .webform-button--submit,
  #block-ewcustom-webform1 input[type="submit"],
  .webform-submission-bp-go-tilmelding-form .webform-button--next,
  .webform-submission-bp-go-tilmelding-form .webform-button--previous,
  .webform-submission-bp-go-tilmelding-form .webform-button--submit,
  .webform-submission-bp-go-tilmelding-form input[type="submit"] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #block-ewcustom-webform1 .bp-go-pricebox,
  #block-ewcustom-webform1 .js-bp-go-pricebox,
  .webform-submission-bp-go-tilmelding-form .bp-go-pricebox,
  .webform-submission-bp-go-tilmelding-form .js-bp-go-pricebox {
    max-width: none;
  }
}

@media (max-width: 480px) {
  #block-ewcustom-webform1 .ew-webform-1-rev4 {
    padding: 2rem 0.75rem;
  }

  #block-ewcustom-webform1 .progress-marker,
  .webform-submission-bp-go-tilmelding-form .progress-marker {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    font-size: 0.74rem !important;
  }

  #block-ewcustom-webform1 .webform-options-display-one-column,
  #block-ewcustom-webform1 .webform-options-display-two-columns,
  #block-ewcustom-webform1 .webform-options-display-three-columns,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-one-column,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns {
    flex-direction: column;
  }

  #block-ewcustom-webform1 .webform-options-display-one-column input[type="radio"] + label.option,
  #block-ewcustom-webform1 .webform-options-display-two-columns input[type="radio"] + label.option,
  #block-ewcustom-webform1 .webform-options-display-three-columns input[type="radio"] + label.option,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-one-column input[type="radio"] + label.option,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns input[type="radio"] + label.option,
  .webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns input[type="radio"] + label.option {
    width: 100%;
    justify-content: flex-start;
  }
}

/*=================================
Prisberegner
===================================*/
.webform-submission-prisberegner-bp-go-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
  font-family: inherit;
}

.webform-submission-prisberegner-bp-go-form #edit-container,
.webform-submission-prisberegner-bp-go-form #edit-container-01 {
  border-radius: 14px;
  padding: 32px;
}

.webform-submission-prisberegner-bp-go-form #edit-container {
  background: #f4f7fb;
  border: 1px solid #c9d8ef;
}

.webform-submission-prisberegner-bp-go-form #edit-container-01 {
  background: #07192c;
  color: #fff;
}

.webform-submission-prisberegner-bp-go-form fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 28px;
}

.webform-submission-prisberegner-bp-go-form legend,
.webform-submission-prisberegner-bp-go-form .form-type-range > label,
.webform-submission-prisberegner-bp-go-form .form-type-item > label {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #6d7b91;
  margin-bottom: 14px;
  display: block;
}

.webform-submission-prisberegner-bp-go-form .webform-options-display-two-columns,
.webform-submission-prisberegner-bp-go-form .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.webform-submission-prisberegner-bp-go-form .form-radio,
.webform-submission-prisberegner-bp-go-form .form-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.webform-submission-prisberegner-bp-go-form label.option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 10px 20px;
  border: 1px solid #c5d6ef;
  border-radius: 999px;
  background: #fff;
  color: #31405a;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 0;
}

.webform-submission-prisberegner-bp-go-form input:checked + label.option {
  border-color: #0077ff;
  background: #eaf3ff;
  color: #0077ff;
  font-weight: 700;
}

.webform-submission-prisberegner-bp-go-form label.option:hover {
  border-color: #0077ff;
  color: #0077ff;
}

.webform-submission-prisberegner-bp-go-form .form-type-range {
  margin-bottom: 15px;
}

.webform-submission-prisberegner-bp-go-form .field-prefix {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.webform-submission-prisberegner-bp-go-form .form-type-number {
  display: flex;
  align-items: center;
  gap: 12px;
}

.webform-submission-prisberegner-bp-go-form .form-number {
  width: 50px !important;
  border: 0;
  background: transparent;
  font-size: 24px;
  font-weight: 800;
  color: #07192c;
  text-align: left !important;
  padding: 0;
  text-align: center !important;
}

.webform-submission-prisberegner-bp-go-form .field-suffix {
  color: #31405a;
  font-size: 14px;
}

.webform-submission-prisberegner-bp-go-form .form-range {
  width: 100%;
  accent-color: #0077ff;
}

.webform-submission-prisberegner-bp-go-form .form-type-item > label {
  color: #7e8ca1;
}

.webform-submission-prisberegner-bp-go-form .total_pris {
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  margin: 0 0 18px;
  color: #fff;
}

.webform-submission-prisberegner-bp-go-form .total_pris span {
  font-size: 15px;
  color: #94a3b8;
  font-weight: 700;
}

.webform-submission-prisberegner-bp-go-form #edit-container-01 hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  margin: 22px 0;
}

.webform-submission-prisberegner-bp-go-form .details,
.webform-submission-prisberegner-bp-go-form .details strong {
  color: #c8d2df;
  font-size: 14px;
}

.webform-submission-prisberegner-bp-go-form .details > div,
.webform-submission-prisberegner-bp-go-form .details p {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 12px;
}

.webform-submission-prisberegner-bp-go-form .form-actions,
.webform-submission-prisberegner-bp-go-form .webform-button--submit {
  grid-column: 2;
}

.webform-submission-prisberegner-bp-go-form .form-submit:not(.js-hide) {
  width: 100%;
  border: 0;
  border-radius: 7px;
  padding: 18px 24px;
  background: #09b5ea;
  color: #07192c;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .webform-submission-prisberegner-bp-go-form {
    grid-template-columns: 1fr;
  }
  .webform-submission-prisberegner-bp-go-form #edit-container,
  .webform-submission-prisberegner-bp-go-form #edit-container-01 {
    padding: 24px 18px;
  }
  .webform-submission-prisberegner-bp-go-form .total_pris {
    font-size: 42px;
  }
}
.webform-computed-loading {
  background-color: transparent;
}

/* test side setup styling */
.bp-hero {
  position: relative;
  padding: 80px 20px;
  overflow: hidden;
  top: 12%;
  padding-bottom: 0;
}

.bp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bp-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bp-hero__title {
  margin: 0 0 24px;
  line-height: 0.95;
}

.bp-hero__title span {
  display: inline-block;
}

.bp-hero__text {
  max-width: 700px;
  margin: 0 auto 32px;
  line-height: 1.6;
}

.bp-hero__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 48px;
}

.bp-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid currentColor;
  border-radius: 999px;
  line-height: 1;
}

.bp-hero__badge i {
  font-size: 0.875rem;
  flex-shrink: 0;
}

.bp-hero__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

.bp-hero__button--primary {
  border-color: transparent;
}

.bp-hero__note {
  margin: 0;
}

@media (max-width: 767px) {
  .bp-hero {
    padding: 60px 20px;
  }
  .bp-hero__buttons {
    flex-direction: column;
  }
  .bp-hero__button {
    width: 100%;
  }
}
#Slider4rev3-6a425d008c5aa .Slider4rev3-carousel-content {
  transform: unset;
}

#Slider4rev3-6a425d008c5aa:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(135deg, rgba(181, 199, 225, 0.45) 0, rgba(181, 199, 225, 0.45) 1px, transparent 1px, transparent 52px);
  opacity: 0.45;
}

/* */
.bp-hero__title {
  margin: 0 0 30px;
  font-family: "Instrument Serif", serif;
  /* or your heading font */
  font-size: clamp(63px, 6vw, 72px) !important;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -2px;
  color: #111827;
}

.bp-hero__title span {
  display: block;
  color: #3B6AF8;
}

/* INTRO */
.bp-hero__text {
  max-width: 760px;
  margin: 0 auto 34px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #667085;
}

.bp-hero__text strong {
  font-weight: 600;
  color: #1F2937;
}

.bp-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid #C9D8FF;
  border-radius: 999px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  color: #667085;
  background: #fff;
}

.bp-hero__badge i {
  color: #3B6AF8;
  font-size: 14px;
}

.bp-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-width: 230px;
  min-height: 50px;
  padding: 0 18px;
  font-size: 16px;
  border: 1px solid currentColor;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.bp-hero__button--primary {
  background: #3B6AF8;
  color: #fff;
  border: 1px solid #3B6AF8;
  border-radius: 8px;
}

.bp-hero__button--secondary {
  background: #fff;
  color: #111827;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
}

.bp-hero__note {
  margin-top: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #667085;
}

/*slider*/
@keyframes ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.ticker {
  display: flex;
  gap: 4rem;
  /*animation: ticker 30s linear infinite;*/
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  will-change: transform;
}

.ticker-wrap {
  overflow: hidden;
  width: 100%;
  border: 1px solid #D0DCF0;
  background: #EAF0F8;
  padding: 0.8rem 0;
}

.ticker-item {
  font-size: 0.7rem;
  font-weight: 600;
  color: #5A6680;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.ticker-item::before {
  content: "◆";
  color: #2581BB;
  font-size: 0.4rem;
}

/* */
.entry__grid-item--6a42765ed0cd5 {
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

/*.entry__grid-item--6a42765ed0cd5 .sec-label{
    margin:0 0 18px;
    font-size: 0.68rem;
    font-weight:700;
    line-height:1;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#3B6AF8;
}*/
.entry__grid-item--6a42765ed0cd5 .sec-title {
  max-width: 950px;
  margin: 0 auto 15px;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #111827;
}

.entry__grid-item--6a42765ed0cd5 .sec-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #667085;
}

.entry__grid-item--6a42765ed0cd5 .sec-body strong {
  color: #111827;
  font-weight: 600;
}

@media (max-width: 991px) {
  .entry__grid-item--6a42765ed0cd5 .sec-title {
    font-size: 52px;
  }
  .entry__grid-item--6a42765ed0cd5 .sec-body {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .entry__grid-item--6a42765ed0cd5 .sec-title {
    font-size: 38px;
  }
  .entry__grid-item--6a42765ed0cd5 .sec-body {
    font-size: 20px;
  }
}
.step {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 18px;
  padding: 42px 24px 28px;
  min-height: 205px;
  border: 1px solid #D8E2F5;
  border-right: none;
}

.step:last-child {
  border-right: 1px solid #D8E2F5;
}

.step-num {
  font-family: "Instrument Serif", serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  color: #E8EEFF;
}

.step-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  color: #111827;
}

.step-body {
  max-width: 280px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65;
  color: #667085;
}

.step1 {
  border-radius: 25px 0 0 25px;
}

.step4 {
  border-radius: 0 25px 25px 0;
}

.entry__grid-item--6a42765ed0cd5 {
  margin-bottom: 3rem;
}

/* */
.entry__grid-item--6a435e906dfa9 {
  max-width: 720px;
  padding: 36px 32px 40px;
}

/*.entry__grid-item--6a435e906dfa9 .sec-label{
    margin:0 0 18px;
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#3B6AF8;
}*/
/*.entry__grid-item--6a435e906dfa9 h2,
.entry__grid-item--6a4368c78249b h2{
    margin:0 0 24px;
    font-size: clamp(25px, 5vw, 35px);
    font-weight:600;
    line-height:.95;
    letter-spacing:-.04em;
    color:#07152F;
}
*/
.entry__grid-item--6a435e906dfa9 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry__grid-item--6a435e906dfa9 li {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 5px;
  padding: 15px 0;
  border-bottom: 1px solid #D8E2F5;
}

.entry__grid-item--6a435e906dfa9 li:last-child {
  border-bottom: none;
}

.entry__grid-item--6a435e906dfa9 li > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1;
}

.entry__grid-item--6a435e906dfa9 li > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.entry__grid-item--6a435e906dfa9 strong {
  display: block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  color: #07152F;
}

.entry__grid-item--6a435e906dfa9 li p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .entry__grid-item--6a435e906dfa9 li {
    grid-template-columns: 32px 1fr;
    gap: 14px;
  }
  .entry__grid-item--6a435e906dfa9 strong,
  .entry__grid-item--6a435e906dfa9 li p {
    font-size: 17px;
  }
}
#Indgangsvinkel8rev2-6a435e87e17f9 .container {
  max-width: 1100px !important;
  margin: auto;
}

/* */
.entry__grid-item--6a435e906dffa {
  padding: 36px 32px 40px;
  border-radius: 16px;
  background: #0D1B33;
}

/*.entry__grid-item--6a435e906dffa .sec-label{
    margin:0 0 18px;
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#28A8FF;
}*/
.entry__grid-item--6a435e906dffa h3 {
  max-width: 520px;
  margin: 0 0 18px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #fff;
}

.entry__grid-item--6a435e906dffa h3 strong {
  color: inherit;
  font: inherit;
  font-size: clamp(1.7rem, 3vw, 2.1rem) !important;
}

.entry__grid-item--6a435e906dffa p {
  color: rgba(255, 255, 255, 0.6509803922);
  margin-bottom: 5px;
}

.entry__grid-item--6a435e906dffa > div > p:nth-of-type(2) {
  max-width: 520px;
  margin: 0 0 32px;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
}

.entry__grid-item--6a435e906dffa ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry__grid-item--6a435e906dffa li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.entry__grid-item--6a435e906dffa li:last-child {
  border-bottom: none;
}

.entry__grid-item--6a435e906dffa .gain-check {
  margin-top: 6px;
  color: #28A8FF;
  font-size: 14px;
  flex-shrink: 0;
}

.entry__grid-item--6a435e906dffa li span:last-child {
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.6509803922);
}

.entry__grid-item--6a435e906dffa li strong {
  color: #fff;
  font-weight: 700;
  font-size: 17px;
}

@media (max-width: 767px) {
  .entry__grid-item--6a435e906dffa {
    padding: 28px 24px;
  }
  .entry__grid-item--6a435e906dffa h3 {
    font-size: 24px;
  }
  .entry__grid-item--6a435e906dffa li {
    grid-template-columns: 16px 1fr;
    gap: 12px;
  }
  .entry__grid-item--6a435e906dffa li span:last-child {
    font-size: 17px;
  }
}
/* */
.sec-label {
  margin: 0 0 18px !important;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #3B6AF8 !important;
}

.entry__grid-item--6a4368c78249b {
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
}

.entry__grid-item--6a4368c78249b .sec-body {
  max-width: 520px;
}

@media (max-width: 767px) {
  .entry__grid-item--6a4368c78249b h2 {
    font-size: 40px;
  }
  .entry__grid-item--6a4368c78249b .sec-body {
    font-size: 18px;
  }
}
/* PRISER */
.entry__grid-item--6a4368c7824e2 .pkg-card,
.entry__grid-item--6a4368c782562 .pkg-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px 32px;
  border: 1px solid #cddcff;
  border-radius: 16px;
  background: #fff;
}

.entry__grid-item--6a4368c78252a .pkg-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px 32px;
  border: 1px solid #cddcff;
  border-radius: 16px;
  background: #fff;
}

.entry__grid-item--6a4368c7824e2 .pkg-name,
.entry__grid-item--6a4368c782562 .pkg-name,
.entry__grid-item--6a4368c78252a .pkg-name {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #07152f;
}

.entry__grid-item--6a4368c7824e2 .pkg-bilag,
.entry__grid-item--6a4368c782562 .pkg-bilag,
.entry__grid-item--6a4368c78252a .pkg-bilag {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.5;
  color: #667085;
}

.entry__grid-item--6a4368c7824e2 .pkg-price,
.entry__grid-item--6a4368c782562 .pkg-price,
.entry__grid-item--6a4368c78252a .pkg-price {
  margin-bottom: 4px;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  color: #4f6fff;
}

.entry__grid-item--6a4368c7824e2 .pkg-price span,
.entry__grid-item--6a4368c782562 .pkg-price span,
.entry__grid-item--6a4368c78252a .pkg-price span {
  margin-left: 10px;
  font-size: 20px;
  font-weight: 500;
  color: #667085;
}

.entry__grid-item--6a4368c7824e2 .pkg-note,
.entry__grid-item--6a4368c782562 .pkg-note,
.entry__grid-item--6a4368c78252a .pkg-note {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.4;
  color: #667085;
}

.entry__grid-item--6a4368c7824e2 .pkg-items,
.entry__grid-item--6a4368c782562 .pkg-items,
.entry__grid-item--6a4368c78252a .pkg-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry__grid-item--6a4368c7824e2 .pkg-items li,
.entry__grid-item--6a4368c782562 .pkg-items li,
.entry__grid-item--6a4368c78252a .pkg-items li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1.5;
  color: #42526b;
}

.entry__grid-item--6a4368c7824e2 .pkg-items li i,
.entry__grid-item--6a4368c782562 .pkg-items li i,
.entry__grid-item--6a4368c78252a .pkg-items li i {
  margin-top: 5px;
  font-size: 14px;
  color: #4f6fff;
  flex-shrink: 0;
}

.entry__grid-item--6a4368c7824e2 .pkg-cta,
.entry__grid-item--6a4368c782562 .pkg-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
  padding: 14px 24px;
  border: 1px solid #4f6fff;
  border-radius: 8px;
  background: transparent;
  color: #4f6fff !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.entry__grid-item--6a4368c7824e2 .pkg-cta:hover,
.entry__grid-item--6a4368c782562 .pkg-cta:hover {
  background: #4f6fff;
  color: #fff !important;
}

.entry__grid-item--6a4368c78252a .pkg-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
  padding: 14px 24px;
  border: 1px solid #4f6fff;
  border-radius: 8px;
  background: #4F6FFB;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.entry__grid-item--6a4368c78252a .pkg-cta:hover {
  background: #4f6fff;
  color: #fff !important;
}

/* Featured card */
.entry__grid-item--6a4368c78252a .pkg-card.featured {
  position: relative;
  border: 2px solid #4F6FFF;
  box-shadow: 0 18px 45px rgba(79, 111, 255, 0.18);
}

/* Badge */
.entry__grid-item--6a4368c78252a .pkg-badge {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 18px;
  border-radius: 999px;
  background: #4F6FFF;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 10px 25px rgba(79, 111, 255, 0.35);
}

/* Filled CTA */
.entry__grid-item--6a4368c78252a .pkg-card.featured .pkg-cta {
  background: #4F6FFF;
  border-color: #4F6FFF;
  color: #fff;
}

.entry__grid-item--6a4368c78252a .pkg-card.featured .pkg-cta:hover {
  background: #3659F6;
  border-color: #3659F6;
}

.entry__grid-item--6a4368c782598 {
  text-align: center;
  margin-top: 20px;
}

/* */
.ew-webform-1-rev4-6a3911f073ccf {
  margin-bottom: 0;
}

.ew-webform-1-rev4-6a3e46209d43c {
  border-top: 1px solid #D8E2F5;
  padding: 6rem 10px;
}

.ew-webform-1-rev4-6a3e46209d43c h2 {
  margin: 0 0 15px;
  font-size: clamp(25px, 5vw, 35px);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #07152F;
}

.ew-webform-1-rev4-6a3e46209d43c .sec-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #667085;
}

.ew-webform-1-rev4-6a3e46209d43c .reveal {
  margin-bottom: 2rem;
  text-align: center;
}

.wizard-header {
  text-align: center;
}

.ew-webform-1-rev4-6a3911f073ccf h2 {
  margin: 0 0 15px;
  font-size: clamp(25px, 5vw, 35px);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #07152F;
}

.ew-webform-1-rev4-6a3911f073ccf .sec-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #667085;
}

.sec-title {
  margin: 0 auto 15px;
  font-size: clamp(1.7rem, 3vw, 2.1rem) !important;
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #111827;
}

#block-ewcustom-webform1-3 {
  border-top: 1px solid #D8E2F5;
}

.webformboks {
  text-align: center;
}

#ew-webform-1-rev4-6a439dfa04e4b {
  max-width: 1100px;
  margin: auto;
}

.sec-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #667085;
}

.webformboks a {
  color: #3073FB !important;
  text-decoration: underline;
}

#webform-submission-standard-node-70-add-form {
  background: #fff;
  border: 1.5px solid #D0DCF0;
  border-radius: 14px;
  padding: 2.5rem;
  text-align: left;
  box-shadow: 0 4px 24px rgba(13, 110, 253, 0.05);
  margin-top: 3rem;
}

/* webform standard go*/
.webform-submission-standard-go-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 16px;
  max-width: 720px;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #cddcff;
  border-radius: 14px;
  background: #fff;
  margin-top: 3rem;
}

.webform-submission-standard-go-form .form-item {
  margin: 0;
}

.webform-submission-standard-go-form .form-item-message,
.webform-submission-standard-go-form .form-actions,
.webform-submission-standard-go-form > input[type=hidden],
.webform-submission-standard-go-form .contextual {
  grid-column: 1/-1;
}

.webform-submission-standard-go-form .form-item::before {
  display: block;
  margin-bottom: 8px;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #42526b;
}

.webform-submission-standard-go-form .form-item-name::before {
  content: "Navn";
}

.webform-submission-standard-go-form .form-item-virksomhedens-navn::before {
  content: "Virksomhed";
}

.webform-submission-standard-go-form .form-item-email::before {
  content: "E-mail";
}

.webform-submission-standard-go-form .form-item-telefon::before {
  content: "Telefon";
}

.webform-submission-standard-go-form .form-item-message::before {
  content: "Hvad vil du gerne tale om?";
}

.webform-submission-standard-go-form input,
.webform-submission-standard-go-form textarea {
  width: 100%;
  min-height: 56px;
  padding: 14px 18px;
  border: 1px solid #cddcff;
  border-radius: 8px;
  background: #f8faff;
  color: #07152f;
  font-size: 16px;
  line-height: 1.4;
  box-sizing: border-box;
}

.webform-submission-standard-go-form textarea {
  min-height: 115px;
  resize: vertical;
}

.webform-submission-standard-go-form input::-moz-placeholder, .webform-submission-standard-go-form textarea::-moz-placeholder {
  color: #667085;
}

.webform-submission-standard-go-form input::placeholder,
.webform-submission-standard-go-form textarea::placeholder {
  color: #667085;
}

.webform-submission-standard-go-form .form-actions {
  margin: 10px 0 0;
}

#webform-submission-standard-go-node-70-add-form .form-submit {
  width: 100% !important;
  min-height: 64px;
  border: 0 !important;
  border-radius: 8px !important;
  background: #3470f6 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.webform-submission-standard-go-form .form-submit:hover {
  background: #255fe0;
}

.webform-submission-standard-go-form .contextual,
.webform-submission-standard-go-form [data-lastpass-icon-root] {
  display: none !important;
}

@media (max-width: 767px) {
  .webform-submission-standard-go-form {
    grid-template-columns: 1fr;
    padding: 28px 20px;
  }
}
.form-note {
  grid-column: 1/-1;
  display: block;
  text-align: center;
  margin-top: 2px;
  font-size: 14px;
  color: #667085;
  position: absolute;
  width: 100%;
}

.page-node-70 main {
  display: none;
}

/* landing page "menu"*/
.top-nav {
  position: sticky;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: #fff;
  border-bottom: 1px solid #E7ECF8;
}

.nav-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-left img {
  height: 28px;
  width: auto;
  display: block;
}

.nav-go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 28px;
  padding: 0 10px;
  border-radius: 4px;
  background: #3F6FF6;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.nav-divider {
  width: 1px;
  height: 22px;
  background: #D9E2F3;
}

.nav-tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 4px;
  color: #5A6680;
  font-size: 13px;
  font-weight: 500;
  border-left: 1px solid #5A6680;
  white-space: nowrap;
  border-radius: 0;
}

.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  height: 40px;
  padding: 0 22px;
  border-radius: 8px;
  background: #3F6FF6;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.nav-cta:hover {
  background: #2F5BEA;
  color: #fff;
}

@media (max-width: 767px) {
  .top-nav {
    padding: 12px 16px;
  }
  .nav-tag {
    display: none;
  }
  .nav-left {
    gap: 8px;
  }
  .nav-left img {
    height: 24px;
  }
  .nav-go {
    min-width: 32px;
    height: 24px;
    font-size: 12px;
  }
  .nav-cta {
    min-width: 100px;
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
  }
}
/* */
#Html1rev2-6a43c10d84798 nav.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid #E7ECF8;
}

/* landingpage footer */
.landing-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 28px;
  background: #fff;
  border-top: 1px solid #E7ECF8;
}

.footer-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.footer-left img {
  display: block;
  width: auto;
  height: 28px;
}

.footer-go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  padding: 0 10px;
  border-radius: 4px;
  background: #3F6FF6;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.footer-info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #667085;
  text-align: right;
}

@media (max-width: 767px) {
  .landing-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 18px;
    padding: 20px;
  }
  .footer-info {
    text-align: center;
  }
}
.top-nav .nav-left a,
.landing-footer .footer-left a {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  #ew-webform-1-rev4-6a439dfa04e4b {
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav-cta {
    min-width: 110px;
  }
}
#Html1rev2-6a43c10d84798 nav {
  gap: 10px;
}

.Slider4rev3-carousel-content {
  display: contents;
}

.bp-hero {
  top: unset;
}

.bp-hero__inner {
  padding: 2rem 0;
}

#Indgangsvinkel8rev2-6a4276586c97d article {
  border: 1px solid #D8E2F5;
}

#Indgangsvinkel8rev2-6a4276586c97d article:nth-child(1) {
  border: none;
}

@media screen and (min-width: 992px) {
  #Indgangsvinkel8rev2-6a4276586c97d article:nth-child(2) {
    border-radius: 25px 0 0 25px;
  }
  #Indgangsvinkel8rev2-6a4276586c97d article:nth-child(5) {
    border-radius: 0 25px 25px 0;
  }
}
.step:last-child {
  border: none;
}


/* Prisberegner hjælpetekst */
.bp-go-calculator-note {
  margin: 28px auto 0;
  text-align: center;
  font-weight: 700;
  color: #1d2a3d;
}







/* =========================================================
   BP GO TILMELDING — CLEAN FULL CSS
   Kun denne formular:
   form.webform-submission-bp-go-tilmelding-form
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,800&family=DM+Sans:wght@300;400;500;600;700;800&display=swap');

/* =========================================================
   1. SCOPE / VARIABLES
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form {
  --bp-blue: #0D6EFD;
  --bp-blue-dark: #0A58CA;
  --bp-blue-soft: rgba(13, 110, 253, 0.075);
  --bp-navy: #0B1A2E;
  --bp-text: #1A1E2E;
  --bp-muted: #5A6680;
  --bp-bg: #EAF0F8;
  --bp-card: #FFFFFF;
  --bp-box: #F4F7FB;
  --bp-border: #D0DCF0;
  --bp-border-soft: #E0E8F5;
  --bp-shadow: 0 4px 32px rgba(13, 110, 253, 0.06);

  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--bp-text);
  font-family: "DM Sans", Arial, sans-serif;
  box-shadow: none !important;
  overflow: visible !important;
}

form.webform-submission-bp-go-tilmelding-form,
form.webform-submission-bp-go-tilmelding-form * {
  box-sizing: border-box;
}

/* =========================================================
   2. LOCAL RESET — ONLY INSIDE THIS FORM
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form fieldset {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .form-item,
form.webform-submission-bp-go-tilmelding-form .js-form-item {
  margin: 0 0 1.2rem !important;
}

form.webform-submission-bp-go-tilmelding-form label,
form.webform-submission-bp-go-tilmelding-form .fieldset-legend {
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
}

form.webform-submission-bp-go-tilmelding-form .description,
form.webform-submission-bp-go-tilmelding-form .webform-element-description,
form.webform-submission-bp-go-tilmelding-form .form-item__description {
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

form.webform-submission-bp-go-tilmelding-form .form-required::after,
form.webform-submission-bp-go-tilmelding-form .js-form-required::after,
form.webform-submission-bp-go-tilmelding-form .fieldset-legend.form-required::after,
form.webform-submission-bp-go-tilmelding-form .fieldset-legend.js-form-required::after {
  content: "*" !important;
  display: inline !important;
  margin-left: 0.25rem !important;
  color: var(--bp-blue) !important;
  background: none !important;
  vertical-align: baseline !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* =========================================================
   3. INPUTS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form input[type="text"],
form.webform-submission-bp-go-tilmelding-form input[type="email"],
form.webform-submission-bp-go-tilmelding-form input[type="tel"],
form.webform-submission-bp-go-tilmelding-form input[type="number"],
form.webform-submission-bp-go-tilmelding-form select,
form.webform-submission-bp-go-tilmelding-form textarea {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0.86rem 1rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--bp-text) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.3 !important;
  outline: none !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form input[type="text"]:focus,
form.webform-submission-bp-go-tilmelding-form input[type="email"]:focus,
form.webform-submission-bp-go-tilmelding-form input[type="tel"]:focus,
form.webform-submission-bp-go-tilmelding-form input[type="number"]:focus,
form.webform-submission-bp-go-tilmelding-form select:focus,
form.webform-submission-bp-go-tilmelding-form textarea:focus {
  border-color: var(--bp-blue) !important;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1) !important;
}

/* =========================================================
   4. PROGRESS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .webform-progress {
  max-width: 620px !important;
  margin: 0 auto 2.1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

form.webform-submission-bp-go-tilmelding-form .webform-progress__status {
  display: none !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step[data-webform-page="webform_confirmation"] {
  display: none !important;
}

form.webform-submission-bp-go-tilmelding-form .webform-progress-tracker,
form.webform-submission-bp-go-tilmelding-form .progress-tracker {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step {
  position: relative !important;
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: calc(50% + 20px) !important;
  width: calc(100% - 40px) !important;
  height: 2px !important;
  background: var(--bp-border) !important;
  z-index: 1 !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step:nth-child(4)::after,
form.webform-submission-bp-go-tilmelding-form .progress-step:last-child::after {
  display: none !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-marker {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  margin: 0 0 0.5rem !important;
  border: 2px solid var(--bp-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--bp-blue) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-marker::before,
form.webform-submission-bp-go-tilmelding-form .progress-marker::after {
  display: none !important;
  content: none !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-marker {
  border-color: var(--bp-blue) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(13, 110, 253, 0.12) !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-marker::before {
  content: attr(data-text) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--bp-blue) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-complete .progress-marker {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue) !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-complete .progress-marker::before {
  content: "✓" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-title,
form.webform-submission-bp-go-tilmelding-form .progress-text {
  margin: 0 !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-title,
form.webform-submission-bp-go-tilmelding-form .progress-step.is-active .progress-text {
  color: var(--bp-blue) !important;
  font-weight: 700 !important;
}

form.webform-submission-bp-go-tilmelding-form .progress-step.is-complete .progress-title,
form.webform-submission-bp-go-tilmelding-form .progress-step.is-complete .progress-text {
  color: var(--bp-navy) !important;
  font-weight: 700 !important;
}

/* =========================================================
   5. WIZARD CARD
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form [data-webform-key],
form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-start"],
form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-grundvilkaar"],
form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-tilpas"],
form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-bekraeft"] {
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 3.25rem 3rem 2.5rem !important;
  border-bottom: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  background: var(--bp-card) !important;
  box-shadow: var(--bp-shadow) !important;
}

form.webform-submission-bp-go-tilmelding-form .webform-type-processed-text h3 {
  margin: 0 0 0.65rem !important;
  color: var(--bp-navy) !important;
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
}

form.webform-submission-bp-go-tilmelding-form .webform-type-processed-text p {
  margin: 0 0 2.05rem !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* =========================================================
   6. STEP 1
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-start-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.15rem 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-start-grid .form-item,
form.webform-submission-bp-go-tilmelding-form .bp-go-start-grid .js-form-item {
  margin: 0 !important;
}

/* =========================================================
   7. STEP 2 — GRUNDVILKÅR
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-question-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper {
  position: relative !important;
  min-height: 152px !important;
  margin: 0 !important;
  padding: 1.45rem 1.55rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 9px !important;
  background: var(--bp-box) !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-full,
form.webform-submission-bp-go-tilmelding-form .bp-go-ansatte-box {
  grid-column: 1 / -1 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper fieldset,
form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper legend {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper .fieldset-legend,
form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper > label {
  display: block !important;
  margin: 0 !important;
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper .description,
form.webform-submission-bp-go-tilmelding-form .bp-go-q-box-wrapper .webform-element-description {
  margin: 0.4rem 0 0.9rem !important;
  color: var(--bp-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-ansatte-box input[type="number"] {
  max-width: 190px !important;
  min-height: 58px !important;
  margin-top: 0.85rem !important;
  background: #ffffff !important;
  font-size: 1rem !important;
}

/* =========================================================
   8. RADIO PILLS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .webform-options-display-buttons,
form.webform-submission-bp-go-tilmelding-form .webform-options-display-two-columns,
form.webform-submission-bp-go-tilmelding-form .webform-options-display-three-columns,
form.webform-submission-bp-go-tilmelding-form .form-radios {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .form-type-radio,
form.webform-submission-bp-go-tilmelding-form .js-form-type-radio {
  position: relative !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .form-type-radio input[type="radio"],
form.webform-submission-bp-go-tilmelding-form .js-form-type-radio input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

form.webform-submission-bp-go-tilmelding-form .form-type-radio label,
form.webform-submission-bp-go-tilmelding-form .js-form-type-radio label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0.55rem 1.08rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .form-type-radio input[type="radio"]:checked + label,
form.webform-submission-bp-go-tilmelding-form .js-form-type-radio input[type="radio"]:checked + label,
form.webform-submission-bp-go-tilmelding-form .form-type-radio:has(input[type="radio"]:checked) label,
form.webform-submission-bp-go-tilmelding-form .js-form-type-radio:has(input[type="radio"]:checked) label {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue-soft) !important;
  color: var(--bp-blue) !important;
  font-weight: 700 !important;
}

/* =========================================================
   9. STEP 3 — ADDON SECTIONS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section {
  margin: 1.7rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section > legend {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.9rem !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section > legend .fieldset-legend {
  display: block !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section > .fieldset-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0.85rem !important;
  width: 100% !important;
}

/* =========================================================
   10. CHECKBOX ADDON CARDS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) {
  position: relative !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios):hover {
  border-color: rgba(13, 110, 253, 0.35) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios):has(input[type="checkbox"]:checked) {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue-soft) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) input[type="checkbox"] {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 2 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  accent-color: var(--bp-blue) !important;
  cursor: pointer !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) > label,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) .form-type-checkbox > label,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) .js-form-type-checkbox > label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 3rem 0.28rem 1.1rem !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) .description,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card:not(.bp-go-addon-card-radios) .webform-element-description {
  margin: 0 3rem 1rem 1.1rem !important;
  color: var(--bp-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
}

/* =========================================================
   11. RADIO ADDON CARDS
   Used for Anlægsaktiver, Dimensionskontering,
   Tilknyttet controller and Bogføring bagud.
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios {
  position: relative !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 1.25rem 1.45rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 9px !important;
  background: var(--bp-box) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios:has(input[type="radio"]:checked) {
  border-color: var(--bp-border) !important;
  background: var(--bp-box) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios > legend,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios legend {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios .fieldset-legend {
  display: block !important;
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios .description,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios .webform-element-description {
  margin: 0.35rem 0 0.95rem !important;
  color: var(--bp-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios .fieldset-wrapper {
  display: block !important;
}

/* Full width radio cards */
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-full {
  grid-column: 1 / -1 !important;
}

/* Controller and cleanup: keep title/description aligned and no blue parent card */
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-full.bp-go-addon-card-radios {
  padding: 1.35rem 1.55rem !important;
  border-color: var(--bp-border) !important;
  background: var(--bp-box) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-full.bp-go-addon-card-radios:has(input[type="radio"]:checked) {
  border-color: var(--bp-border) !important;
  background: var(--bp-box) !important;
}

/* =========================================================
   12. SPECIAL RADIO LAYOUTS
   ========================================================= */

/* Controller */
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios:has(input[name="controller_timer"]) .webform-options-display-buttons,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios:has(input[name="controller_timer"]) .form-radios {
  gap: 0.75rem 1.05rem !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-card-radios:has(input[name="controller_timer"]) .description {
  margin-top: 1rem !important;
}

/* Cleanup */
form.webform-submission-bp-go-tilmelding-form .bp-go-cleanup-card .webform-options-display-buttons,
form.webform-submission-bp-go-tilmelding-form .bp-go-cleanup-card .form-radios {
  gap: 0.75rem 1.05rem !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-cleanup-card .description {
  margin-top: 1rem !important;
}

/* =========================================================
   13. SUBFIELDS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-subfield,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section .form-type-select,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section .form-type-textfield {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section .form-type-select label,
form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section .form-type-textfield label {
  display: block !important;
  margin: 0 0 0.35rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

/* =========================================================
   14. INFO BOXES
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-info-box,
form.webform-submission-bp-go-tilmelding-form .bp-go-flow-note,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-intro,
form.webform-submission-bp-go-tilmelding-form .bp-go-small-note {
  margin: 1rem 0 0 !important;
  padding: 1rem 1.2rem !important;
  border: 1.5px solid rgba(0, 174, 239, 0.25) !important;
  border-radius: 9px !important;
  background: rgba(0, 174, 239, 0.08) !important;
  color: var(--bp-text) !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
}

/* =========================================================
   15. PRICEBOX — shown on all steps
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox,
form.webform-submission-bp-go-tilmelding-form .js-bp-go-pricebox {
  display: block !important;
  width: 100% !important;
  max-width: 430px !important;
  margin: 1.75rem 0 0 !important;
  padding: 1.35rem 1.55rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--bp-navy) !important;
  box-shadow: 0 18px 34px rgba(13, 110, 253, 0.08) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-kicker {
  margin: 0 0 0.45rem !important;
  color: var(--bp-blue) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-total {
  margin: 0 0 0.25rem !important;
  color: var(--bp-blue) !important;
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 2.45rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-total small {
  display: block !important;
  margin-top: 0.2rem !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-note {
  margin: 0.45rem 0 0.8rem !important;
  color: var(--bp-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.45 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines p {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  margin: 0.48rem 0 !important;
  color: var(--bp-text) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines strong {
  color: var(--bp-navy) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-lines hr {
  border: 0 !important;
  border-top: 1px solid var(--bp-border) !important;
  margin: 0.8rem 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-onboarding {
  display: block !important;
  margin: 0.85rem 0 0 !important;
  padding-top: 0.8rem !important;
  border-top: 1px solid var(--bp-border) !important;
  color: var(--bp-navy) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

/* =========================================================
   16. STEP 4 — PAYMENT / TERMS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .bp-go-payment-section,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section {
  margin: 1.65rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-payment-section > legend,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section > legend {
  margin: 0 0 0.9rem !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-payment-section > legend .fieldset-legend,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section > legend .fieldset-legend {
  display: block !important;
  color: var(--bp-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-payment-section > .fieldset-wrapper,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section > .fieldset-wrapper {
  padding: 1.25rem 1.45rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 11px !important;
  background: var(--bp-box) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section .form-type-checkbox,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section .js-form-type-checkbox {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.75rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bp-border) !important;
  background: transparent !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section .form-type-checkbox:last-child,
form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section .js-form-type-checkbox:last-child {
  border-bottom: 0 !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section input[type="checkbox"] {
  position: absolute !important;
  top: 0.78rem !important;
  left: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--bp-blue) !important;
}

form.webform-submission-bp-go-tilmelding-form .bp-go-terms-section label {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 2rem !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bp-text) !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

/* =========================================================
   17. ACTIONS / BUTTONS
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .form-actions,
form.webform-submission-bp-go-tilmelding-form div.form-actions,
form.webform-submission-bp-go-tilmelding-form [data-drupal-selector="edit-actions"] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 1.6rem 3rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-top: 1px solid var(--bp-border-soft) !important;
  border-radius: 0 0 16px 16px !important;
  background: var(--bp-card) !important;
  box-shadow: var(--bp-shadow) !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input,
form.webform-submission-bp-go-tilmelding-form .form-actions button,
form.webform-submission-bp-go-tilmelding-form input.webform-button--previous,
form.webform-submission-bp-go-tilmelding-form input.webform-button--next,
form.webform-submission-bp-go-tilmelding-form input.webform-button--submit,
form.webform-submission-bp-go-tilmelding-form button.webform-button--previous,
form.webform-submission-bp-go-tilmelding-form button.webform-button--next,
form.webform-submission-bp-go-tilmelding-form button.webform-button--submit {
  all: unset !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 145px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0.9rem 1.7rem !important;
  border-radius: 7px !important;
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--previous,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--previous,
form.webform-submission-bp-go-tilmelding-form .form-actions [data-drupal-selector*="prev"],
form.webform-submission-bp-go-tilmelding-form .form-actions [data-drupal-selector*="previous"] {
  margin-right: auto !important;
  border: 1.5px solid var(--bp-border) !important;
  background: #ffffff !important;
  color: var(--bp-navy) !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--next,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--next,
form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--submit,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--submit,
form.webform-submission-bp-go-tilmelding-form .form-actions [data-drupal-selector*="next"],
form.webform-submission-bp-go-tilmelding-form .form-actions [data-drupal-selector*="submit"] {
  margin-left: auto !important;
  border: 1.5px solid var(--bp-blue) !important;
  background: var(--bp-blue) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input:hover,
form.webform-submission-bp-go-tilmelding-form .form-actions button:hover {
  transform: translateY(-1px) !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--previous:hover,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--previous:hover {
  border-color: var(--bp-blue) !important;
  color: var(--bp-blue) !important;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.12) !important;
}

form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--next:hover,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--next:hover,
form.webform-submission-bp-go-tilmelding-form .form-actions input.webform-button--submit:hover,
form.webform-submission-bp-go-tilmelding-form .form-actions button.webform-button--submit:hover {
  border-color: var(--bp-blue-dark) !important;
  background: var(--bp-blue-dark) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25) !important;
}

/* =========================================================
   18. VALIDATION
   ========================================================= */

form.webform-submission-bp-go-tilmelding-form .form-item--error input,
form.webform-submission-bp-go-tilmelding-form .form-item--error select,
form.webform-submission-bp-go-tilmelding-form .form-item--error textarea {
  border-color: #C0392B !important;
}

form.webform-submission-bp-go-tilmelding-form .form-item--error-message,
form.webform-submission-bp-go-tilmelding-form .form-error {
  margin-top: 0.3rem !important;
  color: #C0392B !important;
  font-size: 0.76rem !important;
}

/* =========================================================
   19. RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
  form.webform-submission-bp-go-tilmelding-form [data-webform-key],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-start"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-grundvilkaar"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-tilpas"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-bekraeft"] {
    padding: 2.3rem 2rem 2.1rem !important;
  }

  form.webform-submission-bp-go-tilmelding-form .form-actions {
    padding: 1.4rem 2rem !important;
  }
}

@media (max-width: 768px) {
  form.webform-submission-bp-go-tilmelding-form .bp-go-start-grid,
  form.webform-submission-bp-go-tilmelding-form .bp-go-question-grid,
  form.webform-submission-bp-go-tilmelding-form .bp-go-addon-section > .fieldset-wrapper {
    grid-template-columns: 1fr !important;
  }

  form.webform-submission-bp-go-tilmelding-form .bp-go-addon-full {
    grid-column: auto !important;
  }

  form.webform-submission-bp-go-tilmelding-form .form-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    padding: 1.2rem 1.6rem !important;
  }

  form.webform-submission-bp-go-tilmelding-form .form-actions input,
  form.webform-submission-bp-go-tilmelding-form .form-actions button {
    width: 100% !important;
    margin: 0 !important;
  }

  form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox {
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  form.webform-submission-bp-go-tilmelding-form .progress-title {
    display: none !important;
  }

  form.webform-submission-bp-go-tilmelding-form [data-webform-key],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-start"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-grundvilkaar"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-tilpas"],
  form.webform-submission-bp-go-tilmelding-form [data-drupal-selector^="edit-bekraeft"] {
    padding: 1.6rem !important;
  }

  form.webform-submission-bp-go-tilmelding-form .bp-go-pricebox-total {
    font-size: 2.05rem !important;
  }
}

#webform-submission-bp-go-tilmelding-node-70-form-ajax-content {
    padding-top: 50px;
}





/* =========================================================
   BP GO PRISBEREGNER — KUN FELTER
   Rører ikke baggrund, section padding eller højre prisboks
   Scope: .bp-go-calculator
   ========================================================= */

.bp-go-calculator {
  --bp-blue: #0D6EFD;
  --bp-blue-soft: rgba(13, 110, 253, 0.075);
  --bp-navy: #0B1A2E;
  --bp-text: #1A1E2E;
  --bp-muted: #5A6680;
  --bp-box: #F4F7FB;
  --bp-border: #D0DCF0;

  color: var(--bp-text);
  font-family: "DM Sans", Arial, sans-serif;
}

.bp-go-calculator,
.bp-go-calculator * {
  box-sizing: border-box;
}

/* =========================================================
   Lokal reset — kun felt-markup i prisberegneren
   ========================================================= */

.bp-go-calculator fieldset,
.bp-go-calculator legend,
.bp-go-calculator .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bp-go-calculator fieldset {
  min-width: 0 !important;
}

.bp-go-calculator legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

.bp-go-calculator .form-item,
.bp-go-calculator .js-form-item {
  margin: 0 !important;
}

/* =========================================================
   Felt-kort
   ========================================================= */

.bp-go-calculator > fieldset,
.bp-go-calculator > .form-type-number,
.bp-go-calculator > .js-form-type-number {
  position: relative !important;
  min-height: 150px !important;
  padding: 1.35rem 1.45rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 9px !important;
  background: var(--bp-box) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Tilvalg-kassen skal ikke have unødvendig høj minimumshøjde */
.bp-go-calculator > #edit-tilvalg--wrapper {
  min-height: 0 !important;
}

/* =========================================================
   Labels / overskrifter
   ========================================================= */

.bp-go-calculator .fieldset-legend,
.bp-go-calculator > .form-type-number > label,
.bp-go-calculator > .js-form-type-number > label {
  display: block !important;
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Required asterisk */
.bp-go-calculator .form-required::after,
.bp-go-calculator .js-form-required::after,
.bp-go-calculator .fieldset-legend.form-required::after,
.bp-go-calculator .fieldset-legend.js-form-required::after {
  content: "*" !important;
  display: inline !important;
  margin-left: 0.25rem !important;
  color: var(--bp-blue) !important;
  background: none !important;
  vertical-align: baseline !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Ikoner */
.bp-go-calculator #edit-omsaetning-per-aar--wrapper .fieldset-legend::before {
  content: "💰 ";
  font-size: 0.92rem !important;
}

.bp-go-calculator #edit-2-bilag-per-maaned-leverandoerfakturaer--wrapper .fieldset-legend::before {
  content: "📄 ";
  font-size: 0.92rem !important;
}

.bp-go-calculator .form-item-_-antal-ansatte-til-loenkoersel > label::before,
.bp-go-calculator .js-form-item-_-antal-ansatte-til-loenkoersel > label::before {
  content: "👥 ";
  font-size: 0.92rem !important;
}

.bp-go-calculator #edit-tilvalg--wrapper .fieldset-legend::before {
  content: "➕ ";
  font-size: 0.92rem !important;
}

/* =========================================================
   Beskrivelser
   ========================================================= */

.bp-go-calculator .description,
.bp-go-calculator .webform-element-description,
.bp-go-calculator .form-item__description {
  display: block !important;
  margin: 0.45rem 0 0 !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

/* =========================================================
   Radio-knapper som pills
   ========================================================= */

.bp-go-calculator .webform-options-display-buttons,
.bp-go-calculator .webform-options-display-two-columns,
.bp-go-calculator .webform-options-display-three-columns,
.bp-go-calculator .form-radios {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
  width: 100% !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
}

.bp-go-calculator .webform-options-display-buttons-wrapper {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

.bp-go-calculator .form-type-radio,
.bp-go-calculator .js-form-type-radio {
  position: relative !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bp-go-calculator .form-type-radio input[type="radio"],
.bp-go-calculator .js-form-type-radio input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bp-go-calculator .form-type-radio label,
.bp-go-calculator .js-form-type-radio label,
.bp-go-calculator .webform-options-display-buttons-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0.55rem 1.08rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--bp-muted) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease !important;
}

.bp-go-calculator .form-type-radio label:hover,
.bp-go-calculator .js-form-type-radio label:hover,
.bp-go-calculator .webform-options-display-buttons-label:hover {
  border-color: rgba(13, 110, 253, 0.45) !important;
  color: var(--bp-blue) !important;
}

.bp-go-calculator .form-type-radio input[type="radio"]:checked + label,
.bp-go-calculator .js-form-type-radio input[type="radio"]:checked + label,
.bp-go-calculator .form-type-radio:has(input[type="radio"]:checked) label,
.bp-go-calculator .js-form-type-radio:has(input[type="radio"]:checked) label {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue-soft) !important;
  color: var(--bp-blue) !important;
  font-weight: 700 !important;
}

/* =========================================================
   Antal ansatte
   ========================================================= */

.bp-go-calculator > .form-type-number,
.bp-go-calculator > .js-form-type-number {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  column-gap: 1.25rem !important;
  align-items: center !important;
}

.bp-go-calculator > .form-type-number > label,
.bp-go-calculator > .js-form-type-number > label {
  grid-column: 1 / -1 !important;
}

.bp-go-calculator input[type="number"] {
  width: 190px !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 0.7rem 0 0 !important;
  padding: 0.86rem 1rem !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--bp-text) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  outline: none !important;
  box-shadow: none !important;
}

.bp-go-calculator input[type="number"]:focus {
  border-color: var(--bp-blue) !important;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1) !important;
}

.bp-go-calculator > .form-type-number .description,
.bp-go-calculator > .js-form-type-number .description {
  grid-column: 2 / 3 !important;
  margin: 0.7rem 0 0 !important;
}

/* =========================================================
   Tilvalg checkboxes
   ========================================================= */

.bp-go-calculator #edit-tilvalg {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
  width: 100% !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
}

.bp-go-calculator #edit-tilvalg .form-type-checkbox,
.bp-go-calculator #edit-tilvalg .js-form-type-checkbox {
  position: relative !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid var(--bp-border) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

.bp-go-calculator #edit-tilvalg .form-type-checkbox:hover,
.bp-go-calculator #edit-tilvalg .js-form-type-checkbox:hover {
  border-color: rgba(13, 110, 253, 0.35) !important;
}

.bp-go-calculator #edit-tilvalg .form-type-checkbox:has(input[type="checkbox"]:checked),
.bp-go-calculator #edit-tilvalg .js-form-type-checkbox:has(input[type="checkbox"]:checked) {
  border-color: var(--bp-blue) !important;
  background: var(--bp-blue-soft) !important;
}

.bp-go-calculator #edit-tilvalg input[type="checkbox"] {
  position: absolute !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 2 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  accent-color: var(--bp-blue) !important;
  cursor: pointer !important;
}

.bp-go-calculator #edit-tilvalg label {
  display: block !important;
  width: 100% !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 1rem 3rem 1rem 1.1rem !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bp-navy) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
}

/* =========================================================
   Responsive — kun felter
   ========================================================= */

@media (max-width: 768px) {
  .bp-go-calculator > .form-type-number,
  .bp-go-calculator > .js-form-type-number {
    grid-template-columns: 1fr !important;
  }

  .bp-go-calculator > .form-type-number .description,
  .bp-go-calculator > .js-form-type-number .description {
    grid-column: 1 / -1 !important;
  }

  .bp-go-calculator #edit-tilvalg {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .bp-go-calculator > fieldset,
  .bp-go-calculator > .form-type-number,
  .bp-go-calculator > .js-form-type-number {
    padding: 1.25rem !important;
  }

  .bp-go-calculator .form-type-radio label,
  .bp-go-calculator .js-form-type-radio label,
  .bp-go-calculator .webform-options-display-buttons-label {
    min-height: 34px !important;
    padding: 0.48rem 0.82rem !important;
    font-size: 0.78rem !important;
  }

  .bp-go-calculator input[type="number"] {
    width: 100% !important;
  }
}