.lvooe-termine-widget-debug {
    border: 1px solid red; 
    background-color: #f0f0f0;
    padding: 10px;
    margin: 10px;
    font: 12px/1.5em monospace;
}

.lvooe-termine-widget {
    display: flex; 
    flex-direction: column;
}

.lvooe-termine-widget > :nth-child(even) {    
    background: linear-gradient(90deg, transparent 0, #f0f0f0 5%, #f0f0f0 95%, transparent 100%);
    background-size: auto 100px;

    @media (max-width: 768px) {
        background: #f0f0f0;
        background-size: auto;
    }
}

.lvooe-termine-widget-item {
    display: flex;
    flex-direction: row;    

    @media (max-width: 768px) {
        flex-direction: column;
    }
}

.lvooe-termine-widget-item-date {
    flex: 0 1 150px;

    display: flex; 
    justify-content: center; 
    align-items: center;
    padding: 16px;

    text-align: center;

    @media (max-width: 768px) {
        display: none;
        /* flex: 0 1;
        justify-content: flex-end;
        text-align: right;         */
    }
}

.lvooe-termine-widget-item-header-wrapper {
    flex: 1 1;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lvooe-termine-widget-item-header {
    height: 100%;
    display: flex;
    flex-direction: column; 
    padding: 16px;

    @media (min-width: 769px) {
        width: fit-content;
    }
}

.lvooe-termine-widget-item-header > * {
    @media (min-width: 769px) {
        width: fit-content;
    }
}

.lvooe-termine-widget-item-header-date {
    @media (min-width: 769px) {
        display: none;
    }
}

.lvooe-termine-widget-item-header-type {
    @media (max-width: 768px) {        
        align-self: flex-end;
        padding: 0.5em;            
        margin-top: -16px;
        margin-right: -16px;
        margin-bottom: 8px;
    }    
}

.lvooe-termine-widget > :nth-child(odd) .lvooe-termine-widget-item-header-type {
    @media (max-width: 768px) {
        background-color: white;
    }
}

.lvooe-termine-widget > :nth-child(even) .lvooe-termine-widget-item-header-type {
    @media (max-width: 768px) {
        background-color: #f0f0f0;
    }
}

.lvooe-termine-widget > :nth-child(odd) .lvooe-termine-widget-item-header {
    background-image: linear-gradient(90deg, rgba(255, 255,255, 1), rgba(255, 255,255, 1) 60%, rgba(255, 255, 255, 0.8) 90%, transparent 100%);    

    @media (max-width: 768px) {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.6) 80%, transparent 100%);    
    }
}

.lvooe-termine-widget > :nth-child(even) .lvooe-termine-widget-item-header {
    background-image: linear-gradient(90deg, rgba(240, 240, 240, 1), rgba(240, 240, 240, 1) 60%, rgba(240, 240, 240, 0.8) 90%, transparent 100%);    

    @media (max-width: 768px) {
        background-image: linear-gradient(0deg, rgba(240, 240, 240, 1), rgba(240, 240, 240, 0.6) 80%, transparent 100%);    
    }
}

.lvooe-termine-widget-item-actions {
    flex: 0 1 300px;

    display: flex; 
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;

    gap: 16px;

    @media (max-width: 768px) {
        flex: 0 1;       
        justify-content: center; 
    }
}

.lvooe-icon-text-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.lvooe-icon-text-icon {
    font-size: 48px;

    display: flex;
    justify-content: center;
    align-items: center;
}