#event-container {
display: inline-flex;
}
#event-block {
display: flex;
width: 320px;
height: 350px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
flex-direction: column;
justify-content: center;
margin: 20px;
margin-top: 0px !important;
}
#event-block:hover {
transform: scale(0.98);
transition: 500ms ease-in-out;
}
#event-block .event-month {
text-transform: uppercase;
color: black;
font-size: 15px;
font-weight: 400;
padding: 0px;
margin: 0px;
line-height: normal;
padding-left: 10px;
}
#event-block .event-month-date {
display: flex;
flex-direction: row;
}
.color-box {
height: 100%;
width: 5%;
}
#event-block .event-date {
text-transform: uppercase;
color: black;
font-size: 45px;
font-weight: 500;
padding: 0px;
margin: 0px;
line-height: normal;
padding-left: 10px;
}
#event-block .event-kategorie-teaser {
background-color: #E8E8E8;
color: black;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 20px;
}
.event-kategorie {
text-transform: uppercase;
text-align: left !important;
color: black;
font-size: 20px;
font-weight: 500;
padding: 0px;
margin: 0px;
line-height: normal;
padding-left: 10px;
}
#event-block .event-teaser {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: black;
font-size: 12px;
font-weight: 400;
padding: 0px;
margin: 0px;
line-height: normal;
padding-left: 10px;
}
#mehr-erfahren {
margin-left: 10px;
border-radius: 100px;
color: white;
padding: 5px 20px;
display: inline;
background-color: #42698A;
}
#mehr-erfahren:hover {
background-color: #002c4a;
transition: 400ms ease-in-out;
background-color: #42698A;
}
#mehr-erfahren a{
text-decoration: none;
color: white;
}
#mehr-erfahren a:hover{
text-decoration: none;
}