/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 433:0 Unexpected "<"

**/
<style>
  .subscription-info-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    margin-bottom: 24px;
  }
  .contract-status-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
  }
  .contract-status-loading__spinner {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid rgba(59, 78, 86, 0.2);
    border-top-color: #3B4E56;
    animation: contract-status-spin 0.8s linear infinite;
  }
  @keyframes contract-status-spin {
    to { transform: rotate(360deg); }
  }
  
  .subscription-card {
    display: flex;
    background-color: #F7F7F7;
    border-radius: 4px;
    gap: 12px;
    height: 100%;
  }

  .subscription-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBEDEE;
    width: 66px;
    border-radius: 4px;
  }

  .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBEDEE;
    width: 66px;
    border-radius: 4px;
  }
  .card {
    display: flex;
    background-color: #F7F7F7;
    border-radius: 4px;
    height: 100%;
  }

  .card-content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18px;
    flex-direction: column;
    gap: 10px;
  }

  .subscription-card-icon svg path,
  .subscription-card-icon svg circle,
  .subscription-card-icon svg rect {
    stroke: white !important;
    fill: none !important;
  }
  
  .subscription-card-content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding:  11px 16px 11px 22px;
  }

  .paid-period-card-content {
   padding:  22px 16px 22px 22px;
  }
  
  .subscription-info-title {
    color: var(--Grey-CI, #3B4E56);
    font-size: 18px;
    font-style: normal;
    font-weight: 390;
    line-height: 160%;
  }

  .subscription-info-label {
    font-size: 10px;
    font-style: normal;
    font-weight: 330;
    line-height: 120%; /* 12px */
  }

  .subscription-info-description {
    font-size: 14px;
    font-weight: 200;
    line-height: 150%; /* 21px */
    margin: 0;
  }

  .subscription-info-body {
    font-size: 14px;
    font-style: normal;
    font-weight: 390;
    line-height: 150%;
  }

  .subscription-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #3B4E56;
    line-height: 1.3;
  }
  
  .subscription-card-description {
    font-size: 12px;
    color: #3B4E56;
    margin: 0;
    line-height: 1.4;
    font-weight: 300;
  }
  
  .subscription-card-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #3B4E56;
    margin: 0 0 4px 0;
    line-height: 1.3;
  }
  
  .subscription-card-price-note {
    font-size: 14px;
    color: #3B4E56;
    margin: 0;
    line-height: 1.4;
    font-weight: 300;
  }
  
  .subscription-card-text {
    flex: 1;
  }
  
  .subscription-card-price {
    display: flex;
    align-items: flex-end;
    text-align: right;
  }
  
  .subscription-card-price-main {
    font-size: 48px;
    font-weight: 700;
    color: #3B4E56;
    line-height: 1.25;
    height: 53px;
    align-self: center;
  }
  
  .subscription-card-price-period {
    font-size: 24px;
    font-weight: 600;
    color: #3B4E56;
    line-height: 1.25;
  }
  
  .subscription-card-price-note__mobile {
    display: none;
  }

  .subscription-card-price-note__desktop {
    display: block;
  }

  .subscription-info-item {
    display: flex;
    flex-direction: column;
  }

  .subscription-selling-plan-options-container {
    margin-bottom: 20px;
  }

  @media (max-width: 1024px) {

    .paid-period-card-content {
      padding:  16px 16px 12px 22px;
     }
    
    .subscription-card-price-main {
      height: 36px;
      font-size: 32px;
    }

    .subscription-card-price-note__mobile {
      display: block;
      font-size: 12px;
      margin-bottom: 0px;
    }

    .subscription-card-price-note__desktop {
      display: none;
    }

    .subscription-card-content {
      flex-direction: column;
      gap: 0px;
    }
    
    .subscription-card-price {
      align-items: flex-end;
      text-align: left;
      margin-bottom: 8px;
    }
    
    .subscription-card-title {
      font-size: 14px;
    }

    .subscription-card-description {
      font-size: 12px;
    }

    .subscription-info-container {
      margin-bottom: 32px;
    }

    .subscription-card-subtitle {
      font-size: 14px;
    }

    .subscription-card-price-period {
      font-size: 18px;
    }
  }

  /* ========================= */
  /* TRIAL SECTION – license cards */
  /* ========================= */
  .license-mode--trial .license-trial-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .license-mode--trial .license-card--trial {
    border-radius: 4px;
    background: var(--Background-light, #F7F7F7);
    overflow: hidden;
  }

  .license-mode--trial .license-card__label {
    display: flex;
    cursor: pointer;
    position: relative;
  }

  .license-mode--trial .license-card__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .license-mode--trial .license-card__strip {
    width: 66px;
    flex-shrink: 0;
    border-radius: 4px 0 0 4px;
    background: var(--Inputfield, #EBEDEE);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 21px 0;
    align-self: stretch;
  }

  /* Input bullet: 24px × 24px */
  .license-mode--trial .license-card__radio {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--Grey-CI, #3B4E56);
    background: transparent;
    flex-shrink: 0;
  }

  .license-mode--trial .license-card__label:has(.license-card__input:checked) .license-card__radio {
    background: var(--Grey-CI, #3B4E56);
    box-shadow: inset 0 0 0 4px var(--Inputfield, #EBEDEE);
  }

  /* White content area: Top 28px, Left 24px, Right 20px, Bottom 28px */
  .license-mode--trial .license-card__content {
    flex: 1;
    padding: 28px 20px 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    min-width: 0;
  }

  .license-mode--trial .license-card__text {
    flex: 1;
  }

  /* H5 – main title e.g. "Abo mit kostenloser Testphase" – 22px gap to paragraph */
  .license-mode--trial .license-card__title {
    color: var(--Grey-CI, #3B4E56);
    font-family: "CamingoDos Pro SCd";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 22px 0;
  }

  /* Non-recurring card only: e.g. "2 Jahre kostenlose Testphase" – 18px heading, no margin */
  .license-mode--trial .license-card--trial-non-recurring .license-card__title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  /* Non-recurring card: description has no margin */
  .license-mode--trial .license-card--trial-non-recurring .license-card__description {
    margin: 0;
  }

  /* Paragraph bold – e.g. "(empfohlen)" */
  .license-mode--trial .license-card__title-tag {
    color: var(--Grey-C1, #3B4E56);
    font-family: "CamingoDos Pro SCd";
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
  }

  /* Paragraph small – description body; 24px gap to "Für 2 Jahre" section */
  .license-mode--trial .license-card__description {
    color: var(--Grey-CI, #3B4E56);
    font-family: "CamingoDos Pro SCd";
    font-size: 14px;
    font-weight: 330;
    line-height: 130%;
    margin: 0 0 24px 0;
  }

  /* Two equal-width columns, 24px gap between them */
  .license-mode--trial .license-card__pricing {
    display: flex;
    gap: 24px;
  }

  .license-mode--trial .license-card__pricing-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  /* 6px gap between "Für 2 Jahre" label and "kostenlos" (and label → value in right col) */
  .license-mode--trial .license-card__pricing-value {
    margin-top: 6px;
  }

  /* 12px gap between "450 € pro Jahr" and "535,50 € inkl. MwSt." */
  .license-mode--trial .license-card__pricing-note {
    margin-top: 2px;
  }

  /* Paragraph in bold – "Für 2 Jahre:" / "Ab dem 3. Jahr:" */
  .license-mode--trial .license-card__pricing-label {
    font-family: "CamingoDos Pro SCd";
    font-size: 14px;
    font-weight: 700;
    color: var(--Grey-CI, #3B4E56);
    line-height: 140%;
  }

  /* H6 – "kostenlos" / "450 € pro Jahr" */
  .license-mode--trial .license-card__pricing-value {
    font-family: "CamingoDos Pro SCd";
    font-size: 24px;
    font-weight: 700;
    color: var(--Grey-CI, #3B4E56);
    line-height: 120%;
  }

  .license-mode--trial .license-card__pricing-value-tag {
    font-size: 14px;
  }

  /* Paragraph small – "535,50 € inkl. MwSt." */
  .license-mode--trial .license-card__pricing-note {
    font-family: "CamingoDos Pro SCd";
    font-size: 12px;
    font-weight: 330;
    color: var(--Grey-CI, #3B4E56);
    line-height: 130%;
  }

  @media (max-width: 1024px) {
    .license-mode--trial .license-card__pricing {
      gap: 12px;
    }

    .license-mode--trial .license-card__pricing-note {
      font-size: 14px;
    }

    .subscription-info-label {
      font-size: 12px;
    }

    .license-mode--trial .license-card--trial-non-recurring .license-card__title {
      font-size: 22px;
    }
  }
</style>