/* Allgemein */
/* !!! layout-2 vergeben für frauen im dbb !!! */
/* !!! layout-3 vergeben für dbb europathemen !!! */

.mbox {border-bottom: 1px dotted #666; margin: 0 16px 30px; display: flex; flex-flow: column; }
.mbox h2 { font-size: 1.55em; color: #555; margin-bottom: 16px; }
.mbox h2 a {  color: #555; }
.mbox:first-of-type:not(.single):not(.archive), aside>section[class^=aside-]+.mbox h2.top {  margin-top: 20px;}

/* M-Box Single */
.mbox.single { margin: 0; border: none; }
[class^=aside]>.mbox.single::after { content: ''; border-bottom: 1px dotted #666; display: block; margin: 0 30px 30px;}
.mbox.single a::before { content: none; }
.mbox.single[class*='top']:first-of-type { margin-top: 32px; }
.mbox.single h2, .mbox.single .text { margin-right: 30px; margin-left: 30px;}
.mbox h2.top { order: -1; margin: 0 0 16px 30px;}
.mbox.single img { margin-bottom: 30px; max-width: 100%}
.mbox .button { align-self: center; display: flex; }
.mbox .button a { display: block; width: 100px; font-size: .86em; text-align: center; text-transform: uppercase; color: var(--contentBlueDark); border: 1px solid var(--contentBlue); padding: 10px 0;  margin-bottom: 36px; }
.mbox .button a:nth-child(even) {margin-left: 15px;}
.mbox .button a:hover { background-color: var(--contentBlue); color: #fff; transition: background-color 450ms; }
.mbox.single .text { margin-bottom: 24px; }

/* M-Box Group/List */
.mbox.list { padding-bottom: 30px; }
.mbox.list .text:not(.no-image) {font-size: .74em;}
.mbox.list:first-of-type h2 { margin-top: 14px; }
.mbox.list:first-of-type .intro { margin-bottom: 20px; }
.mbox.list ul { list-style: none; margin: 0; padding: 0; display: flex; }
.mbox.list ul+ul { margin-top: 18px; }
.mbox.list h3 { font: 1.1em var(--fontText); }
.mbox.list h3 a{ display: flex;}
.mbox.list h3 a::before { font-size: .9em; padding-right: 5px; position: relative; top: 2px;}
.mbox.list .text>div {margin-left: 1.5em; }

.mbox.list li.image { margin-right: 10px;}
.mbox.list li.text { align-self: center; }
.mbox.list li .intro { font-size: .915em; color: #555; }
.mbox.list ul.no-image+ul { margin-top: 20px; }
.mbox.list ul.no-image div { margin-left: 20px; }

/* M-Box Archive */
.mbox.archive { width: inherit; }

/* Archivbox allgemeih*/
.mbox.archive ul { display: flex; flex-wrap: wrap; column-gap: .83em; row-gap: .5em; padding: 0; margin:0; list-style: none; }
.mbox.archive ul li { font-size: clamp(.8em,1vw,.9em); line-height: 1.8em; }
.mbox.archive a::before { content: '\f15b'; padding-right: .4em;  }
.mbox.archive { width: inherit; }

@media (min-width: 576px) {

    /* M-Box Single */
    .mbox .button a { width: 132px; margin-bottom: 28px; font-size: 1em;}
    .mbox .button a:nth-child(even) {margin-left: 30px;}

    /* M-Box Group/List */
    .mbox.list { padding-bottom: 30px; }
    .mbox.list .text:not(.no-image) {font-size: 1em;}

}

@media (min-width:768px) {
    /* Allgemein */
    [class^=aside-] { display: flex; flex-wrap: wrap; }
    .mbox { width: 44.56%; margin: 0 2.72% 30px;}

    /* M-Box Single */
    .mbox.single { margin: 38px 2.72% 0; }
    .mbox.single::after {margin: auto 0 30px; }
    .mbox.single img { margin-bottom: 16px; }
    .mbox.single h2, .mbox.single .text { margin-right: 0; margin-left: 0;}
    .mbox h2.top { order: 0; }
    .mbox .button a { width: 132px;  margin-bottom: 28px; }

    /* M-Box Group/List */
    .mbox.list:nth-of-type(2) h2 { margin-top: 14px; }

    /* Archiv-Boxen */
    .aside-below>.news { display: flex; width: 100%; }

}

@media (min-width:992px) {
    /* Allgemein */
    [class^=aside-], .aside-below>.news  { display: block; }
    .mbox { font-size: .9em; width: auto; margin: 0 30px 30px; }
    /* Auskommentiert wegen MBox Seniorentag ohne Überschrift sieht die Box verloren aus */
    .aside-below .mbox:last-of-type:not(.archive) /*, .aside-below .mbox.single:last-of-type::after */ {border: none; margin-bottom:0; padding-bottom: 0; }

    /* M-Box Single */
    .mbox.single { margin: 0; }
    .mbox.single::after { margin: 0 30px 30px;}
    .mbox.single h2, .mbox.single .text { margin-right: 20px; margin-left: 20px; }
    .mbox.single.top:first-of-type { margin-top: 20px; }
    .mbox h2.top { order: -1; }
    .mbox.single.top:first-of-type { margin-top: 20px; }
    .mbox.single img { margin-bottom: 16px; }
    .mbox .button a {  width: 122px;  padding: 12px 0; }

    /* M-Box Group/List */
    .mbox.list:first-of-type h2, .mbox.list:nth-of-type(2) h2 { margin-top: 0; }

    /* M-Box Archive */
    .mbox.archive:first-of-type { margin-top: 20px }
    }

@media (min-width:1320px) {
    /* Allgemein */
    .mbox { font-size: 1em; }
    .mbox h2 { font-size: 1.875em; }
    /* Für MBox Frauenfachtagung 2019 und 2022 */
    .mbox.single.Frau h2 {font-size: 1.55em;}

    /* M-Box Single */
    .mbox.single h2, .mbox.single .text { margin-right: 30px; margin-left: 30px; }
    .mbox.single img { margin-bottom: 30px; }
    .mbox .button a {  width: 150px;  padding: 15px 0; }

    }