/* Allgemein */
.dce-teaser .trailer a { color: var(--contentTextGrey); }
.dce-teaser .trailer a::before { display: none;  }
.dce-teaser .image img { max-width: 100%; height:auto; outline: none; }

/* Werbung Billboard und mobil Skyscraper, Layout-3 Skyscraper */
.dce-teaser.layout-1, .dce-teaser.layout-2, .dce-teaser.layout-3 {font-size: 13px; color: var(--headlineColor); display: flex; flex-direction: column-reverse;}
.dce-teaser.layout-2, .dce-teaser.layout-3 { margin-bottom: 5em; }
div>.wrap-content>.dce-teaser.layout-1 { display: none; }
article .dce-teaser.layout-1, article .dce-teaser.layout-2 {margin-bottom: 4.6em;  }
article .dce-teaser.layout-2 {display: none;}
article .dce-teaser.layout-3 {text-align: center; margin-top: 3em;}
.dce-teaser.layout-3 .trailer  { margin: -18px 0 .3em;}

/* Jobkompass Werbebanner */
.dce-teaser.layout-4 { margin-bottom: 5em; }

/* Jobkompass von A bis Z */
.dce-teaser.layout-5 { display: flex; flex-direction: column-reverse; margin-bottom: 3em;}
.dce-teaser.layout-5 h2 { grid-area: 1/2/2/3; font: clamp(1.1em,3.2vw,1.8em) var(--fontText); display: flex; flex-direction: column; margin:.4em 0 .6em; hyphens: auto;}
.dce-teaser.layout-5 h2 span { order: 1; margin-top: .85em;  }
.dce-teaser.layout-5 h2 span a { display: block; grid-area: 2/2/3/3; font: .84em var(--fontTextCondensed); color: var(--contentTextGrey);}
.dce-teaser.layout-5 .trailer {grid-area: 3/2/4/3; order: -1;}

@media (min-width: 576px) {
    /* Jobkompass */
    .dce-teaser.layout-5 {display: grid; grid-template:auto auto 1fr/minmax(180px,auto) 1fr; grid-column-gap: .8em; font-size: clamp(.76em,1.3vw,1em); }
    .dce-teaser.layout-5 .image {grid-area: 1/1/4/2;}
    .dce-teaser.layout-5 h2 {margin-top:0; font-family: var(--fontHeadline);  }
}
@media (min-width:768px) {

    /* Werbung Billboard und mobil Skyscraper, Layout-3 Skyscraper */
    div>.wrap-content>.dce-teaser.layout-1 {display: flex; text-align: center; grid-column: 1/-1; }
    .dce-teaser.layout-1 .trailer { text-align: left; max-width: 1440px; width:100%; margin: 0 auto .4em; }
    .dce-teaser.layout-2 { display: none;}
    .dce-teaser.layout-3 { margin-bottom: 0; justify-content: flex-end; }

    /* Jobkompass Werbebanner */
    .dce-teaser.layout-4 { margin-bottom: 0; }

    /* Jobkompass */
    .dce-teaser.layout-5 h2 { }
}
@media (min-width:1440px) {
    /* Werbung Billboard und mobil Skyscraper, Layout-3 Skyscraper */
    article .dce-teaser.layout-1 { text-align: center; }
}