.kalenderumgebend {
width: 95%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-left: 2.5%;
margin-right: 2.5%;
font-size:1.2em;
}

.kalenderumgebend .wrapper_entry {
width: 20%;
height: auto;
display: block;
position: relative;
margin-bottom:10px;
min-height:250px;
padding:2%;
background-color: #332f30;
}

.datebereich {

    display:flex;
    border-bottom:2px solid #fff;
}

.datebereichlinks {
    display:inline-block;
    width:35%;
    line-height:2.0em;
    border-right:2px solid #fff;
}

.datebereichrechts {
    display:inline-flex;
    width:60%;
    flex-direction:column;
    align-self: center;
    padding-left:5%;
}

.tag {

    font-family: "futura-pt-bold", sans-serif;
    text-transform: uppercase;
    font-size:1.6em;
}

.tagzahl {
    font-family: futura-pt, sans-serif;
    text-transform: uppercase;
    font-size:3.0em;
}

.monat {

    font-family: "futura-pt-bold", sans-serif;
    text-transform: uppercase;
    font-size:1.6em;
}

.entry_name {

    font-family: "futura-pt-bold", sans-serif;

    font-size:1.6em;
    
}
.entrybereich {

    padding-top:15px;
}
@media screen and (max-width:1400px) {
    .kalenderumgebend .wrapper_entry {
        width: 28%;
    }
}
@media screen and (max-width:1000px) {
    .kalenderumgebend {
        
        font-size:.8em;
        }
    .kalenderumgebend .wrapper_entry {
        width: 44%;
        
    }
    
    .kalenderumgebend .wrapper_entry {
    margin-bottom: 30px;
    }
    
    .kalenderumgebend .wrapper_entry {
    min-height: unset;
    }
}