/* DCE Magazin */
/*
.magazin { width: 100%; float: left; margin-bottom:20px;}
.magazin .col-xs-12 { padding: 0; margin-bottom: 20px; }
.magazin img { float: left; margin-right: 10px; }

.magazin a { display: block; font-size: 13px; margin-bottom: 8px; }
a.link-arrow::before { font-family: FontAwesome, Arial, Helvetica, sans-serif; content: "\f061"; font-size: 18px; }
a.link-circle::before { font-family: FontAwesome, Arial, Helvetica, sans-serif; content: "\f138"; font-size: 20px; position: relative; top: 2px; }
.magazin a:hover { text-decoration: none; }
.inner-wrap { float: left; width: 100%; }
*/
.magazin .title a::before,.magazin .text a::before { font-family: var(--fontAwesome); font-weight: 200; }
.magazin .title a.pdf::before,.magazin .text a.pdf::before { content: '\f1c1'; padding-right: .8em; }
.magazin .title a.arrow::before,.magazin .text a.arrow::before { content: '\f054'; padding-right: 4px }
.magazin .title a[class*=popup-pdf]::before,.magazin .text a[class*=popup-pdf]::before {content: '\f1c1'; padding-right: .5em; font-weight: 300;}
.magazin .title a.internal::before,.magazin .text a.internal::before {content: '\f15b';}
.magazin .title a.external::before,.magazin .text a.external::before {content: '\f08e';}

/* DCE Magazin */
.magazin { width: 100%; float: left; margin-bottom: 40px;}
.magazin .col-xs-12 { padding: 0; margin-bottom: 30px; }
.magazin img { margin-right: 18px; max-width: 100%; height: auto; float: left;}
.magazin [class^="col-"] img { float: none;}
.magazin a:hover { text-decoration: none; }
.magazin a.link-arrow, .magazin a.link-normal, .magazin a.link-circle {display: block; font-size: 15px; }
.magazin a.link-arrow, .magazin a.link-normal { margin-top: 6px; }
.magazin a.link-arrow::before, .magazin a.link-circle::before, .magazin a.link-normal::before { font: 18px var(--fontAwesome); content: "\f054"; position: relative;
    top: 2px; right: -4px; width: 24px; display: inline-block; font-weight:900; }
.magazin a.link-normal::before { content: '';}
.magazin a.link-circle::before { content: "\f138"; font-size: 26px; top: 5px; right: 6px; }
.magazin .image a::before { content: unset; }
.magazin p { display: flex; padding-left: 26px; color: #727373; }
.magazin span { display: block; width: 100%; }

.magazin.archiv img { margin-right: 0;}
.magazin.archiv p { padding-left: 7px; }
.magazin.archive p { padding-left: 0 }

/* magazin muss genannt werden, da inner-wrap auch bei den mboxen vorkommt */
.magazin .inner-wrap { float: left; width: 100%; }

@media (min-width: 768px) {

    .magazin .col-sm-4 { width: 31.33333%; margin-right: 2%; }
    .magazin.archiv .col-sm-4 p { padding-left: 0;}
    .magazin [class^='col-'] img { float: left; }
}

@media (min-width: 992px) {

    .magazin .col-sm-4 { width: 33.33333%; margin-right: 0; }
    .magazin .col-sm-4 p {clear: both; }
}