.dansdotse-compatibility-container{
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 3px 3px rgba(193,203,230,0.3);
    padding: 30px 30px 20px;
    margin-bottom: 30px;
}
.dansdotse-events-widget-events-list__event-title{
    font-size: 1em;
}
.dansdotse-events-widget-events-list__event-date-tag{
    flex: none;
    position: relative;
    display: inline-flex;
    width: 20%;
}
.dansdotse-events-widget-events-list__event-date-tag-daynum{
    font-size: 1.7em;
    font-weight: 900;
}
.dansdotse-events-widget-events-list__event-date-tag-month{
    text-transform: uppercase;
    font-size: 0.9em;
}
.dansdotse-events-widget-events-list__event-date-tag-datetime{
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
.dansdotse-events-widget-events-list__view-more{
    display:none;
}
.dansdotse-events-widget-events-list_header-title{
    color: #1d80f7;
    font-weight: 900;
}
.dansdotse-events-widget-events-list__event-row{
    margin-bottom: 3%;
}
.dansdotse-common * {
    box-sizing: border-box;
}
.dansdotse-events-widget-events-list__event-wrapper{
    display: inline-flex;
    width: 70%;
}
.dansdotse-events-page-events-list__event-datetime-wrapper{
    display: inline-block;
    width: 16%;
    vertical-align: top;
    font-size: 1em;
}
.dansdotse-events-page-events-list__event-date-tag{
    display: inline-block;
    width: 9%;
    vertical-align: top;
    font-size: 1em;
}
.dansdotse-events-page-events-list__event-datetime-wrapper{
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
}
.dansdotse-events-page-events-list__event-place-wrapper{
    display: inline-block;
    width: 7%;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 1em;
    font-weight: 500;
}
.dansdotse-events-page-events-list__event-title{
    display: inline-block;
    width: 64%;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.dansdotse-events-page-events-list__event-title h6{
    margin-bottom: 0!important;
}
.dansdotse-events-page-events-list *{
    font-size: 0.4em;
}
.entry h6{
    line-height: 1.6em!important;
}
#KVT{
    color: red;
}
#RDS{
    color: green;
}
#BBS{
    color: blue;
}
#RÖN{
    color: darkmagenta;
}
#NAL{
    color: darkorange;
}
#BBSH{
    color: magenta;
}
/*===== Handling the adaptive funktions for screen smaller than 980px ========*/
@media only screen and (max-width: 790px){
    .dansdotse-events-page-events-list__event-date-tag-daynum{
        font-size: 1.6em;
        font-weight: bold;
    }
    .dansdotse-events-page-events-list__event-row {
        display: grid!important;
        grid-template-columns: 60px 120px 120px;
        grid-template-rows: 25px 25px 30px;
        grid-auto-flow: column;
    }
    .dansdotse-events-page-events-list__event-date-tag{
        display: grid;
        grid-column-start: 1;
        grid-column-stop: 2;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .dansdotse-events-page-events-list__event-datetime-wrapper{
        display: grid;
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        width: 100%;
    }
    .dansdotse-events-page-events-list__event-place-wrapper{
        display: grid;
        grid-column-start: 3;
        grid-row-start: 1;
        width: 7%;
        margin-bottom: 0;
        vertical-align: top;
        font-size: 1em;
        font-weight: 500;
    }
    .dansdotse-events-page-events-list__event-title{
        display: grid;
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 4;
        width: 100%;
        /*white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 0px;
    }
    .dansdotse-events-page-events-list__event-title h6{
        font-size: 0.8em;
    }
}