
#crm-news-section h2{
    
    /* THI/L/teaser/big/title */

    font-family: 'CRM Argo';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 44px;
    padding: 32px 0;

    margin: 0;
    color: var(--crm-thieme-dunkelblau);

}


div#crm-news-top-picks-output {

    /* THI/L/container/col12 */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px;

}


div#crm-news-sorted-output {

    /* THI/L/container/col12 */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px;

}


.crm-news-top_picks_grid {

    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, 429px);

    grid-template-rows: auto;
	column-gap: 40px;
	row-gap: 40px;
    
    overflow: hidden;
}


.crm-news-grid {

    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 429px);
	/*grid-template-columns: 1fr 1fr 1fr;*/
	column-gap: 40px;
	row-gap: 40px;
}


.crm-news-container {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    width: 427px;
    min-height: 486px;

    /* THI/white */

    background: white;
}


.crm-news-top_picks_grid .crm-news-container {

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
    padding: 24px;

    width: 427px;
    min-height: unset;

    /* THI/white */
    background: var(--crm-sky-01);
}


.crm-news-item-image-container {

    padding: 0;
    display:flex;
    justify-content: center;
    width:100%;
    height: 240px;
    min-height: 240px;
	background: #DDDDDD;
    margin-bottom: 24px;
}


.crm-news-container {

    background-color: white;
}


.crm-news-title-container {

    height: 61px;
   
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom:8px;
}


.crm-news-item-title,
.crm-news-item-subtitle {

    padding:0;
    font-family: 'CRM Argo';
    font-style: normal;
    font-weight: 300;
    color: var(--crm-thieme-dunkelblau);
}


.crm-news-item-title {

    margin: 0;
    font-size: 24px;
    line-height: 32px;
}


.crm-news-item-subtitle {

    margin: 0;
    line-height: 28px;
    font-size: 18px;
}


.crm-news-item-description {
   
    font-size: var(--crm-font-size-medium);

    overflow:hidden;
    line-height: 28px;
    max-height: 8rem;
    -webkit-box-orient: vertical;
  
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: calc(28px * 3);

    font-family: 'CRM Argo';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;

    color: var(--crm-thieme-text-default);
}


.crm-news-item-link {

    margin:0;
    margin-top: 16px;
    
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;

    width: 312px;
    height: 28px;
}


.crm-news-item-link > a {

    height: 28px;
    text-decoration: none;
    /* THI/L/teaser/action */

    font-family: 'CRM Argo';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    /* THI/thieme-dunkelblau */

    color: var(--crm-thieme-dunkelblau);
}


.crm-news-item-description.crm-read-more {

    overflow: visible;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    max-height: unset;
    min-height:max-content;
  
    padding-bottom: 24px;
}


.crm-news-item-description b{

    font-weight: 700;
  
}

@media screen and (max-width: 480px) {
    .crm-news-item-image-container {
        height:unset;
        min-height: unset;
    }
    
    .crm-news-item-image {

        max-width:100%;
        width: auto;
    }

    .crm-news-grid,
    .crm-news-top_picks_grid {

        display:flex;
        flex-direction: column;
        gap: 16px;
    }

    .crm-news-top_picks_grid .crm-news-container,
    .crm-news-container {
        width:unset;
    }
}
