/* NEW VARIABLES - 2023
------------------------------------------- */
/* NEW VARIABLES - 2023
------------------------------------------- */
/* END NEW VARIABLES - 2023 - DO NOT USE VARIABLES BELOW
------------------------------------------- */
/* BASELINE VARIABLES
------------------------------------- */
/*pink like*/
/* ACCESSIBILITY COLOR - 2020
------------------------------------------- */
/*Form theme 004*/
/* base line font size and line height */
/* font weights */
/* div colors */
/* text colors */
/* so-me colors*/
/* backgrounds */
/*	link-colors
	An attempt to optimize workflow around link colors :-) */
/* VARS FOR SPECIFIC SECTIONS / SCRIPTS
------------------------------------------- */
/* bg colors, mainly for colored faq's and accordions */
/* grey colors + backgrounds for MitHK */
/* Elev-program */
/* velkomst program color variables */
/* HK pros tabs colors */
/* ********************************************** */
/* #VELKOMST program */
/* ********************************************** */
/* facebook css button color */
/* ********************************************** */
/* #JOBBOERS program */
/* ********************************************** */
/* ********************************************** */
/* #OFFERS */
/* ********************************************** */
/* ********************************************** */
/* NPS */
/* ********************************************** */
/* ********************************************** */
/* BUTTONS
/* ********************************************** */
/* styles for typography - these are to be used for user defined attributes in the cms */
/* feldingers fede funktioner  */
@keyframes opacity-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-element {
  from {
    opacity: 0;
    transform: translate(10px, 10px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.flow-forms .with-tooltip {
  position: relative;
}
.flow-forms .tooltip {
  display: inline-block;
  position: relative;
  z-index: 100;
  line-height: 1.5;
  top: 2px;
  width: auto;
}
.flow-forms .tooltip--large {
  top: 5px;
}
.flow-forms .tooltip--large .tooltip__toggle {
  width: 30px;
  height: 30px;
  top: -2px;
}
.flow-forms .tooltip--large .tooltip__toggle i.flow-forms-icon {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) {
  .flow-forms .tooltip--large .tooltip__toggle {
    width: 25px;
    height: 25px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .flow-forms .tooltip--large .tooltip__toggle i.flow-forms-icon {
    width: 25px;
    height: 25px;
  }
}
[data-whatintent=keyboard] .flow-forms .tooltip--large .tooltip__toggle:focus::before {
  content: "";
  width: 120%;
  padding-bottom: 110%;
  position: absolute;
  border: 2px solid #009de0;
}
.flow-forms .tooltip--error {
  position: absolute;
  top: 44px;
  right: 15px;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 200ms ease;
  pointer-events: none;
}
.flow-forms .tooltip--error.visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 0;
}
.flow-forms .tooltip--error .tooltip__toggle {
  background-color: #ff0000;
  color: #fff;
}
.flow-forms .tooltip--error .tooltip__toggle:focus, .flow-forms .tooltip--error .tooltip__toggle:hover {
  background-color: rgba(255, 0, 0, 0.7);
}
.flow-forms .tooltip--error .tooltip__content {
  background-color: #ff0000;
}
.flow-forms .tooltip--error .tooltip__toggle::after {
  border-color: transparent;
  border-top-color: #ff0000;
}
.flow-forms .tooltip--small {
  height: 16px;
  width: 16px;
  margin-top: -5px;
}
.flow-forms .tooltip--small .tooltip__toggle {
  width: 16px;
  height: 16px;
  font-size: 13px;
  font-weight: 600;
}
.flow-forms .tooltip--small .tooltip__toggle i.flow-forms-icon {
  width: 16px;
  height: 16px;
  background-image: url("/frontend_react/dist/assets/icons/question_small.svg");
}
.flow-forms .tooltip__toggle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 900;
  line-height: 15px;
  text-align: center;
  margin-left: 5px;
  flex: none;
  display: inline-block;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.flow-forms .tooltip__toggle::after {
  content: " ";
  top: -18px;
  right: 0;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  border-top-color: #004463;
  border-width: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  will-change: opacity, visibility, transform;
  transition: opacity 0.15s linear 0s, visibility 0.15s ease 0.15s, transform 0.1s ease 0s;
}
[data-whatintent=keyboard] .flow-forms .tooltip__toggle:focus::before {
  content: "";
  width: 130%;
  padding-bottom: 120%;
  position: absolute;
  left: -3px;
  top: -4px;
  border: 2px solid #009de0;
}
[data-whatintent=keyboard] .flow-forms .tooltip__toggle--error:focus::before {
  border-color: #ff0000;
}
.flow-forms .tooltip.show .tooltip__toggle::after {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s;
}
.flow-forms .tooltip__content {
  position: absolute;
  z-index: 1;
  right: -10px;
  top: -12px;
  width: 200px;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  background-color: #004463;
  color: #fff;
  padding: 15px 20px 30px;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility, transform;
  transition: opacity 0.15s linear 0s, visibility 0.15s ease 0.15s, transform 0.1s ease 0s;
}
.flow-forms .tooltip__content *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .flow-forms .tooltip__content {
    right: -240px;
    width: 400px;
  }
}
.flow-forms .tooltip.show .tooltip__content {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.flow-forms .typeahead-wrapper {
  position: relative;
}
.flow-forms .typeahead-wrapper.form-element--error .typeahead-wrapper__icon {
  color: #d0021b;
}
.flow-forms .typeahead-wrapper .row .col.six.typeahead-col {
  position: relative;
}
.flow-forms .typeahead-wrapper .row .col.six.typeahead-col .typeahead__options {
  top: -28px;
}
@media only screen and (max-width: 768px) {
  .flow-forms .typeahead-wrapper .row .col.six.typeahead-col .typeahead__options {
    top: -26px;
  }
}
.flow-forms .typeahead-wrapper .typeahead-input {
  position: relative;
  padding-right: 38px;
  margin-bottom: 1em;
}
.flow-forms .typeahead-wrapper .typeahead-input#JobPosition {
  margin-bottom: 0;
}
.flow-forms .typeahead-wrapper .typeahead-input.options_open {
  padding-bottom: 0;
  border-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.flow-forms .typeahead-wrapper .typeahead-input:focus {
  padding-right: 38px;
}
.flow-forms .typeahead-wrapper .typeahead-input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.flow-forms .typeahead-wrapper__icon {
  color: #009de0;
  background-color: inherit;
  position: absolute;
  top: 35px;
  right: 13px;
  font-size: 20px;
  pointer-events: none;
}
.flow-forms .typeahead-wrapper__icon.spinner-loader {
  width: 8px;
  height: 32px;
}
@media only screen and (max-width: 768px) {
  .flow-forms .typeahead-wrapper__icon.spinner-loader {
    top: 44px;
    right: 6px;
  }
}
.flow-forms .typeahead-wrapper__icon::before, .flow-forms .typeahead-wrapper__icon::after {
  width: 20px;
  height: 20px;
}
.flow-forms .typeahead__options {
  width: 100%;
  position: absolute;
  z-index: 200;
  left: 0;
  background-color: #fff;
  color: #004463;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
  border: 2px solid #009de0;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 18px;
}
.flow-forms .typeahead__options.results {
  border-top: 1px solid #009de0;
}
.flow-forms .typeahead__option {
  background-color: #EFF7FB;
  border: 1px solid #CFE3EC;
  padding: 10px 15px;
  font-size: inherit;
  cursor: pointer;
}
.flow-forms .typeahead__option.not-selectable {
  pointer-events: none;
}
.flow-forms .typeahead__option.highlighted {
  background-color: #009de0;
  color: white;
}
.flow-forms .typeahead__option.highlighted .elaboration-text {
  color: white;
}
.flow-forms .typeahead__option.selected {
  font-weight: 900;
}
.flow-forms .typeahead__option.other {
  border-top: 1px solid #009de0;
  padding-top: 15px;
  padding-bottom: 16px;
}
.flow-forms .typeahead__option.other.focus {
  background: rgba(0, 157, 224, 0.05);
}
.flow-forms .typeahead__option.other a {
  display: inline-block;
  text-decoration: none;
}
.flow-forms .typeahead__option.other:focus a {
  color: #004463;
}
.flow-forms .typeahead__option.other:focus a:after {
  background: #004463;
}
.flow-forms .typeahead__option.other a:hover {
  color: #004463;
  background-color: transparent;
}
.flow-forms .typeahead__option.other a:hover:after {
  background: #004463;
}
.flow-forms .typeahead__option.other a:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #009de0;
  margin-top: -2px;
}
.flow-forms .typeahead__option .elaboration-text {
  color: #434b57;
}
.flow-forms .typeahead-other.hidden {
  display: none;
}
.flow-forms .typeahead-other .form-element.form-element--postal-code-city .form-element__city {
  width: calc(100% - 100px);
  margin-left: auto;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .flow-forms .col.workplace-input--postal-code {
    flex-basis: 41%;
  }
}
@media only screen and (max-width: 768px) {
  .flow-forms .col.workplace-input--city {
    flex-basis: 55%;
  }
}
.flow-forms .workplace {
  margin-bottom: 40px;
}
.flow-forms .workplace .form-element {
  min-height: 55px;
  margin-top: 16px;
}
.flow-forms .workplace .form-element--no-margin {
  margin-top: 0;
}
.flow-forms .workplace .form-element--error input {
  box-shadow: none;
}
.flow-forms .workplace .toggle-manual {
  flex-direction: row-reverse;
  display: flex;
  padding-bottom: 0;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
}
.flow-forms .workplace .toggle-manual--off {
  padding-bottom: 7px;
}
.flow-forms .workplace .toggle-manual a {
  cursor: pointer;
  display: inline-block;
  color: #0075a3;
}
.flow-forms .workplace .toggle-manual a:hover {
  color: #004463;
}
.flow-forms .workplace .typeahead-wrapper {
  border: 2px solid #009de0;
  border-radius: 3px;
}
.flow-forms .workplace .typeahead-wrapper.hidden {
  display: none;
}
.flow-forms .workplace .typeahead-wrapper.errors {
  border: 2px solid #d0021b;
  padding-bottom: 0;
}
.flow-forms .workplace .typeahead-wrapper .form-error {
  margin-bottom: 0;
}
.flow-forms .workplace .typeahead-wrapper .col {
  position: relative;
}
.flow-forms .workplace .typeahead-wrapper .row {
  padding-left: 28px;
  padding-right: 31px;
}
@media only screen and (max-width: 768px) {
  .flow-forms .workplace .typeahead-wrapper .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.flow-forms .workplace .typeahead-wrapper .filter-toggle {
  color: #0075a3;
  font-size: 16px;
  text-align: left;
  display: inline-block;
  padding: 10px 0 20px 0;
}
.flow-forms .workplace .typeahead-wrapper .filter-toggle:hover {
  color: #004463;
}
[data-whatintent=keyboard] .flow-forms .workplace .typeahead-wrapper .filter-toggle:focus {
  text-decoration: underline;
}
.flow-forms .workplace .typeahead-wrapper .typeahead-wrapper__icon--postalcode {
  right: 9px;
}
.flow-forms .workplace .typeahead-wrapper .form-element--error .typeahead-wrapper__icon {
  color: #d0021b;
}
.flow-forms .workplace .typeahead__options {
  position: relative;
  border: none;
}
.flow-forms .workplace .typeahead__options.results {
  border-top: 1px solid #009de0;
}
.flow-forms .workplace .typeahead__options.few-results {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .flow-forms .workplace .typeahead__options.few-results {
    overflow: auto;
  }
}
.flow-forms .workplace .typeahead__options.loading {
  animation: workplace-fade 1.5s infinite;
}
.flow-forms .workplace .typeahead__options .typeahead__option {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .flow-forms .workplace .typeahead__options .typeahead__option {
    padding-left: 15px;
  }
}
.flow-forms .workplace .typeahead__options .typeahead__option--manual {
  display: block;
  color: #009de0;
}
.flow-forms .workplace .typeahead__options .typeahead__option--manual:hover {
  color: #004463;
}
.flow-forms .workplace .typeahead__options .typeahead__option--no-hits {
  cursor: auto;
}
.flow-forms .workplace .typeahead__options .typeahead__option.col.twelve {
  bottom: 0;
  position: sticky;
  z-index: 1;
  background: white;
  border-top: 2px solid #009de0;
}
@media only screen and (max-width: 768px) {
  .flow-forms .workplace {
    margin-top: 20px;
  }
}

@keyframes workplace-fade {
  50% {
    opacity: 0.3;
  }
}
button {
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}
button.primary-cta:disabled {
  color: #5f5f5a;
  background-color: #a5a5a0;
}
button.primary-cta:disabled:hover {
  cursor: no-drop;
}
button.text-cta {
  align-items: center;
  background-color: transparent;
  color: #0f73a0;
  display: flex;
  gap: 1rem;
}
button.text-cta:focus, button.text-cta:hover {
  text-decoration: underline;
}

.landing-page__container--undereducation .calculator-entrance {
  background-color: transparent;
}
.landing-page__container--undereducation .calculator-entrance .calculator-core--content {
  background-color: #141e2d;
}
.landing-page__container--undereducation .calculator-entrance .calculator-core--content button[type=submit] {
  background-color: #F0788C;
  border-color: #F0788C;
}
.landing-page__container--undereducation .calculator-entrance .calculator-core--content .tooltip__content {
  background-color: #141e2d;
}
.landing-page__container--undereducation .calculator-entrance .calculator-core--content .number-input {
  border: #F0788C;
  background-color: #fff;
}
.landing-page__container--undereducation .calculation-report .result-block .content-amount {
  font-size: 32px;
  color: #141e2d;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .landing-page__container--undereducation .calculation-report .result-block .content-amount {
    font-size: 20px;
    margin: 0 0 0;
  }
}
.landing-page__container--undereducation .calculation-report .result-block .content-amount-note {
  text-align: center;
  width: 100%;
}
.landing-page__container--undereducation .calculation-report .content-row .content-text {
  color: #141e2d;
}
.landing-page__container--undereducation .calculation-report .content-row .content-price {
  color: #141e2d;
}
.landing-page__container--undereducation .calculation-report .content-row .content-price2 {
  color: #141e2d;
}

@media only screen and (max-width: 768px) {
  .calculator-entrance.report-displaying {
    background: #fff;
  }
}
.calculator-entrance .calculator-core {
  display: grid;
  margin: 0 auto;
  position: relative;
  transition: min-height 0.25s ease;
  max-width: 660px;
}
@media only screen and (max-width: 768px) {
  .calculator-entrance .calculator-core {
    width: 100%;
  }
}
.calculator-entrance .calculator-core--content-wrapper {
  display: grid;
}
.calculator-entrance .calculator-core--content-wrapper {
  z-index: 10;
}
.calculator-entrance .calculator-core--content {
  background-color: #003755;
  justify-self: center;
  max-width: 660px;
  width: 100%;
  row-gap: 24px;
  padding: 64px 110px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .calculator-entrance .calculator-core--content {
    padding: 32px 16px 48px 16px;
    width: 100%;
    row-gap: 32px;
  }
}
.calculator-entrance .calculator-core--content .content-text--container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.calculator-entrance .calculator-core--content .calculator-header h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
  color: #fff;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .calculator-entrance .calculator-core--content .calculator-header h2 {
    font-size: 24px;
    margin-bottom: 4px;
  }
}
.calculator-entrance .calculator-core--content .custom-radio__label::after {
  content: none !important;
}
.calculator-entrance .calculator-core--content .custom-radio__label::before {
  content: none !important;
}
.calculator-entrance .calculator-core--content .footer-note {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .calculator-entrance .calculator-core--content .footer-note {
    margin-top: 0px;
  }
}
.calculator-entrance .calculator-core--content .remark {
  font-weight: 700;
}
.calculator-entrance .calculator-core--content .primary-inputs {
  display: grid;
  grid-template-columns: 1fr auto;
  position: relative;
}
.calculator-entrance .calculator-core--content .primary-inputs .field-helper {
  background-color: #BFDFEF;
  position: absolute;
  top: 0;
  left: 30%;
  transform: translate(-20%, calc(-100% - 22px));
  padding: 1rem;
  max-width: 240px;
}
@media only screen and (min-width: 769px) {
  .calculator-entrance .calculator-core--content .primary-inputs .field-helper {
    transform: translate(-50%, calc(-100% - 22px));
  }
}
.calculator-entrance .calculator-core--content .primary-inputs .field-helper::after {
  content: "";
  background-color: #BFDFEF;
  position: absolute;
  bottom: -11px;
  left: 20px;
  height: 12px;
  width: 12px;
  clip-path: polygon(0 0, 0 100%, 100% 0);
}
.calculator-entrance .calculator-core--content .primary-inputs .field-helper .list-button {
  cursor: pointer;
  text-decoration: underline;
}
.calculator-entrance .calculator-core--content .primary-inputs .form-element {
  min-height: unset;
}
.calculator-entrance .calculator-core--content .primary-inputs .form-element input {
  border-radius: 3px 0 0 3px;
  border: none;
  margin: 0;
  min-height: 3rem;
}
.calculator-entrance .calculator-core--content .primary-inputs .submit {
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .calculator-entrance .calculator-core--content .primary-inputs .submit {
    margin-top: 0px;
  }
}
.calculator-entrance .calculator-core--content .primary-inputs .submit button[type=submit] {
  width: 100%;
  font-weight: 500;
}
.calculator-entrance .calculator-core--content .primary-inputs .submit button[type=submit]:disabled {
  background-color: #c8c8c8;
  color: #999999;
  cursor: not-allowed;
  opacity: 1;
  border: 1px solid #c8c8c8;
}
.calculator-entrance .calculator-core .report-visual-loader {
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  max-width: 990px;
  margin: 0 auto;
  min-height: unset;
  right: 0;
  position: absolute;
  z-index: 15;
}

.calculator-core .question .question-input-container {
  display: flex;
  position: relative;
  align-items: center;
}
.calculator-core .question .question-input-container input.number-input {
  padding: 1px 16px;
  text-align: left;
}
.calculator-core .question .question-input-container .question-input__currency {
  position: absolute;
  right: 10px;
  color: #004463;
  font-size: 16px;
  line-height: 16px;
}
.calculator-core .question .question-label {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.calculator-core .question .question-elaboration {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .calculator-core .question .question-elaboration {
    display: flex;
    position: absolute;
  }
}
.calculator-core .question-subtitle {
  display: flow-root;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  width: 358px;
}
@media only screen and (max-width: 768px) {
  .calculator-core .question-subtitle {
    font-size: 18px;
    margin-bottom: 22px;
    width: 100%;
  }
}
.calculator-core .question-label {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  color: #fff;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}
.calculator-core .question-label .tooltip__toggle {
  display: inline-grid;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  line-height: 0;
  cursor: pointer;
}
.calculator-core .label-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.calculator-core .question-tooltip {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  top: 1px;
  bottom: 0;
  margin: 0px;
  cursor: pointer;
}
.calculator-core .tooltip {
  margin-left: 0;
  white-space: normal !important;
  max-width: 300px;
  word-break: break-word;
  gap: 8;
  left: 0 !important;
}
.calculator-core .tooltip i.flow-forms-icon.flow-forms-question {
  display: grid;
  background-image: url(/frontend_react/dist/assets/icons/question_small_square-inverted.svg);
  height: 1.5rem;
  width: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .calculator-core .tooltip i.flow-forms-icon.flow-forms-question {
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .calculator-core button.tooltip__toggle::after {
    top: -20px;
  }
}
.calculator-core .question-elaboration {
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  gap: 0.5rem;
}
.calculator-core .tooltip__content {
  top: -17px;
}

.radiobuttons-big-pill-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: 0;
  margin-left: -16px;
  margin-right: -10px;
}
.radiobuttons-big-pill-group .tooltip--error {
  position: relative;
  transform: none;
  padding-bottom: 20px;
  margin-left: 20px;
  top: auto;
  right: auto;
  display: flex;
  align-items: center;
}
.radiobuttons-big-pill-group .tooltip--error .tooltip__toggle {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-big-pill-group .tooltip--error {
    margin: 0 auto;
    padding-bottom: 0;
  }
}
.radiobuttons-big-pill-group .form-error {
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-big-pill-group .form-error {
    width: 100%;
    margin-left: 0;
  }
}
.radiobuttons-big-pill-group--toggle {
  flex-direction: column;
}
.radiobuttons-big-pill-group--toggle__inner {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-big-pill-group--toggle__inner {
    flex-direction: column;
  }
}

.custom-radio-big-pill {
  height: auto;
  width: 200px;
  margin: 0 4px 20px;
  display: flex;
  align-items: stretch;
}
.custom-radio-big-pill .custom-radio-big-pill__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  min-height: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background-color: transparent;
  opacity: 0;
}
.custom-radio-big-pill .custom-radio-big-pill__input:checked ~ .custom-radio-big-pill__label, .custom-radio-big-pill .custom-radio-big-pill__input:focus ~ .custom-radio-big-pill__label, .custom-radio-big-pill .custom-radio-big-pill__input:hover ~ .custom-radio-big-pill__label {
  background: #0f73a0;
  color: white;
  outline: 0;
}
.custom-radio-big-pill .custom-radio-big-pill__input:checked ~ .custom-radio-big-pill__label span, .custom-radio-big-pill .custom-radio-big-pill__input:focus ~ .custom-radio-big-pill__label span, .custom-radio-big-pill .custom-radio-big-pill__input:hover ~ .custom-radio-big-pill__label span {
  filter: brightness(0) invert(1) brightness(300%) contrast(300%);
}
.custom-radio-big-pill .custom-radio-big-pill__input:checked ~ .custom-radio-big-pill__label li:before, .custom-radio-big-pill .custom-radio-big-pill__input:focus ~ .custom-radio-big-pill__label li:before, .custom-radio-big-pill .custom-radio-big-pill__input:hover ~ .custom-radio-big-pill__label li:before {
  filter: brightness(0) invert(1) brightness(300%) contrast(300%);
}
.custom-radio-big-pill .custom-radio-big-pill__input:focus ~ .custom-radio-big-pill__label, .custom-radio-big-pill .custom-radio-big-pill__input:checked ~ .custom-radio-big-pill__label {
  border-color: #009de0;
}
.custom-radio-big-pill .custom-radio-big-pill__label {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: left;
  text-wrap: wrap;
  padding: 16px;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #0f73a0;
  width: auto;
  margin: 0;
  line-height: 20px;
  color: #0f73a0;
  cursor: pointer;
  transition: background-color 0.15s ease-out, color 0.15s ease-out;
  text-transform: none;
  text-decoration: none;
}
.custom-radio-big-pill .custom-radio-big-pill__label span {
  margin-bottom: 10px;
  font-size: 14px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div {
  font-weight: 400;
  font-size: 14px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div p strong {
  font-size: 16px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div p strong br {
  display: none;
}
.custom-radio-big-pill .custom-radio-big-pill__label div strong {
  font-size: 16px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div strong br {
  display: none;
}
.custom-radio-big-pill .custom-radio-big-pill__label div p {
  margin-bottom: 3px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div p:last-child {
  margin-bottom: 0px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div ul {
  list-style: none;
  padding-left: 0;
  margin-top: 2px;
  margin-left: 5px;
  margin-bottom: 0px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div ul li {
  position: relative;
  padding-left: 1.5rem;
  word-wrap: break-word;
  margin-top: 5px;
}
.custom-radio-big-pill .custom-radio-big-pill__label div ul li:before {
  content: url("/-/media/d09d7dc80aff4ea4affeef882c44438c.ashx?h=32&thn=1&w=32");
  position: absolute;
  left: -5px;
}
[data-whatintent=mouse] .custom-radio-big-pill:hover .custom-radio-big-pill__label {
  background: #0f73a0;
  color: white;
  outline: 0;
}

.radiobuttons-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  border: 0;
  position: relative;
}
.radiobuttons-group.radiobuttons-group--centered {
  justify-content: center;
}
.radiobuttons-group .custom-radio {
  margin: 0 10px 20px;
}
.radiobuttons-group .custom-radio.negative {
  position: relative;
}
.radiobuttons-group .custom-radio.negative .custom-radio__input {
  border-color: #fff;
  color: #fff;
  width: unset;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  min-height: 0;
  cursor: pointer;
}
.radiobuttons-group .custom-radio.negative .custom-radio__label {
  border-color: #fff;
  color: #fff;
}
.radiobuttons-group .custom-radio.negative .custom-radio__label:hover, .radiobuttons-group .custom-radio.negative .custom-radio__label:active, .radiobuttons-group .custom-radio.negative .custom-radio__label:focus, .radiobuttons-group .custom-radio.negative .custom-radio__label:checked {
  background-color: #fff;
  background: #fff;
  color: #141e2d;
}
[data-whatintent=mouse] .radiobuttons-group .custom-radio.negative:hover .custom-radio__label, [data-whatintent=mouse] .radiobuttons-group .custom-radio.negative:focus .custom-radio__label, [data-whatintent=mouse] .radiobuttons-group .custom-radio.negative:checked .custom-radio__label {
  background: #fff;
  color: #141e2d;
  outline: 0;
}
[data-whatintent=keyboard] .radiobuttons-group .custom-radio.negative:active {
  border: 1px solid #0f73a0 !important;
}
[data-whatintent=keyboard] .radiobuttons-group .custom-radio.negative:active .custom-radio__label {
  border: 1px solid #0f73a0 !important;
}
.radiobuttons-group .tooltip--error {
  position: relative;
  transform: none;
  padding-bottom: 20px;
  margin-left: 20px;
  top: auto;
  right: auto;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group .tooltip--error {
    margin: 0 auto;
    padding-bottom: 0;
  }
}
.radiobuttons-group .tooltip--error .tooltip__toggle {
  margin: 0;
}
.radiobuttons-group .form-error {
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group .form-error {
    width: 100%;
    margin-left: 0;
  }
}
.radiobuttons-group--toggle {
  flex-direction: column;
}
.radiobuttons-group--toggle.reverse-options .radiobuttons-group--toggle__inner {
  display: flex;
  flex-direction: row-reverse;
}
.radiobuttons-group--toggle.reverse-options .radiobuttons-group--toggle__inner .shorten-gap {
  margin-left: 0px;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group--toggle.reverse-options .radiobuttons-group--toggle__inner {
    flex-direction: column-reverse;
  }
}
.radiobuttons-group--toggle__inner {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group--toggle__inner {
    flex-direction: column;
  }
}

.custom-radio.negative .custom-radio__input:checked ~ .custom-radio__label, .custom-radio.negative .custom-radio__input:focus ~ .custom-radio__label {
  background: #fff;
  color: #141e2d;
  outline: 0;
}
.custom-radio.negative .custom-radio__input:focus ~ .custom-radio__label {
  border: 1px solid #0f73a0;
}
.custom-radio .custom-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  min-height: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background-color: transparent;
  opacity: 0;
}
.custom-radio .custom-radio__input:checked ~ .custom-radio__label, .custom-radio .custom-radio__input:focus ~ .custom-radio__label {
  background: #0f73a0;
  color: white;
  outline: 0;
}
.custom-radio .custom-radio__input:focus ~ .custom-radio__label {
  border-color: #009de0;
}
.custom-radio .custom-radio__label {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 6px 16px;
  border: 1px solid #0f73a0;
  border-radius: 3px;
  font-size: 1rem;
  text-align: center;
  background-color: transparent;
  line-height: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
  color: #0f73a0;
  transition: background-color 0.15s ease-out, color 0.15s ease-out;
  text-transform: none;
  text-decoration: none;
}
[data-whatintent=mouse] .custom-radio:hover .custom-radio__label {
  background: #0f73a0;
  color: white;
  outline: 0;
}
.custom-radio input:not([type=submit]),
.custom-radio select,
.custom-radio textarea,
.custom-radio .fake-input {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .radiobuttons-big-pill-group {
    grid-template-columns: 1fr;
    row-gap: 10px;
    width: 100%;
    margin-left: -4px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill {
    margin-bottom: 0px;
    width: 100%;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label {
    display: flex;
    line-height: 18px;
    flex-direction: row;
    align-items: stretch;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label > :first-child {
    flex: 0 0 10%;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label > :last-child {
    flex: 1 0 90%;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label span img {
    height: 21px;
    width: 21px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div p {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div p br {
    display: none;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div p br + strong {
    margin-left: -3px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div p:last-child {
    margin-bottom: 0px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div ul {
    margin-bottom: 0px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div ul li:not(:first-child) {
    margin-top: 10px;
  }
  .radiobuttons-big-pill-group .custom-radio-big-pill .custom-radio-big-pill__label div ul li::before {
    content: url("/-/media/d09d7dc80aff4ea4affeef882c44438c.ashx?h=32&thn=1&w=32");
    left: -5px;
    top: -2px;
  }
  .radiobuttons-group {
    width: 100%;
    margin: 0 0 10px;
  }
  .radiobuttons-group .custom-radio {
    width: 100%;
    margin: 0 0 20px;
  }
  .radiobuttons-group .custom-radio .custom-radio__label {
    width: 100%;
    text-align: center;
  }
  .radiobuttons-group2 {
    width: auto;
    margin: 0 0 10px;
  }
  .radiobuttons-group2 .custom-radio {
    width: auto;
    margin: 0 0 20px;
  }
  .radiobuttons-group2 .custom-radio .custom-radio__label {
    width: auto;
    text-align: center;
  }
}
.radiobuttons-group2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: -10px;
  padding: 0;
  border: 0;
  position: relative;
  margin: 0;
}
.radiobuttons-group2.radiobuttons-group2--centered {
  justify-content: center;
}
.radiobuttons-group2 .custom-radio {
  margin: 8px 24px 32px 0px;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group2 .custom-radio {
    margin-bottom: 0px;
    margin-right: 24px;
    margin-top: 0px;
  }
}
.radiobuttons-group2 .custom-radio.negative {
  position: relative;
}
.radiobuttons-group2 .custom-radio.negative .custom-radio__input {
  border-color: #fff;
  color: #fff;
  width: unset;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  min-height: 0;
  cursor: pointer;
}
.radiobuttons-group2 .custom-radio.negative .custom-radio__label {
  border-color: #fff;
  color: #fff;
  padding: 2px 12px 4px 12px;
  font-size: 16px;
}
.radiobuttons-group2 .custom-radio.negative .custom-radio__label:hover, .radiobuttons-group2 .custom-radio.negative .custom-radio__label:active, .radiobuttons-group2 .custom-radio.negative .custom-radio__label:focus, .radiobuttons-group2 .custom-radio.negative .custom-radio__label:checked {
  background-color: #fff;
  background: #fff;
  color: #141e2d;
}
[data-whatintent=mouse] .radiobuttons-group2 .custom-radio.negative:hover .custom-radio__label, [data-whatintent=mouse] .radiobuttons-group2 .custom-radio.negative:focus .custom-radio__label, [data-whatintent=mouse] .radiobuttons-group2 .custom-radio.negative:checked .custom-radio__label {
  background: #fff;
  color: #141e2d;
  outline: 0;
}
[data-whatintent=keyboard] .radiobuttons-group2 .custom-radio.negative:active {
  border: 1px solid #0f73a0 !important;
}
[data-whatintent=keyboard] .radiobuttons-group2 .custom-radio.negative:active .custom-radio__label {
  border: 1px solid #0f73a0 !important;
}
.radiobuttons-group2 .tooltip--error {
  position: relative;
  transform: none;
  padding-bottom: 20px;
  margin-left: 20px;
  top: auto;
  right: auto;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group2 .tooltip--error {
    margin: 0 auto;
    padding-bottom: 0;
  }
}
.radiobuttons-group2 .tooltip--error .tooltip__toggle {
  margin: 0;
}
.radiobuttons-group2 .form-error {
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group2 .form-error {
    width: 100%;
    margin-left: 0;
  }
}
.radiobuttons-group2--toggle.reverse-options .radiobuttons-group2--toggle__inner {
  display: flex;
  flex-direction: row-reverse;
}
.radiobuttons-group2--toggle.reverse-options .radiobuttons-group2--toggle__inner .shorten-gap {
  margin-left: 0px;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group2--toggle.reverse-options .radiobuttons-group2--toggle__inner {
    flex-direction: column-reverse;
  }
}
.radiobuttons-group2--toggle {
  flex-direction: column;
}
.radiobuttons-group2--toggle__inner {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .radiobuttons-group2--toggle__inner {
    flex-direction: row;
  }
}

.landing-page {
  display: grid;
}
.landing-page .landing-page__container {
  padding: 64px 0;
  background-color: #fff;
}

.result-block[aria-label=Overarbejde] {
  margin-top: 3rem;
}
.result-block[aria-label="Uddannelse:"] {
  margin-top: 3rem;
}
.result-block[aria-label="Barsel:"] {
  margin-top: 3rem;
}
.result-block div hr {
  margin-top: 0;
  margin-bottom: 20px;
}
.result-block div hr + div {
  position: relative;
  margin-bottom: 0px;
  top: 6px;
}

.calculation-report {
  display: flex;
  justify-content: center;
}
.calculation-report__container {
  background-color: #f0f0eb;
  justify-self: center;
  max-width: 660px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 769px) {
  .calculation-report__container {
    padding: 64px 115px;
  }
}
@media only screen and (max-width: 768px) {
  .calculation-report__container {
    padding: 40px 14px;
    width: 390px;
    margin: 0 auto;
  }
}
.calculation-report__container .line-block-results {
  display: flex;
  flex-direction: column;
  row-gap: 56px;
}
.calculation-report__container .line-block-results .calculation-results {
  row-gap: 24px;
}
.calculation-report__container .line-block-results .calculation-results hr {
  margin-top: 0;
  margin-bottom: 24px;
  border-color: #141e2d;
}
.calculation-report__container .calculation-results {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.calculation-report__container .calculation-report__remarks {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  color: #141e2d;
}
.calculation-report__container .content-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-title {
    font-size: 18px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
.calculation-report__container .content-subtitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-subtitle {
    font-size: 16px;
  }
}
.calculation-report__container .content-subtitle3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-subtitle3 {
    font-size: 16px;
  }
}
.calculation-report__container .content-subtitle2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0px;
  margin-top: 42px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-subtitle2 {
    font-size: 20px;
  }
}
.calculation-report__container .content-amount {
  font-size: 32px;
  font-weight: 500;
  color: #0f73a0;
  line-height: 36px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-amount {
    font-size: 20px;
    margin: 0 0 0;
  }
}
.calculation-report__container .content-text {
  max-width: 220px;
}
.calculation-report__container .content-text--container {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.calculation-report__container .section-divider {
  width: 100%;
  border: none;
  border-top: 1px solid #000;
  /* eller en anden farve */
  margin: 0 0 16px 0;
  padding: 0;
}
.calculation-report__container .is-first-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .is-first-title {
    font-size: 20px;
  }
}
.calculation-report__container .is-last {
  margin-bottom: 24px;
}
.calculation-report__container .content-frequency {
  display: inline-block;
  /* eller block */
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-frequency {
    margin-bottom: 0px;
  }
}
.calculation-report__container .content-amount-note {
  display: inline-block;
  /* eller block */
  font-size: 16px;
  margin-bottom: 32px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-amount-note {
    margin-bottom: 0px;
  }
}
.calculation-report__container .content-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.calculation-report__container .content-row .content-text {
  color: #003755;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.calculation-report__container .content-row .content-price {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #0f73a0;
  text-align: right;
  margin-bottom: 0;
  min-width: 8ch;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-row .content-price {
    font-size: 18px;
  }
}
.calculation-report__container .content-row .tooltip__toggle {
  display: inline-grid;
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  line-height: 0;
  cursor: pointer;
}
.calculation-report__container .content-row .tooltip__content {
  top: -17px;
}
.calculation-report__container .content-row .content-price2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #0f73a0;
  text-align: right;
  margin-bottom: 0;
  min-width: 8ch;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .content-row .content-price2 {
    font-size: 18px;
  }
}
.calculation-report__container-price--container {
  display: flex;
}
.calculation-report__container .calculation-report__remark {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.calculation-report__container .remark {
  font-weight: 700;
}
.calculation-report__container .report-tooltip {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  top: 6px;
  bottom: 0;
  margin: 0px;
  cursor: pointer;
}
.calculation-report__container .tooltip {
  margin-left: 0;
  white-space: normal !important;
  max-width: 300px;
  word-break: break-word;
  gap: 8;
}
.calculation-report__container .tooltip i.flow-forms-icon.flow-forms-question {
  display: grid;
  background-image: url(/frontend_react/dist/assets/icons/question_small_square.svg);
  height: 1.5rem;
  width: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .calculation-report__container .tooltip i.flow-forms-icon.flow-forms-question {
    position: relative;
    right: 180px;
  }
}

.report-visual-loader {
  align-items: center;
  display: grid;
  height: 100%;
  width: 100%;
  min-height: 200px;
}
@media only screen and (min-width: 769px) {
  .report-visual-loader {
    min-height: 300px;
  }
}
.hero-loader .report-visual-loader {
  height: 40vh;
}

.main {
  max-width: unset;
}