.mbox {  background-color: #fff; padding: 25px; }
body:not(.start) .mbox {background-color: var(--bodyBackground); }
.mbox .inner-wrap { border-bottom: 1px dotted #898989; padding-bottom: 35px; }
.mbox h4 { color: #494949; font-size: 1.6em; margin-bottom:12px; }
.mbox h4 a { color: #494949; }
.mbox img { max-width:100%; height:auto; margin-bottom: 1.5em; }
.mbox .text { margin-bottom: 1.6em; }
.mbox .buttons {display: flex; justify-content: center;}
.mbox .button { display: flex; }
.mbox .button a { color: var(--linkRed); font-size: .94em; border: 1px solid var(--linkRed); padding: .88em 0; width: 12em; transform: skewX(12deg); text-transform: uppercase; text-align: center; }
.mbox .button a span {  transform: skewX(-12deg); display: block; font-size: .9em; }
.mbox .button a:hover { color: #fff; background-color: var(--linkRed); transition: background-color, 500ms; }

.mbox a.external::before {display: none; }
.mbox .mb-linklist a.external::before {display: block; }
.mbox .mb-linklist a::before { position: relative; top: 2px;}

/* Linkliste */
.mbox .mb-linklist { }

/* Infos zu Bezirken */
.mbox ul.couple li:last-child a, .mbox [class^='link-list'] a { display: flex; margin-top: 20px; }
.mbox ul.couple li:last-child a::before, .mbox [class^='link-list'] a::before { margin-right: 10px; }

/* MBox Magazin */
.mbox.layout-2 .image { display:block; }
.mbox.layout-2 img { border: 1px solid #e2e2e2;}
.mbox.layout-2 .text { font-size: .9em; }

/* MBox Werde Mitglied */
.mbox.layout-3 { background-color: var(--linkOrange)!important; color: #fff;}
.mbox.layout-3 h4 { font-weight: bold; margin-bottom: 20px; }
.mbox.layout-3 h4 a { color: #fff; font-weight: bold; }
.mbox.layout-3 .text { font-size: 1.4em; margin-bottom: 1.7em; }
.mbox.layout-3 .button a { background-color: #fff; }
.mbox.layout-3 .button a:hover { background-color: var(--linkOrange); color: #fff; border-color: #fff;  }
.mbox.layout-3 .inner-wrap { border: none; }

/* Mbox Gruppe */
.mbox.group h4 { margin-bottom: 20px; }
.mbox.group ul+ul {margin-top: 2em;}
.mbox ul.couple li[class^=col] { width: 100%; }
.mbox ul.couple { list-style-type: none; margin:0; padding:0; width:100%; }
.mbox ul.couple img {}
.mbox ul.couple li p { margin:0;}
.mbox ul.couple .col-xs-7 p { font-size: .9em;}
.mbox ul.couple .col-xs-7 h5 a { display: block; font-size: 18px; margin: 0 0 0 21px; text-indent: -18px; padding-left: 6px; }
.mbox ul.couple .col-xs-7 a:before { font: 400 17px var(--fontAwesome); content: '\f054'; padding-right: 3px; }

/* Mbox Linklist */
.mbox .mb-linklist.row { display: flex; flex-wrap: wrap; gap: 20px;}

@media (min-width:576px) {

    /* MBox Magazin */
    .mbox.layout-2 .inner-wrap { display: grid; grid-template-columns:auto 1fr; grid-column-gap: .8em; }
    .mbox.layout-2 h4 { grid-column: 1/-1; }
    .mbox.layout-2 .buttons { grid-column: 1/-1; }

    /* Mbox Gruppe */
    .mbox ul.couple { display: flex; column-gap: 3.5%;}
    .mbox ul.couple li[class^=col-] { width: auto; }
    .mbox ul.couple li.col-xs-7 { flex: 1}
}

@media (min-width: 768px){

    .mbox { font-size: clamp(.6em,1.5vw,1em); }

    /* MBox Magazin */
    .mbox.layout-2 .text { font-size: 1.1em; }

    /* Mbox Gruppe */
    .mbox ul.couple { display: flex; flex-direction: column;}

}

@media (min-width: 992px) {
    /* MBox Magazin */
    .mbox.layout-2 .text { font-size: .9em; }

    /* Mbox Gruppe */
    .mbox ul.couple { flex-direction: row; }

}