/********KUN DANSK ****5-1-2026************************************************/
/******* Mosaik - Arrangementer listet på langs i stedet for nedad ***********/
/***************************************************** CAMPO *****************/

/****************Generel CSS *********/
 .filtered-event-list__list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));  
            gap: 16px;
            padding: 2px;
            list-style: none;
        }
        .filtered-event-list__list-item {
            background: pink;
            padding: 2px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.2s;
            height:100%;
        }
        .filtered-event-list__list-item:hover {
            transform: scale(1.05);
        }
        .filtered-event-list__list-item img {
            width: 100%;
            height: 150px;
            object-fit: cover;
            border-radius: 5px;
        }
        .content-list-item {
        	height:100%;
        	padding-bottom: 10px;
        	display:grid; 
        	row-gap: 2px;
        }       
        .content-list-item__title {
            font-size: 18px;
            margin: 10px 0 0 0;
            font-weight: bold;
        }
        .content-list-item__description {
            font-size: 14px;
            color: #555;
             margin: 10px 0 0 0;

        }
       /* .content-list-item__location {
             color: #555;
        }*/
        
        .content-list-item__content-top-container {
    display: grid;
    height: 100%;
    justify-content: space-between;
    gap: 16px;
}

        .filtered-event-list {
    max-width: 1440px;    
}

.content-list-item__title, .text-truncate {
    white-space: normal;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-list-item__image-container {
   aspect-ratio: unset;
}

/******************************************/
/***********CSS MIN 1024 px ***************/

@media screen and (min-width: 1024px) {
  .content-list-item {
        display:grid;
        grid-template-columns: 1fr;
        grid-template-areas:
        "image" "content" "arrow";
        row-gap: 2px;
   }
       /*.content-list-item__content-right-container {
        grid-area: schedule;
        grid-row: 4 / span 1;
        grid-column: 3 / span 1;
        justify-content: unset;
        font-size: 12px;
        line-height:120%;
        margin-top: 16px;
        
    
    }*/
        
}


/******************************************/
/********** CSS MIN 768px *****************/


@media screen and (min-width: 768px) {
	
   
    .content-list-item-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    /* Vis ikke pris her */ 
    .content-list-item__content-top-container__meta {
        display: none;
    }

   /* Vis pris her i stedet */
   .content-list-item__content__price {
        display: block;
    }


    .content-list-item__content-bottom-container {
        grid-template-rows: 40% 40% auto;
        grid-template-columns: 98%;
        gap: 0;
    }

/* Tids angivelse justering af placering */

.content-list-item__content-bottom-container__item--time {
      justify-self: unset;
    }
}

/***********CSS MOBIL ********************/
@media screen and (max-width: 768px) {
.filtered-event-list__list-item img {
    width: 100%;
    height: 100%; 
    object-fit: cover;
    border-radius: 5px;
}
}