@charset "UTF-8";
.membercare-membership-option {
  padding: calc(10px + 10 * ((100vw - 600px) / 800));
  box-sizing: border-box;
  border: 1px solid #909197; }
  @media screen and (max-width: 600px) {
    .membercare-membership-option {
      padding: 10px; } }
  @media screen and (min-width: 1400px) {
    .membercare-membership-option {
      padding: 20px; } }
  .membercare-membership-option .content {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: stretch; }
    @media (max-width: 600px) {
      .membercare-membership-option .content {
        flex-wrap: wrap; } }
  .membercare-membership-option .membership-data {
    display: flex;
    flex-direction: column;
    width: 40.68768%;
    margin-right: 10.17192%; }
    @media (max-width: 600px) {
      .membercare-membership-option .membership-data {
        min-width: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; } }
    .membercare-membership-option .membership-data .top {
      flex-grow: 1; }
    .membercare-membership-option .membership-data .bottom {
      flex-grow: 0; }
    .membercare-membership-option .membership-data h2 {
      margin-bottom: calc(2.5px + 2.5 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .membercare-membership-option .membership-data h2 {
          margin-bottom: 2.5px; } }
      @media screen and (min-width: 1400px) {
        .membercare-membership-option .membership-data h2 {
          margin-bottom: 5px; } }
      .membercare-membership-option .membership-data h2 .membership-description {
        display: block;
        color: var(--color-primary);
        margin-bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
        @media screen and (max-width: 600px) {
          .membercare-membership-option .membership-data h2 .membership-description {
            margin-bottom: 5px; } }
        @media screen and (min-width: 1400px) {
          .membercare-membership-option .membership-data h2 .membership-description {
            margin-bottom: 10px; } }
    @media (max-width: 600px) {
      .membercare-membership-option .membership-data .actions {
        display: none; } }
  .membercare-membership-option .membership-details {
    width: 50.8596%; }
    @media (max-width: 600px) {
      .membercare-membership-option .membership-details {
        min-width: 0;
        width: 100%; } }
    .membercare-membership-option .membership-details details summary::before {
      color: #171716; }
    .membercare-membership-option .membership-details details summary:hover {
      color: #171716; }
      .membercare-membership-option .membership-details details summary:hover::before {
        color: var(--color-primary); }
    .membercare-membership-option .membership-details details table {
      margin-top: calc(5px + 5 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .membercare-membership-option .membership-details details table {
          margin-top: 5px; } }
      @media screen and (min-width: 1400px) {
        .membercare-membership-option .membership-details details table {
          margin-top: 10px; } }
    .membercare-membership-option .membership-details .items tbody tr {
      border: none; }
    .membercare-membership-option .membership-details .items tfoot {
      border-top: 1px solid #909197; }
    .membercare-membership-option .membership-details .details table {
      margin-bottom: 0; }
    .membercare-membership-option .membership-details .details tr {
      border: none; }
    .membercare-membership-option .membership-details .details tfoot {
      border-top: 1px solid #909197;
      border-bottom: 1px solid #909197; }
  .membercare-membership-option .membership-price {
    margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-membership-option .membership-price {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1400px) {
      .membercare-membership-option .membership-price {
        margin-bottom: 40px; } }
  .membercare-membership-option .button--normal::before {
    content: 'Vælg'; }
  .membercare-membership-option .actions.mobile {
    display: none;
    margin-top: calc(20px + 20 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-membership-option .actions.mobile {
        margin-top: 20px; } }
    @media screen and (min-width: 1400px) {
      .membercare-membership-option .actions.mobile {
        margin-top: 40px; } }
    @media (max-width: 600px) {
      .membercare-membership-option .actions.mobile {
        display: block; } }

/*# sourceMappingURL=../../_maps/components/membercare/membercare--membership-option.css.map */