/* event-custom.css */
.eventlist-banner{/* Gesamte Eventliste umrahmt */.eventlist-banner {  display: grid;  gap: 20px;  max-width: 700px;  margin: 40px auto;  font-family: "Trebuchet MS", sans-serif;}/* Einzelnes Event als Kalenderblatt */.eventlist-banner .event,.eventlist-banner .layout_default {  background: #fff;  border: 2px solid #ddd;  border-radius: 6px;  box-shadow: 0 4px 8px rgba(0,0,0,0.2);  overflow: hidden;  display: flex;  align-items: center;}/* Kalenderkopf – wirkt wie abgerissen */.eventlist-banner .event::before,.eventlist-banner .layout_default::before {  content: "";  display: block;  height: 12px;  width: 100%;  background: repeating-linear-gradient(    -45deg,    #f44336,    #f44336 10px,    #e53935 10px,    #e53935 20px  );  border-bottom: 3px dashed #fff;}/* Datumskasten links */.eventlist-banner .date,.eventlist-banner .time {  background: #f44336;  color: #fff;  padding: 15px 20px;  text-align: center;  min-width: 90px;  font-weight: bold;  display: flex;  flex-direction: column;  justify-content: center;}.eventlist-banner .date .day {  font-size: 2rem;  line-height: 1;}.eventlist-banner .date .month {  font-size: 1rem;  text-transform: uppercase;  letter-spacing: 1px;}/* Eventtitel + Details rechts daneben */.eventlist-banner .event-content {  flex: 1;  padding: 15px;}.eventlist-banner .event-content h3,.eventlist-banner .event-content a {  margin: 0;  font-size: 1.3rem;  color: #333;  text-decoration: none;}.eventlist-banner .event-content h3:hover a {  color: #f44336;}}