.card {
  border-radius: var(--card-radius);
  overflow: clip;
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: var(--card-tablet-spacing-header-padding-bottom);
  background-color: var(--card-onlight-color-background-1);
}.card.card--variant-2 {
  background-color: var(--card-onlight-color-background-2);
}.card.card--background-dark {
  background-color: var(--card-ondark-color-background-1);
}.card.card--background-dark.card--variant-2 {
  background-color: var(--card-ondark-color-background-2);
}.card.card--centered-text {
  align-items: center;
}.card__header {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--card-mb-spacing-header-padding-bottom);
  padding: var(--card-mb-spacing-vertical-top) var(--card-mb-spacing-horizontal) var(--card-mb-spacing-vertical-bottom);
  padding-bottom: 0;
}.card__header.card__header--centered-text {
  justify-content: center;
}.card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: var(--card-mb-spacing-button-padding-top);
  padding: var(--card-mb-spacing-vertical-top) var(--card-mb-spacing-horizontal) var(--card-mb-spacing-vertical-bottom);
  padding-top: 0;
}.card__heading {
  
  margin: 0;
  
  padding-bottom: var(--card-mb-spacing-header-padding-bottom);
  color: var(--card-onlight-color-headline);
  
  font-family: var(--card-mb-typography-header-font-face);
  line-height: var(--card-mb-typography-header-line-height);
  font-size: var(--card-mb-typography-header-font-size);
  text-transform: var(--card-mb-typography-header-text-case);
  letter-spacing: var(--card-mb-typography-header-letter-spacing);
  font-weight: var(--card-mb-typography-header-font-weight);
  -webkit-text-decoration: var(--card-mb-typography-header-text-decoration);
          text-decoration: var(--card-mb-typography-header-text-decoration);
  
}.card__heading.card__heading--centered-text {
  text-align: center;
}.card__heading.card__heading--background-dark {
  color: var(--card-ondark-color-headline);
}.card__heading sup {
  display: inline-block;
  margin-top: -10px;
}.card__body {
  margin: 0;
  color: var(--card-onlight-color-body);
  
  font-family: var(--card-mb-typography-body-font-face);
  line-height: var(--card-mb-typography-body-line-height);
  font-size: var(--card-mb-typography-body-font-size);
  text-transform: var(--card-mb-typography-body-text-case);
  letter-spacing: var(--card-mb-typography-body-letter-spacing);
  font-weight: var(--card-mb-typography-body-font-weight);
  -webkit-text-decoration: var(--card-mb-typography-body-text-decoration);
          text-decoration: var(--card-mb-typography-body-text-decoration);
  
}.card__body.card__body--centered-text {
  text-align: center;
}.card__body.card__body--background-dark {
  color: var(--card-ondark-color-body);
}.card__footer {
  display: flex;
  gap: 16px;
  flex-flow: column nowrap;
}.card__footer.card__footer--centered-text {
  align-items: center;
}.card__footer.card__footer--no-footer {
  
  
  display: none;
  
  visibility: hidden;
}@media screen and (min-width: 640px) {
  .card__header {
    padding: var(--card-tablet-spacing-vertical-top) var(--card-tablet-spacing-horizontal) var(--card-tablet-spacing-vertical-bottom);
    padding-bottom: 0;
  }
  .card__header {
    gap: var(--card-tablet-spacing-header-padding-bottom);
  }
  .card__content {
    padding: var(--card-tablet-spacing-vertical-top) var(--card-tablet-spacing-horizontal) var(--card-tablet-spacing-vertical-bottom);
    padding-top: 0;
  }
  .card__content {
    gap: var(--card-tablet-spacing-button-padding-top);
  }
  .card__heading {
    padding-bottom: var(--card-tablet-spacing-header-padding-bottom);
    
    font-family: var(--card-tablet-typography-header-font-face);
    line-height: var(--card-tablet-typography-header-line-height);
    font-size: var(--card-tablet-typography-header-font-size);
    text-transform: var(--card-tablet-typography-header-text-case);
    letter-spacing: var(--card-tablet-typography-header-letter-spacing);
    font-weight: var(--card-tablet-typography-header-font-weight);
    -webkit-text-decoration: var(--card-tablet-typography-header-text-decoration);
            text-decoration: var(--card-tablet-typography-header-text-decoration);
    
  }
  .card__body {
    
    font-family: var(--card-tablet-typography-body-font-face);
    line-height: var(--card-tablet-typography-body-line-height);
    font-size: var(--card-tablet-typography-body-font-size);
    text-transform: var(--card-tablet-typography-body-text-case);
    letter-spacing: var(--card-tablet-typography-body-letter-spacing);
    font-weight: var(--card-tablet-typography-body-font-weight);
    -webkit-text-decoration: var(--card-tablet-typography-body-text-decoration);
            text-decoration: var(--card-tablet-typography-body-text-decoration);
    
  }
}@media screen and (min-width: 1024px) {
  .card__header {
    padding: var(--card-dsk-spacing-vertical-top) var(--card-dsk-spacing-horizontal) var(--card-dsk-spacing-vertical-bottom);
    padding-bottom: 0;
  }
  .card__header {
    gap: var(--card-desktop-spacing-header-padding-bottom);
  }
  .card__content {
    padding: var(--card-dsk-spacing-vertical-top) var(--card-dsk-spacing-horizontal) var(--card-dsk-spacing-vertical-bottom);
    padding-top: 0;
  }
  .card__content {
    gap: var(--card-dsk-spacing-button-padding-top);
  }
  .card__heading {
    padding-bottom: var(--card-dsk-spacing-header-padding-bottom);
    
    font-family: var(--card-dsk-typography-header-font-face);
    line-height: var(--card-dsk-typography-header-line-height);
    font-size: var(--card-dsk-typography-header-font-size);
    text-transform: var(--card-dsk-typography-header-text-case);
    letter-spacing: var(--card-dsk-typography-header-letter-spacing);
    font-weight: var(--card-dsk-typography-header-font-weight);
    -webkit-text-decoration: var(--card-dsk-typography-header-text-decoration);
            text-decoration: var(--card-dsk-typography-header-text-decoration);
    
  }
  .card__body {
    
    font-family: var(--card-dsk-typography-body-font-face);
    line-height: var(--card-dsk-typography-body-line-height);
    font-size: var(--card-dsk-typography-body-font-size);
    text-transform: var(--card-dsk-typography-body-text-case);
    letter-spacing: var(--card-dsk-typography-body-letter-spacing);
    font-weight: var(--card-dsk-typography-body-font-weight);
    -webkit-text-decoration: var(--card-dsk-typography-body-text-decoration);
            text-decoration: var(--card-dsk-typography-body-text-decoration);
    
  }
}