/* dce marginalbox einzeln */
.mbox { background-color: #fff; padding:0 24px 38px 24px; border-bottom:2px solid #5d6261; position:relative; float: left; width: 100%; font-family: Share-Regular, Arial, Helvetica, sans-serif; }
.mbox img { max-width: 100%;}
.mbox h4 { font-size: 25px; color: #2b3b37; margin: 28px 0 12px 0; text-transform: uppercase; }
.mbox a:hover h4 { color: #2b3b37; }
.mbox .under { margin-top: 16px; font-size: 16px; float: left; width: 100%;}

.mbox .link-list-arrow a { font-size: 17px; float: left; width: 100%; }
.mbox .link-list-arrow a+a { margin-top: 10px;}
.mbox .link-list-arrow a:before {content: "\f054"; font-family: var(--fontAwesome); font-weight: 400; padding-top: 2px;  padding-right: 3px; }

.mbox .archiv-box .year h5 { font-size: 18px; clear: both; float: left; margin-bottom: 3px; }
.mbox .archiv-box .year + .year h5 { margin-top: 15px;}
.mbox .archiv-box .year ul { float: left; margin: 0; padding: 0; list-style: none; width: 100%; }
.mbox .archiv-box .year ul li { float: left; width: 25%;}
.mbox .archiv-box .year ul li a { line-height: 24px; font-size: 15px; }
.mbox .archiv-box .year ul li a:before  {content: "\f054"; font-family: var(--fontAwesome);  padding-right: 5px; }

.mbox a.float { display: inline-block; margin-right: 10px; }

@media (min-width: 576px) {

    .mbox {width: calc(50% - 10px); float: left; margin-right: 10px; padding:0 15px 30px 15px;}
    .mbox:nth-of-type(2n + 3) {clear: left;}
    .mbox:nth-of-type(even) {margin: 0 0 0 10px;}
    .mbox h4 { font-size: 18px; }
    .mbox .under {font-size: 12px; }

    .mbox .link-list-arrow a { font-size: 16px; }

    .mbox .archiv-box .year ul li {  width: 33.3333%;}
    .mbox .archiv-box .year ul li a { font-size: 14px; }

}

@media (min-width: 768px) {

    .mbox { padding:0 20px 38px 20px;}
    .mbox h4 { font-size: 22px; }
    .mbox .under {font-size: 16px; }

    .mbox .link-list-arrow a { font-size: 17px; }

    .mbox .archiv-box .year ul li {  width: 25%;}
    .mbox .archiv-box .year ul li a { font-size: 15px; }

}

@media (min-width: 992px) {

    .mbox {width: 100%; margin: 0 !important; padding:0 15px 38px 15px; }
    .mbox h4 { }
    .mbox .under {font-size: 13px;}

    .mbox .link-list-arrow a { font-size: 16px; }

    .mbox .archiv-box .year ul li { float: left; width: 33.3333%;}

}

@media (min-width: 1200px) {

    .mbox {padding:0 24px 38px 24px;}
    .mbox h4 { font-size: 25px; }
    .mbox .under {font-size: 16px;}

    .mbox .link-list-arrow a{ font-size: 17px; }

    .mbox .archiv-box .year ul li { float: left; width: 25%;}

}