.dce-month { margin-top: 5em; }
.dce-month picture {display: flex; }
.dce-month img { max-width: 100%; height: auto;}
.dce-month .text-block { background-color: var(--contentBlueDark);  padding: 0 4.4% 6%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; color: #fff; text-align:center; width: 100%; }
.dce-month .text-block a {color: #fff; display: flex; flex-direction: column; align-items: center; }
.dce-month .text-block h2 { color: #fff; margin-bottom: 1.1em; font-size: clamp(1.2em,7vw,2em); text-transform: uppercase; letter-spacing: .1em;}
.dce-month .text-block h2 span {display: block; margin-bottom: .7em; font-size: 1em; text-transform: uppercase; letter-spacing: .1em; }
.dce-month .text-block .date-circle { font-size: 1.7em; width: 3.2em; height: 3.2em; border-radius: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; text-transform: uppercase; letter-spacing: .1em;background-color: #acb2b7; }
.dce-month .text-block .date-circle.big { font-size: 1.55em; flex-direction: column; row-gap:.05em; width: 3.8em; height: 3.8em; }
.dce-month .text-block .date { font: .94em var(--fontTextCondensed); letter-spacing: .1em; margin: -5% 0 1.8em;}
.dce-month .text-block .text { letter-spacing: .1em; line-height: 1.3em; }

@media (min-width:768px) {

    .dce-month {display: flex; flex-direction: column; align-items: center; }
    .dce-month.layout-prio1 .text-block { font-size: 1.2em;  margin-top: -12%; width: calc(568px + (1260 - 568) * ((100vw - 768px) / (1669 - 768)));  }
    .dce-month .text-block .date-circle { font-size: 2.34em; }
    .dce-month .text-block .date-circle.big { font-size: 1.95em; }

    .dce-month-group.layout-month { display: flex; /* gap: 5.99%;*/ flex-wrap: wrap; justify-content: space-evenly; }
    .dce-month.layout-month {background-color: var(--contentBlueDark); font-size: .53em; max-width: 330px; /* provisorisch  */ }
    .dce-month.layout-month .text-block h2 { line-height: 1.4em;  }

}

@media (min-width:992px) {

    .dce-month h2 { letter-spacing: .18em;}
    .dce-month.layout-month { font-size: .69em; max-width: 421px; /* provisorisch  */  }

}

@media (min-width:1200px) {

    .dce-month.layout-prio1 .text-block { font-size: 1.16em; }
    .dce-month.layout-month { font-size: .86em; max-width: 521px; /* provisorisch  */ }
}

@media (min-width:1670px) {
    .dce-month.layout-prio1 { width: 1400px; margin: 6em auto 0; }
    .dce-month.layout-prio1 .text-block {  font-size: 1.3em; width: 1260px; }

    .dce-month-group.layout-month { justify-content: space-between; }
    .dce-month.layout-month { width: 490px; font-size: .96em; }



}