.calendarize ul.calendar-list-menu{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.calendarize .calendar-list-menu-year{
  font-weight: 600;
}

.calendarize .media {
  position: relative;
  margin: 0 0 25px 0;
  background: #fff;
  min-height: 280px;
}
.calendarize .media::before {
  content: "";
  background-color: #742c25;
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 100%;
}
.calendarize .media .row {
  position: relative;
  z-index: 1;
}
.calendarize .media--image {
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  padding: 0;
  overflow: hidden;
}

.calendarize .media--image img{
  object-fit: cover;
  height: 320px;
}
.calendarize .media--body .header {
  padding-top: 0px;
}
.calendarize .media--body .header * {
  color: #fff;
}

.calendarize .media--body .header .header-wrap{
  height: 100px;
}
.calendarize .media--body .header .flex-grow-1 {
  padding-top: 10px;
}

.calendarize .header--day {
  float: left;
  font-size: 100px;
  font-weight:600;
  margin-top: -42px;
  padding: 0 20px 0 0;
}
.calendarize  .header--date {
  float: left;
  font-size: 16px;
  padding: 0 20px 0 0;
  text-transform: uppercase;
}
.calendarize .media--body .header--date .time {
  display: block;
  line-height: 1.2em;
  
}
.calendarize .media--body .header--date .time--month {
  font-weight: 600;
  padding-bottom: 14px;
}
.calendarize .media--body .header--infos {
  position: relative;
  padding: 0 0 0 20px;
  float: left;
  line-height: 1.2em;
  text-transform: uppercase;
}

.calendarize .media--body .header--infos .header--infos--categorie{
  font-weight: 600;
  padding-bottom: 34px;
}

.calendarize .media--body .header--anbieter {
  position: relative;
  padding: 5px 100px 0 20px;
  float: right;
}
.calendarize .media--body .header--infos::before {
  content: "";
  height: 70px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.calendarize .media--body .content {
  padding: 20px 120px 0px 0;
}

.calendarize .media--body .content h2{
 font-family: 'Cardo';
 font-size: 22px;
 font-weight: 600;
 color:#b61f29;
}


.calendarize .media--body .header--tickets {
  position: relative;
  padding: 0;
  float: right;

}

.calendarize .media--body .header--tickets--status {
  background-color: #b61f29;
  position: relative;
  padding: 20px 20px 20px 20px;
  float: right;
  width: 120px;
  height: 100%;

}

.calendarize .media--body .header--tickets [class^="icon-"], .calendarize .media--body .header--tickets [class*=" icon-"] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.calendarize .media--body .header--tickets a, .calendarize .media--body .header--tickets span{
  font-weight: 600;
}

.calendarize .media--body .header--tickets a:hover{
  color: #fff;
}
.calendarize .media--body .header--tickets a, .calendarize .media--body .header--tickets a i, .calendarize .media--body .header--tickets a i:before, .calendarize .media--body .header--tickets a i:after{
  color: #fff;
}

.calendarize .media--body .header--tickets  i, .calendarize .media--body .header--tickets i:before, .calendarize .media--body .header--tickets i:after{
  color: #c69e93;;
}



.calendarize .media--body .header--tickets [class^="icon-"]:before, .calendarize .media--body .header--tickets [class*=" icon-"]:before {
  font-size: 40px;
}


/* Accordion */

.calendarize-item .accordion {
    height: 226px;  /* Anpassen, um die gewünschte Anzahl von Zeilen anzuzeigen */
    transition: height 0.2s ease-in-out;
    position: relative;
    padding-right: 120px;
    overflow: hidden;
}

.eltz-accordion-button {
    position: absolute;
    bottom: 0;
    right: 40px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    padding: 0px;
    font-size: 36px;
    color: #b61f29;
    transition: all 0.2s;

}


.calendarize-item .accordion.expanded {
    height: auto;  /* Die Höhe auf "auto" setzen, um den gesamten Inhalt anzuzeigen */
}

.calendarize-item  .eltz-accordion-button.open i.fa.fa-chevron-circle-right {
  transition: all 0.2s;
  transform: rotate(270deg);
}

.eltz-accordion-button i.fa.fa-chevron-circle-right {
  transition: all 0.2s;
  transform: rotate(90deg);
}

.calendarize-item .accordion .shorttext{display: block;}
.calendarize-item .accordion .fulltext{display: none;}

.calendarize-item .accordion.expanded .fulltext{display: block;}
.calendarize-item .accordion.expanded .shorttext{display: none;}




/* Mobile-First CSS: */

/* Allgemeiner Stil (für mobile Geräte) */

.calendarize .media .col-md-3{
  display: none;
}


.eltz-start .calendarize-item {
  background-color: #b61f29;
  margin-bottom: 25px;
  height: 430px;
  max-height: 430px;
}

.eltz-start .calendarize-item .row{
  margin-left: 0;
  margin-right: 0;
}

.eltz-start .calendarize-item-header{
  background-color: #742c25;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  padding: 0;
  display: flex;
  height: 90px;
  width: 75%; 
}

.calendarize .eltz-start .header--day {
  font-size: 70px;
  line-height: 82px;
  font-weight:600;
  padding: 10px 0px 0 20px;
  margin-top: 0;
  float: none;
}

.calendarize .eltz-start .header--date{
  display: flex;
  flex-direction: column;  
  padding: 0 0 0 10px;
  font-weight:600;
  font-size:20px;
  line-height: 20px;
  align-self: flex-end;
  margin-bottom: 22px;
}



.eltz-start .calendarize-item h2, .eltz-start .calendarize-item p, .eltz-start .calendarize-item-body, .eltz-start .calendarize-item-header{
  color: #fff;
}

.eltz-start .calendarize-item-body{
  padding-top: 20px;
  padding-bottom: 10px;
}

.eltz-start .calendarize-item-body h2{
  font-family: 'Cardo';
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
}

.eltz-start .calendarize-item-body .body--categorie{
  text-transform: uppercase;
  font-weight: 600;
}


.calendarize-item.media.open{
  margin-bottom: 50px;
}

.calendarize .media .header--day{
  padding: 0 10px 10px;
  font-size: 60px;
  margin-top: -24px;
}

.calendarize .media--body .header .header-wrap {
  height: 95px;
  border-bottom: 1px solid #fff;
}

.calendarize .media--body .header--tickets{
  width: 112px;
}

.calendarize .media--body .header--tickets--status{
  width: 112px;
}


.calendarize .media--body .header--tickets--status .icon-abendkasse:after{
  font-size: 14px;
}

.calendarize .media--body .header--infos{
  width: 100%;
  padding: 6px 0 0 10px;
  display: flex;
  justify-content: space-between;
}

.calendarize .media::before{
  height: 130px;
}

.calendarize .media--body .header--infos::before {
  content: "";
  height: 70px;
  width: 0px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.calendarize .media .header--date {
  float: left;
  font-size: 16px;
  padding: 0 20px 10px 0;
  text-transform: uppercase;
}

.calendarize .media--body .header--anbieter{
  display: none;;
}

.calendarize .media--body .content {
  padding: 50px 10px 0px 10px;
}

.eltz-accordion-button{
  background-color: transparent;
  bottom:-25px;
}


/* =========================================== */
/* Spezifischen Stile für größere Bildschirme  */

@media (min-width: 480px) {

  .eltz-start .calendarize-item{
  height: 340px;
  max-height: 340px;
  }

}


@media (min-width: 576px) {
  
  .eltz-start .calendarize-item{
  height: 340px;
  max-height: 340px;
  }
  
  .eltz-start .calendarize-item-header{
  width: 75%;
  }
  
}

@media (min-width: 768px) {
 
  
  .calendarize .media {
  margin: 0px 0 45px 0;
  }
  
  .calendarize .media .col-md-3{
  display: block;
  padding-right: 0px;
  width: 33.333333%
  }
  
  .calendarize .media .col-md-9{
  padding-left: 15px;
  width: 66.666666%;
  }
  .calendarize .media--body .header--anbieter{
  display: block;
  position: absolute;
  right: 70px;
  }
  
  .calendarize .media--body .header .flex-grow-1 {
  padding-top: 11px;
  }
  
  
  .calendarize .media--body .header--infos{
  padding: 6px 0 0 0;
  }
  
  .calendarize .media--body .header--infos .header--infos--categorie {
      font-weight: 600;
      padding-bottom: 0px;
  }
  
  
  .eltz-start .calendarize-item-header{
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  flex-direction: column;
  height: 155px;
  width: 16.66666667%;
  }
  
  .calendarize .eltz-start .header--date {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  align-self: flex-start;
  margin-bottom: 0;
  }
  
  .eltz-start .calendarize-item{
  background-color: #b61f29;
  margin-bottom: 25px;
  height: 200px;
  max-height: 200px;
  }
  
  .calendarize .eltz-start .header--day {
  font-size: 70px;
  }
  
  .eltz-start .calendarize-item-body h2{
  font-size: 24px;
  }
  
  .calendarize-item .accordion {
      height:166px;  /* Anpassen, um die gewünschte Anzahl von Zeilen anzuzeigen */
     
  }
  
  .eltz-accordion-button {
    background-color: transparent;
    bottom: -40px;
  }

  
  
}

@media (min-width: 850px) {
  
  .eltz-start .calendarize-item{
  background-color: #b61f29;
  margin-bottom: 25px;
  height: 175px;
  max-height: 175px;
  }
  
  .calendarize .eltz-start .header--day {
  font-size:85px;
  }
  
  
}




@media (min-width: 1024px) {
  
  
 
  
    .calendarize .media {
    margin: 0px 0 25px 0;
    }
    
    
  
    .calendarize .media .col-md-3{
    padding-right: 0px;
    width: 30%
    }
    
    .calendarize .media .col-md-9{
    padding-left: 15px;
    width: 70%;
    }
    
    .calendarize .media--body .header .flex-grow-1 {
 
    }
    
    .calendarize .media--body .header--infos.flex-grow-1{
      padding: 0px 0 0 10px;
    }
        

    

  
  
  .calendarize .media::before{
  height: 100px;
  }
  .calendarize .media .header--day{
  font-size: 100px;
  padding: 0 20px 0 0;
  margin-top: -42px;
  }
  
  .calendarize .media .header--date {
  padding: 0 20px 0px 0;
  }
  
  .calendarize .media--body .header .header-wrap {
  height: 100px;
  border-bottom: none;
  }
  
  .calendarize .media--body .content {
  padding: 20px 120px 0px 0;
  }
  
  .calendarize .media--body .header--tickets{
  width: 120px;
  }
  
  .calendarize .media--body .header--tickets--status{
  width: 120px;
  }
  
  .calendarize .media--body .header--tickets--status .icon-abendkasse:after{
  font-size: 16px;
  }
  
  .calendarize .media--body .header--infos{
  width: auto;
  border-top: none;
  padding: 0 0 0 20px;
  display: block;
  }
  
  .calendarize .media--body .header--infos::before {
      content: "";
      height: 70px;
      width: 1px;
      background-color: #fff;
      position: absolute;
      left: 0;
      top: 0;
  }
  
 
  
  .eltz-accordion-button{
  background-color: transparent;
  bottom: 5px;
  }
  
  
}



@media (min-width: 1080px) {
  
  .eltz-start .calendarize-item{
  background-color: #b61f29;
  margin-bottom: 25px;
  height: 155px;
  max-height: 155px;
  }
  
  .calendarize .eltz-start .header--day {
  font-size:100px;
  }
  
}

@media (min-width: 1200px) {
.calendarize .media--image {
  width: 300px;
  height: 280px;
  overflow: hidden;
}
}






/*# sourceMappingURL=calendar.css.map */