/* Allgemein */
.magazin img { border: 1px solid #C7C7C7 }

/* DCE Magazin Single */
.magazin.single { display: flex; gap: 15px; margin-bottom: 40px; }
.magazin.single .items a { display: block; font-size: 1.1em; margin-bottom: 5px; }
/* Archiv */
.magazin .inner-wrap { margin-bottom: 40px; }
.magazin.archive img { margin-bottom: 10px;}
/* Magazin Banner */
.dce-magazine-banner a { position:relative; float:left; width: 100%; }
.dce-magazine-banner img { width:100%; height: auto; }
.dce-magazine-banner a span.title { position:absolute; left: 35%; bottom: 32px; color:#fff; font: 15px Share-Italic, Arial, sans-serif; }
.dce-magazine-banner a span.title:after { content: '\f138'; font: 32px var(--fontAwesome); font-weight:900; position: absolute; left: 102%; bottom: -2px; }

@media (min-width: 576px) {
    /* DCE Magazin Single */
    .magazin.single .image { flex-shrink: 0; }


    /* DCE Magazin Archiv */
    .magazin .inner-wrap { display: flex; gap: 20px; }
}

@media (min-width: 768px) {
    .dce-magazine-banner a span.title { left: 36%; font-size: 22px; bottom: 34px; }
    .dce-magazine-banner a span.title:after {  font-size: 55px; bottom: -4px;}
}
@media (min-width: 992px) {
    .dce-magazine-banner a span.title { font-size: 26px; bottom: 42px; }
    .dce-magazine-banner a span.title:after {  font-size: 65px;  bottom: -2px; margin-left: 12px; }
}

@media (min-width: 1200px) {
    .dce-magazine-banner a span.title { left: 38%;  font-size: 34px; }
    .dce-magazine-banner a span.title:after { font-size: 70px; margin-left: 15px }
}