/* src/components/src/components/styles.module.css */
@layer ddsweb-organisms {
  @layer ddsweb-banner {
    .BcQTvq_bannerStandFirst {
      margin-top: var(--ddsweb-theme-spacing-sm);
      font-size: var(--ddsweb-theme-font-size-xs);
    }
    .BcQTvq_bannerHero {
      font-size: var(--ddsweb-theme-font-size-sm);
    }
    .BcQTvq_inverse {
      --ddsweb-text-color: var(--ddsweb-theme-colors-inverse);
      --ddsweb-heading-color: var(--ddsweb-theme-colors-inverse);
    }
    .BcQTvq_bannerLogo {
      right: var(--ddsweb-theme-spacing-sm);
      bottom: var(--ddsweb-theme-spacing-sm);
      display: block;
      position: absolute;
    }
    .BcQTvq_bannerCTAsContainer {
      margin-top: var(--ddsweb-theme-spacing-lg);
      margin-right: var(--ddsweb-theme-spacing-sm);
      flex-wrap: wrap;
      display: flex;
    }
    .BcQTvq_spacingLink {
      margin-right: calc(var(--ddsweb-theme-spacing-sm) * -1);
    }
    .BcQTvq_bannerCTALink {
      vertical-align: top;
    }
    .BcQTvq_bannerCTAlinks {
      margin-right: var(--ddsweb-theme-spacing-sm);
      flex-grow: 1;
    }
    .BcQTvq_bannerCTAlinks:first-child {
      margin-bottom: var(--ddsweb-theme-spacing-sm);
    }
    .BcQTvq_bannerTerms {
      bottom: var(--ddsweb-theme-spacing-sm);
      left: var(--ddsweb-theme-spacing-sm);
      width: calc(100% - var(--ddsweb-theme-spacing-xl));
      position: absolute;
    }
    .BcQTvq_bannerContent {
      max-width: 480px;
    }
    .BcQTvq_withTerms {
      margin-bottom: var(--ddsweb-theme-spacing-xxxl);
    }
    .BcQTvq_bannerHeadlineLogo {
      max-height: 63px;
    }
    .BcQTvq_bannerHeadline {
      margin-top: 0;
      margin-bottom: 0;
    }
    .BcQTvq_bannerPanel {
      padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm);
      flex-direction: column;
      flex-grow: 1;
      justify-content: center;
      display: flex;
    }
    .BcQTvq_bannerPanelFullWidth {
      flex-grow: 0;
    }
    .BcQTvq_imageContainer {
      background-color: var(--ddsweb-theme-colors-white);
    }
    .BcQTvq_bannerContainer {
      border: 1px solid var(--ddsweb-theme-colors-lines-base);
      background-color: var(--ddsweb-theme-colors-background-dark);
      flex-direction: column;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    .BcQTvq_fullWidthRight {
      justify-content: flex-end;
    }
    .BcQTvq_half {
      width: 50%;
      max-width: 606px;
    }
    .BcQTvq_inspirationalCTAsContainer {
      max-width: 480px;
      margin-top: var(--ddsweb-theme-spacing-xl);
      margin-right: calc(var(--ddsweb-theme-spacing-sm) * -1);
      flex-wrap: wrap;
      display: flex;
    }
    .BcQTvq_inspirationalCTA {
      margin-right: var(--ddsweb-theme-spacing-sm);
      margin-bottom: var(--ddsweb-theme-spacing-sm);
      vertical-align: top;
      flex-grow: 1;
    }
    .BcQTvq_inspirationalContainer {
      border: 1px solid var(--ddsweb-theme-colors-lines-base);
      background-color: var(--ddsweb-theme-colors-background-dark);
      flex-direction: column;
      display: flex;
    }
    .BcQTvq_inspirationalImageContainer {
      flex-direction: column;
      display: flex;
    }
    .BcQTvq_imageContentContainer {
      display: none;
    }
    .BcQTvq_withFullVariant {
      display: flex;
    }
    .BcQTvq_imageHeadline {
      max-width: 450px;
      margin-bottom: var(--ddsweb-theme-spacing-lg);
    }
    .BcQTvq_imageHeadlineFull {
      --ddsweb-heading-color: var(--ddsweb-theme-colors-inverse);
      margin-bottom: 0;
    }
    .BcQTvq_logoContainer {
      margin-top: var(--ddsweb-theme-spacing-xl);
    }
    .BcQTvq_panel {
      flex-direction: column;
      justify-content: space-between;
      max-width: 731px;
      margin: 0 auto;
      display: flex;
    }
    .BcQTvq_panelContainer {
      padding: var(--ddsweb-theme-spacing-xl) var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm);
      flex-grow: 1;
      display: flex;
    }
    .BcQTvq_standfirst {
      margin-bottom: var(--ddsweb-theme-spacing-lg);
    }
    .BcQTvq_inspirationalResponsiveImage {
      --object-fit-global: cover;
      --object-position-global: center center;
      --max-height-global: 200px;
      --min-height-global: 200px;
    }
    .BcQTvq_inspirationalResponsiveImageFull {
      --min-height-global: 200px;
    }
    .BcQTvq_skinnyBodyText {
      margin-top: var(--ddsweb-theme-spacing-xx);
    }
    .BcQTvq_skinnyCTAsContainer {
      z-index: 1;
      right: var(--ddsweb-theme-spacing-sm);
      bottom: var(--ddsweb-theme-spacing-sm);
      position: absolute;
    }
    .BcQTvq_skinnyContainer {
      border: 1px solid var(--ddsweb-theme-colors-lines-base);
      background-color: var(--ddsweb-theme-colors-background-dark);
      color: initial;
      cursor: pointer;
      flex-direction: column;
      text-decoration: none;
      display: flex;
      position: relative;
      overflow: hidden;
    }
    .BcQTvq_skinnyContainer:hover .BcQTvq_skinnyLink:after,
    .BcQTvq_skinnyContainer:focus .BcQTvq_skinnyLink:after {
      opacity: 1;
    }
    .BcQTvq_containerInverse {
      background-color: var(--ddsweb-theme-colors-primary);
    }
    .BcQTvq_skinnyContent {
      max-width: 480px;
    }
    .BcQTvq_skinnyContentWithTerms {
      margin-bottom: var(--ddsweb-theme-spacing-xxl);
    }
    .BcQTvq_skinnyPanel {
      min-height: 128px;
      padding-right: var(--ddsweb-theme-spacing-sm);
      padding-left: var(--ddsweb-theme-spacing-sm);
      flex-direction: column;
      order: 1;
      justify-content: center;
      display: flex;
    }
    .BcQTvq_skinnyImageContainer {
      background-color: var(--ddsweb-theme-colors-white);
      order: 0;
      width: 100%;
      max-height: 100px;
    }
    .BcQTvq_skinnyTerms {
      bottom: var(--ddsweb-theme-spacing-xs);
      left: var(--ddsweb-theme-spacing-sm);
      position: absolute;
    }
    @media (max-width: 756px) {
      .BcQTvq_imageContentContainer {
        padding-top: var(--ddsweb-theme-spacing-lg);
        padding-bottom: var(--ddsweb-theme-spacing-lg);
        justify-content: center;
      }
      .BcQTvq_withFullVariant {
        display: none;
      }
      .BcQTvq_withFullVariantMobile {
        display: flex;
      }
      .BcQTvq_bannerPanel {
        min-height: 260px;
      }
      .BcQTvq_bannerPanelHero {
        min-height: 280px;
      }
      .BcQTvq_imageHeadline {
        display: block;
      }
      .BcQTvq_imageHeadlineFull {
        display: none;
      }
      .BcQTvq_logoContainer {
        margin-top: 0;
      }
      .BcQTvq_ddsweb-link {
        padding: 0;
      }
      .BcQTvq_ddsweb-link__icon-container {
        margin-left: 0;
      }
      .BcQTvq_ddsweb-link__text {
        display: none;
      }
      .BcQTvq_skinnyContentWithCTA {
        width: calc(100% - (40px + var(--ddsweb-theme-spacing-sm)));
      }
      .BcQTvq_skinnyLink .ddsweb-link__text {
        display: none;
      }
    }
    @media (min-width: 756px) {
      .BcQTvq_imageContentContainer {
        width: 100%;
        padding-right: var(--ddsweb-theme-spacing-xl);
        padding-left: var(--ddsweb-theme-spacing-xl);
        position: absolute;
        bottom: 100px;
        left: 0;
      }
      .BcQTvq_imageHeadlineFull {
        font-size: var(--ddsweb-theme-font-size-next-oversized-xl);
        margin-bottom: 0;
      }
      .BcQTvq_withFullVariant {
        display: block;
      }
      .BcQTvq_bannerContainer {
        flex-direction: row;
        height: 260px;
      }
      .BcQTvq_bannerContainerHero {
        height: 380px;
      }
      .BcQTvq_imageContainerHalfWidth {
        width: 50%;
      }
      .BcQTvq_imageContainerFullWidth {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
      .BcQTvq_orderRight {
        order: 0;
      }
      .BcQTvq_orderLeft {
        order: 1;
      }
      .BcQTvq_bannerPanel {
        width: 50%;
        padding-left: var(--ddsweb-theme-spacing-sm);
      }
      .BcQTvq_halfWidthRightSpacing {
        padding-left: var(--ddsweb-theme-spacing-xxl);
      }
      .BcQTvq_bannerStandFirst {
        font-size: var(--ddsweb-theme-font-size-md);
      }
      .BcQTvq_bannerWithLogoContent .BcQTvq_bannerStandFirst {
        font-size: var(--ddsweb-theme-font-size-sm);
      }
      .BcQTvq_bannerHero {
        font-size: var(--ddsweb-theme-font-size-md);
      }
      .BcQTvq_bannerHeroHeadline {
        font-size: var(--ddsweb-theme-font-size-next-headline-xxxl);
      }
      .BcQTvq_bannerLogoRight {
        right: auto;
        left: var(--ddsweb-theme-spacing-sm);
      }
      .BcQTvq_valueTileRight {
        left: 0;
        right: auto;
      }
      .BcQTvq_bannerTerms {
        left: var(--ddsweb-theme-spacing-sm);
      }
      .BcQTvq_halfWidthRight {
        left: var(--ddsweb-theme-spacing-xxl);
      }
      .BcQTvq_inspirationalImageContent {
        max-width: 731px;
        margin: 0 auto;
      }
      .BcQTvq_panelHeadlineVisibility {
        display: block;
      }
      .BcQTvq_panelHeadlineVisibilityFullWidth {
        display: none;
      }
      .BcQTvq_inspirationalResponsiveImageFull {
        --max-height-aboveTablet: 460px;
        --min-height-aboveTablet: 460px;
      }
      .BcQTvq_skinnyCTAsContainerWithTile {
        right: calc(100px + var(--ddsweb-theme-spacing-sm));
      }
      .BcQTvq_skinnyContainer {
        flex-direction: row;
        height: 100px;
      }
      .BcQTvq_skinnyPanel {
        order: 0;
        width: 50%;
      }
      .BcQTvq_skinnyImageContainer {
        order: 1;
        width: 50%;
      }
      .BcQTvq_valueTile {
        left: auto;
        right: 0;
      }
    }
    @media (min-width: 504px) {
      .BcQTvq_noImage {
        height: 100px;
      }
      .BcQTvq_skinnyPanel {
        min-height: 100px;
      }
      .BcQTvq_skinnyTerms {
        bottom: var(--ddsweb-theme-spacing-xs);
      }
    }
    @media (max-width: 504px) {
      .BcQTvq_skinnyContentWithTerms {
        margin-bottom: var(--ddsweb-theme-spacing-xxxl);
      }
    }
  }
}


/*# sourceMappingURL=d0e491eec0dd73bca8d3.css.map*/