/*
MODUL:Blog Event Combination
*/
.rd-module-combi-teaser .rd-container       {  --grid-gap:1rem; display:flex; }

.rd-container-wrapper                       { display:flex; width:100%; flex-wrap: wrap;}
body[data-uid="1"] .rd-module-combi-teaser .rd-container .rd-container-wrapper { max-width: 1150px; margin-left: auto;}
.rd-events-box                              { width:50%; }
.rd-blog-box                                { width:50%; min-width:560px; min-height:calc(100% - 50px); }

.rd-box-50 .frame                           { height:100%; display: flex; flex-direction: column;}
.rd-box-50 .frame .news                     { margin-top:auto; }
.rd-module-combi-teaser .rd-box-50 .rd-events-box,
.rd-module-combi-teaser .rd-box-50 .rd-blog-box { width:100%; }
.rd-image-box                               { position:relative; aspect-ratio:16 / 9; }
.rd-events-box .rd-image-date               {
  position:absolute;
  left:0;
  bottom:0;
  width:80px;
  color:var(--color-white);
  display:flex;
  flex-direction:column;
  font-size:var(--font-size-body);
  padding:1rem;
  text-transform:uppercase;
}

.rd-module-combi-teaser .rd-box-50              { width:40%; }
.rd-module-combi-teaser .rd-box-50 + .rd-box-50 { width:60%; }

.rd-events-box .rd-day                      { font-size:2.6rem; }
.rd-events-box .rd-image-date:before        { content:''; bottom:0; left:0; position:absolute; width:100px; height:100px; background-color:var(--color-1); clip-path:polygon(0 0, 0% 100%, 100% 100%); }
.rd-events-box .rd-image-date span          { position:relative; z-index:1; line-height:1; display:block; }
.rd-events-box .rd-events-card .rd-image    { aspect-ratio:16 / 9; overflow:hidden; }

.rd-events-box .rd-events-card.rd-no-images .rd-image-box { display:flex; aspect-ratio:inherit; margin:2.8rem 0 auto 0; height:auto; flex-wrap:wrap; flex-direction:column; }
.rd-events-box .rd-events-card.rd-no-images  .rd-image-date {
  color:var(--color-black);
  position:relative;
  bottom:inherit;
  left:inherit;
  padding:0 0 0.5rem;
  border-bottom:1px solid var(--color-black);
  flex-direction:row;
  margin-top:auto;
}
.rd-events-box .rd-events-card.rd-no-images .rd-image-date:before      { display:none; }
.rd-events-box .rd-events-card.rd-no-images .rd-image-date span        { margin:auto 0.5rem 0 0 ; }
.rd-events-box .rd-events-card.rd-no-images .rd-image-date span.rd-day { margin-bottom:-3px; font-weight:var(--font-weight-bold); }
.rd-events-box .rd-events-card.rd-no-images .rd-image-date.rd-end-date { margin-top:-2rem; border-bottom:0; }
.rd-events-box .rd-events-card.rd-no-images .rd-image-date             { margin:2rem 2.5rem 3rem 0; width:70px; }

.rd-events-box .rd-card .rd-info-box .rd-end-date         { padding-left:2rem; margin:0; }
.rd-events-box .rd-card .rd-info-box .rd-end-date::before              { content:''; width:1rem; height:2px; top: calc(50% - 1px); background-color:var(--color-black); position:absolute; left:0; }
.rd-events-box .rd-bg-color-2 .rd-events-card .rd-text-wrapper         {  padding:2rem; }

.rd-events-box .rd-events-card .rd-text-wrapper             { color:var(--color-black); padding:2rem 0 0 0; }
.rd-events-box .rd-events-card:before                       { background-color:var(--color-white); }
.rd-events-box .rd-events-card:after                        { background-color:var(--color-white); }
.rd-events-box .rd-events-card .rd-text-box a               { color:var(--color-black); }

.rd-events-box .rd-events-card .rd-text-box a:hover         { color:var(--color-2); }
.rd-events-box .rd-events-card .rd-text-box a:focus-visible { outline-color:var(--color-black); outline-offset:5px; }
.rd-events-box .rd-events-card .rd-text-box a span:before   { filter:none; }
.rd-events-box .rd-events-card .rd-text-box a:hover span:before      { filter:var(--svg-color-2); }
.rd-events-box .rd-events-card .rd-info-box .rd-category-date:before { background-color:var(--color-black); }


.rd-blog-box .rd-card                           { width:calc(50% - var(--grid-gap)); margin-bottom:2rem; }
.rd-blog-box .rd-card .rd-info-box              { flex-wrap:wrap; }
.rd-events-box .rd-card-overview                { display:flex; margin:0 4.8rem 0 0; flex-direction:column; justify-content:flex-end; min-height:calc(100% - 50px); }
.rd-events-box .rd-card                         { width:100%; display:flex; margin:0 0 2rem 0; padding:1rem 0; border-bottom:1px solid var(--color-black); }

.rd-events-box .rd-info-box                     { margin-bottom: 7px; }
.rd-events-box .rd-card-title                   { margin-bottom: 14px; }

.rd-module-combi-teaser .rd-events-box .rd-events-card .rd-text-wrapper,
.rd-events-box .rd-events-card .rd-text-wrapper { padding:0; }

.rd-events-box .rd-card::before,
.rd-events-box .rd-card::after   { display:none; }
.rd-blog-box .rd-text-box .rd-text-wrapper .rd-preview-text + a:hover         { color:var(--color-white); }

.rd-category-name                               { white-space: nowrap;}

@media (max-width:1240px) {
    .rd-events-box .rd-card-overview              { margin-right:1rem; }
}

@media (max-width:1120px) {

  .rd-events-box .rd-card .rd-info-box          { flex-wrap:wrap;}
  .rd-events-box .rd-category-name              { width:100%; }
  .rd-events-box .rd-card .rd-info-box .rd-category-date    { margin-left:0; margin-right:2rem; }
  .rd-events-box .rd-card .rd-info-box .rd-end-date         { padding-left:2rem; margin-right:0; }
  .rd-events-box .rd-card .rd-info-box .rd-category-date:nth-of-type(2):before { display:none; }
}

@media (max-width:960px) {
  .rd-blog-box                                   { width:50%; min-width:460px; }
}

@media (max-width:890px) {
  .rd-events-box                                 { width:100%; min-width:inherit; margin:0 0 4.8rem 0; }
  .rd-blog-box                                   { width:100%; min-width:inherit; }
  .rd-module-combi-teaser .rd-container          { flex-wrap:wrap; }

  .rd-module-combi-teaser .rd-box-50,
  .rd-module-combi-teaser .rd-box-50 +  .rd-box-50 { width: 100%; }
}



@media (max-width:560px) {
  .rd-blog-box .rd-card                          { width:100%; min-width:inherit; }
}