.container {
  overflow: initial;
}
.db-cards {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(21.25rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.db-cards.db-cards--mainTeaser {
  grid-template-columns: repeat(1, minmax(1rem, 1fr));
}

@media only screen and (min-width: 1280px) {
  .db-cards.db-cards--1col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(1, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--2col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(2, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--3col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(3, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--4col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(4, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--5col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(5, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--6col:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(6, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--autofit:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
  }
  .db-cards.db-cards--autofill:not(.db-cards--mainTeaser) {
    grid-template-columns: repeat(auto-fill, minmax(21.25rem, 1fr));
  }
}
.db-cards .db-card {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08), 0 5px 30px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-color: #fff;
}
.db-cards .db-card figure {
  margin: 0;
  display: flex;
  position: relative;
  height: 100%;
}
.db-cards .db-card figure .db-card-icon {
  width: 64px;
  height: 64px;
  margin: 1rem 0.5rem 1rem 1rem;
  line-height: 64px;
  font-size: 2rem;
  text-align: center;
  border-radius: 8px;
}
.db-cards .db-card figure .db-card-icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.db-cards .db-card figure .db-card-image {
  max-width: 33%;
}
.db-cards .db-card figure .db-card-image img {
  height: 100%;
  /*4rem;*/
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 8px 0 0 8px;
  object-fit: cover;
}
.db-cards .db-card figure figcaption {
  max-width: 60ch;
  width: calc(67% - 2rem);
  margin: 1rem;
}
.db-cards.db-cards--mainTeaser .db-card,
.db-cards.db-cards--multiTeaser .db-card {
  box-shadow: inherit;
  border-radius: inherit;
  background-color: inherit !important;
}
.db-cards.db-cards--mainTeaser .db-card figure,
.db-cards.db-cards--multiTeaser .db-card figure {
  align-items: center;
  flex-direction: column;
    
    @media only screen and (min-width: 960px) {
        flex-direction: row;
    }
}
.db-cards.db-cards--mainTeaser .db-card figure .db-card-icon,
.db-cards.db-cards--multiTeaser .db-card figure .db-card-icon {
  display: none;
}

.db-cards.db-cards--mainTeaser .db-card figure .db-card-image,
.db-cards.db-cards--multiTeaser .db-card figure .db-card-image {
    width: 100%;
    max-width: inherit !important;

    @media only screen and (min-width: 960px) {
        width: 75%;
    }
}

.db-cards.db-cards--mainTeaser .db-card figure .db-card-image img,
.db-cards.db-cards--multiTeaser .db-card figure .db-card-image img {
  aspect-ratio: 4/3;
}
.db-cards.db-cards--mainTeaser .db-card figcaption,
.db-cards.db-cards--multiTeaser .db-card figcaption {
   
    position: relative;
    margin-top: -20%;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    width: 95%;
    max-width: inherit;
    right: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08), 0 5px 30px 0 rgba(0, 0, 0, 0.05);

    @media only screen and (min-width: 960px) {
        position: absolute;
        margin: inherit;
        width: 60%;
        padding: 3rem;
    }  
    
}
.db-cards.db-cards--textTop:not(.db-cards--displayImagesCover) .db-card figure,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card:nth-child(2n) figure {
  flex-direction: column-reverse;
  justify-content: space-between;
}
.db-cards.db-cards--textTop:not(.db-cards--displayImagesCover) .db-card figure .db-card-image,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card:nth-child(2n) figure .db-card-image {
  width: 100%;
  max-width: inherit;
}
.db-cards.db-cards--textTop:not(.db-cards--displayImagesCover) .db-card figure .db-card-image img,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card:nth-child(2n) figure .db-card-image img {
  aspect-ratio: 4/3;
  border-radius: 0 0 8px 8px;
}
.db-cards.db-cards--textTop:not(.db-cards--displayImagesCover) .db-card figure figcaption,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card:nth-child(2n) figure figcaption {
  width: calc(100% - 2rem);
}
.db-cards.db-cards--textRight:not(.db-cards--displayImagesCover) .db-card figure {
  flex-direction: row;
}
.db-cards.db-cards--textRight:not(.db-cards--displayImagesCover) .db-card figcaption {
  right: 0;
}
.db-cards.db-cards--textBottom:not(.db-cards--displayImagesCover) .db-card figure,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card figure {
  flex-direction: column;
}
.db-cards.db-cards--textBottom:not(.db-cards--displayImagesCover) .db-card figure .db-card-image,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card figure .db-card-image {
  width: 100%;
  max-width: inherit;
}
.db-cards.db-cards--textBottom:not(.db-cards--displayImagesCover) .db-card figure .db-card-image img,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card figure .db-card-image img {
  aspect-ratio: 4/3;
  border-radius: 8px 8px 0 0 ;
}
.db-cards.db-cards--textBottom:not(.db-cards--displayImagesCover) .db-card figure figcaption,
.db-cards.db-cards--textAlternateTopBottom:not(.db-cards--displayImagesCover) .db-card figure figcaption {
  width: calc(100% - 2rem);
}
.db-cards.db-cards--mainTeaser.db-cards--textBottom .db-card figure .db-card-image,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateTopBottom .db-card figure .db-card-image,
.db-cards.db-cards--mainTeaser.db-cards--textTop .db-card figure .db-card-image,
.db-cards.db-cards--multiTeaser.db-cards--textBottom .db-card figure .db-card-image,
.db-cards.db-cards--multiTeaser.db-cards--textAlternateTopBottom .db-card figure .db-card-image,
.db-cards.db-cards--multiTeaser.db-cards--textTop .db-card figure .db-card-image {
  height: 100%;
}
.db-cards.db-cards--mainTeaser.db-cards--textBottom .db-card figure figcaption,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateTopBottom .db-card figure figcaption,
.db-cards.db-cards--mainTeaser.db-cards--textTop .db-card figure figcaption,
.db-cards.db-cards--multiTeaser.db-cards--textBottom .db-card figure figcaption,
.db-cards.db-cards--multiTeaser.db-cards--textAlternateTopBottom .db-card figure figcaption,
.db-cards.db-cards--multiTeaser.db-cards--textTop .db-card figure figcaption {
  position: relative;
  max-width: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  margin: -4rem 1rem 0 1rem;
  height: 100%;
  overflow-y: auto;
}
.db-cards.db-cards--mainTeaser.db-cards--textTop .db-card figure .db-card-image,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateTopBottom .db-card:nth-child(2n) figure .db-card-image,
.db-cards.db-cards--multiTeaser.db-cards--textTop .db-card figure .db-card-image,
.db-cards.db-cards--multiTeaser.db-cards--textAlternateTopBottom .db-card:nth-child(2n) figure .db-card-image {
  height: 60%;
}
.db-cards.db-cards--mainTeaser.db-cards--textTop .db-card figure figcaption,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateTopBottom .db-card:nth-child(2n) figure figcaption,
.db-cards.db-cards--multiTeaser.db-cards--textTop .db-card figure figcaption,
.db-cards.db-cards--multiTeaser.db-cards--textAlternateTopBottom .db-card:nth-child(2n) figure figcaption {
  margin: 0 1rem -4rem 1rem;
}
.db-cards.db-cards--textLeft:not(.db-cards--displayImagesCover) .db-card figure,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure,
.db-cards.db-cards--mainmultiTeaserTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure {
    flex-direction: column;

    @media only screen and (min-width: 960px) {
        flex-direction: row-reverse;
    }
}
.db-cards.db-cards--textLeft:not(.db-cards--displayImagesCover) .db-card figure .db-card-icon,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure .db-card-icon,
.db-cards.db-cards--mainmultiTeaserTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure .db-card-icon {
  margin: 1rem 0.5rem 1rem 0;
}
.db-cards.db-cards--textLeft:not(.db-cards--displayImagesCover) .db-card figure .db-card-image img,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure .db-card-image img,
.db-cards.db-cards--mainmultiTeaserTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure .db-card-image img {
  border-radius: 0 8px 8px 0 ;
}
.db-cards.db-cards--textLeft:not(.db-cards--displayImagesCover) .db-card figure figcaption,
.db-cards.db-cards--mainTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure figcaption,
.db-cards.db-cards--mainmultiTeaserTeaser.db-cards--textAlternateLeftRight:not(.db-cards--displayImagesCover) .db-card:nth-child(odd) figure figcaption {
  left: 0;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image {
  width: 100%;
  max-width: inherit;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image.overlay-light:after,
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image.overlay-dark:after {
  content: '';
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image.overlay-dark:after {
  background-image: linear-gradient(180deg, rgba(40, 45, 55, 0), #282d37);
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  aspect-ratio: inherit;
  object-fit: cover;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-icon {
  display: none;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure figcaption {
  position: absolute;
  width: calc(100% - 2rem);
  bottom: 0;
  background-color: inherit !important;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure figcaption.overlay-light {
  color: var(--db-color-coolgray700) !important;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure figcaption.overlay-dark {
  color: var(--db-color-white) !important;
}
.db-cards.db-cards--displayImagesCover:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure figcaption.overlay-dark .t-Button {
  color: var(--db-color-white);
}
.db-cards.db-cards--displayImages:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-icon {
  display: none;
}
.db-cards.db-cards--displayIcons:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image {
  display: none;
}
.db-cards.db-cards--displayIcons:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-icon .db-card-initials {
  display: none;
}
.db-cards.db-cards--displayInitials:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-image {
  display: none;
}
.db-cards.db-cards--displayInitials:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) .db-card figure .db-card-icon .fa:before {
  display: none;
}

.db-cards.db-cards--displayImages.db-cards--textLeft:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption,
.db-cards.db-cards--displayIcons.db-cards--textLeft:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption,
.db-cards.db-cards--displayInitials.db-cards--textLeft:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption,
.db-cards.db-cards--displayImages.db-cards--textRight:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption,
.db-cards.db-cards--displayIcons.db-cards--textRight:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption,
.db-cards.db-cards--displayInitials.db-cards--textRight:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser) figcaption {
  width: calc(100% - 2.5rem - 64px);
}
.db-cards.db-cards--noImages:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser):not(.db-cards--displayImagesCover) .db-card figure .db-card-image,
.db-cards.db-cards--noImages:not(.db-cards--mainTeaser):not(.db-cards--multiTeaser):not(.db-cards--displayImagesCover) .db-card figure .db-card-icon {
  display: none;
}
.db-cards.db-cards--noTitle .db-card figure figcaption h3 {
  display: none;
}
.db-cards.db-cards--noSubtitle .db-card figure figcaption h4 {
  display: none;
}
.db-cards.db-cards--noText .db-card figure figcaption p.db-card-text {
  display: none;
}
.db-cards.db-cards--noSubtext .db-card figure figcaption p.db-card-subtext {
  display: none;
}
.db-card figcaption h1,
.db-card figcaption h1 ~ p,
.db-card figcaption h2,
.db-card figcaption h2 ~ p,
.db-card figcaption h3,
.db-card figcaption h3 ~ p,
.db-card figcaption h4,
.db-card figcaption h4 ~ p,
.db-card figcaption h5,
.db-card figcaption h5 ~ p,
.db-card figcaption h6,
.db-card figcaption h6 ~ p {
  margin: 0 0.125rem 1rem 0.125rem;
}
/*
.db-card figcaption h1, 
.db-card figcaption h2, 
.db-card figcaption h3, 
.db-card figcaption h4, 
.db-card figcaption h5, 
.db-card figcaption h6 {
    font-size: 1.125rem;
}
*/
.db-cards.db-cards--mainTeaser .db-card figcaption h3 {
    font-size: 2rem;
    line-height: 2.5rem !important;
}

.db-cards.db-cards--mainTeaser .db-card figcaption h3:after,
.db-cards.db-cards--multiTeaser .db-card figcaption h3:after {
  content: '';
  height: 0.35714286rem;
  width: 3.5rem;
  background: var(--db-color-red500);
  display: block;
  border-radius: 3px;
  margin: 1.25rem auto 2.5rem 0px;
}
.db-cards.db-cards--mainTeaser:not(.db-cards--displayImagesCover) .db-card[class*="u-color-"] figcaption h3:after,
.db-cards.db-cards--multiTeaser:not(.db-cards--displayImagesCover) .db-card[class*="u-color-"] figcaption h3:after {
  background: var(--db-color-white);
}
.db-card figcaption p {
  font-size: 0.875rem;
}
.db-card figcaption .t-Button {
  margin-top: 2rem;
}