/* Marginalbox dbb Vorlage*/
.mbox { background-color: #ebecef; width: 100%; margin-bottom: 20px; float: left; overflow: hidden; }
.mbox img {max-width: 100%; height: auto;}
.mbox ul { list-style: none; margin: 0; padding: 0; }
.mbox [class^='col-'] { padding: 0; }
.mbox a { display: block; }
.mbox h4 { font: 27px TheSansCd7, Arial, sans-serif ; text-align: center;  color: #415a65; margin: 10px 3px 3px 3px; }
.mbox h4 a { color: #415a65; }
.mbox .single a { color: #415a65; overflow: hidden; text-align: center; }
.mbox .single a:hover h4 {  color: #c20069; }
.mbox .single a:hover { text-decoration: none; }
.mbox [class^='link-list'] a::before { padding-right: 4px; }
.mbox [class^='link-list'] a[class*=arrow]::before { padding-right:10px }
.mbox [class^='link-list'] a[class*=internal]::before { padding-right:8px }

.mbox ul.couple { background-color: #ebecef;  float: left; margin: 8px 0 3px 15px; padding-right: 5px; width: 100%; }
.mbox ul.couple:last-child { margin-bottom: 26px;}
.mbox ul.couple li { float: left; width: 58%;}
.mbox ul.couple li:first-child { width: 39%;}
.mbox ul.couple h5 { font: 17px TheSansCdLf5, Arial, sans-serif; color: #c20069; margin-right: 5px; }
.mbox ul.couple a { text-indent: -1.34em; margin-left: 1.34em; }
.mbox ul.couple a::before { padding-right: 5px}
.mbox ul.couple li a.arrow {text-indent: -17px; margin-left: 17px;}

.mbox .link-list-circle, .mbox .link-list-arrow  {padding: 0 5px 20px 20px;}
.mbox .mb-linklist a {margin-left: 24px; text-indent: -24px;}
.mbox .mb-linklist a+a { margin-top: 10px;}
.mbox .link-list-circle a:before, .mbox .link-list-arrow a:before  {content: '\f061'; font: 400 19px var(--fontAwesome); position: relative; padding-right: 3px; top: 2px;}
.mbox .link-list-circle a:before {content: '\f138'; font-weight: 400; }
.mbox .link-list-arrow.archiv-box a { display: inline-block; margin-left: 20px;}
.mbox .link-list-arrow.archiv-box a:before { font-weight: 900; }
.mbox li.col-xs-5 {padding-right: 9px; }
.mbox li.col-xs-7 p { margin: 8px 0 0 12px; font-size: 13px; }

.mbox .mb-linklist .float { display: inline-block; margin-left: 20px; text-indent: 0; }
.mbox .mb-linklist .text p {font-size: 13px; margin: 6px 0 0 23px }

.mbox .under {float: left; margin: 12px 0; }
.mbox .under .col-xs-6{ padding-left: 10px;}

@media (min-width: 768px) {

    .mbox h4 { font-size: 22px; }

    .mbox ul.couple h5 {font-size: 15px;}
}

@media (min-width: 992px) {

    .mbox h4 { font-size: 24px; }

}

@media (min-width: 1200px) {

    .mbox h4 { font-size: 27px; }
    .mbox ul.couple h5 {font-size: 17px;}
}