.event-sujet {
    position: relative;
}

.gastgemeindeIcon .event-sujet::after {
    content: "";
    background-image: url("/typo3conf/ext/t3master/Resources/Public/Icons/flag-solid_blau.svg");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.musikIcon .event-sujet::after {
    content: "";
    background-image: url("/typo3conf/ext/t3master/Resources/Public/Icons/Icon open-musical-note_blau.svg");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}



.umzug-table {
    background-color:#fff; 
}


.umzug-table .table-head th {
    font-size: 18px;
    line-height: 100%;
    font-weight: 700;
    background-color: #7096CE;
    color: #fff;
    text-transform: uppercase;
    padding: 18px 0px 18px 15px;
}

td.event-item-number {
    color: #0065AC;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    font-family: 'Solway-Regular';
    width: 8%;
    text-align:center; 
}

td.event-sujet {
    width: 72%;
}

td.event-sujet div h4 {
    font-family: 'OpenSans';
    font-size: 31px;
    line-height: 110%;
    font-weight: 700;
    color:#111;
}

td.event-sujet div p {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

.event td {
    padding: 20px 10px;
}

td.event-sponsor {
    background-color: #dae8fe;
    vertical-align: middle;
    width: 20%;
}

td.event-sponsor p {
    font-size: 17px;
    line-height: 120%;
    font-weight: 500;
    color:#111; 
}






@media screen and (max-width: 991.5px) { 

    td.event-item-number {
        font-size: 23px;
    }
    
    td.event-sujet div h4 {
        font-size: 23px;
    }

}

@media screen and (max-width: 680px) { 

    td.event-item-number {
        font-size: 20px;
    }
    
    td.event-sujet div h4 {
        font-size: 20px;
    }

    td.event-sujet div p {
        font-size: 18px;
    }

    td.event-sponsor {
        font-size:17px;
        font-weight:400;
    }

}


/*
td.event-item-number
td.event-sujet
td.event-sponsor
*/

@media screen and (max-width: 620px) { 

    .umzug-table .table-head {
        display:none; 
    }

    tr.event td {
        display:block;
        padding: 2px 7px 2px 7px;
        width:100%;
        position:relative;
    }

    td.event-sponsor {
        background-color: transparent; 
        padding-bottom:14px !important; 
    }

    .umzug-table.table > :not(caption) > * > * {
        border-bottom-width: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    td.event-item-number {
        font-size: 19px;
        padding-top:10px !important; 
        text-align:left; 
    }


    td.event-item-number:before {
        content : "";
        position: absolute;
        left    : 6px;
        top  : -5px;
        height  : 1.2px;
        width   : calc(100% - 12px);  
        border-top:1.2px solid #4f4f4f;
    }


    td.event-sujet div h4 {
        font-size: 19px;
        margin-bottom:6px !important; 
    }

    td.event-sujet div p {
        font-size: 17px;
    }

    td.event-sponsor p {
        font-size: 17px;
    }
    td.event-sponsor p br {
       display:none; 
    }


}