FHC-Core/public/css/components/dashboard/news.css

:root{
    --fhc-news-widget-height: 1;
	--fhc-news-widget-bg: var(--fhc-primary);
	--fhc-news-widget-highlight-color: var(--fhc-primary-highlight);
	--fhc-news-widget-border: var(--fhc-border);
	--fhc-news-widget-border-highlight: var(--fhc-border-highlight);
	--fhc-news-widget-text-light: var(--fhc-light);
}



/* media query for sm sizes */
@media (min-width :576px) {
	.fhc-news-menu-item {
		/* padding: top right bottom left */
		padding:0.125em 0.125em 0.125em 0.125em !important;
		max-height:30px !important;
	}

	.fhc-news-menu-item-betreff p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		/* Number of lines to show */
		overflow: hidden;
	}
}
/* media query for md sizes */
@media (min-width :768px) {
	.fhc-news-menu-item {
		/* padding: top right bottom left */
		padding: 0.25em 0.25em 0.25em 0.25em !important;
		max-height: 50px !important;
	}

	.fhc-news-menu-item-betreff p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		/* Number of lines to show */
		overflow: hidden;
	}
}
/* media query for lg sizes */
@media (min-width :992px) {
	.fhc-news-menu-item {
		/* padding: top right bottom left */
		padding: 0.25em 0.25em 0.25em 0.25em !important;
		max-height: 75px !important;
	}

	.fhc-news-menu-item-betreff p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		/* Number of lines to show */
		overflow: hidden;
	}
}
/* media query for xl sizes */
@media (min-width :1200px) {
	.fhc-news-menu-item {
		/* padding: top right bottom left */
		padding: 1em 0.25em 0.25em 0.25em !important;
		height: 100px !important;
	}

	.fhc-news-menu-item-betreff p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		/* Number of lines to show */
		overflow: hidden;
	}
}

/* media query for xxl sizes */
@media (min-width :1400px) {
	.fhc-news-menu-item {
		/* padding: top right bottom left */
		padding: 1.2em 0.5em 0.5em 0.5em !important;
		height: 125px !important;
	}

	.fhc-news-menu-item-betreff p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		/* Number of lines to show */
		overflow: hidden;
	}
}

.widgets-news{
	padding: .5rem;
	overflow-y: auto;
}

.widgets-news img
{
	max-width: 100%;
	height: auto;
}

.fhc-news-menu-item {
    padding: 0.375rem;
    color: var(--fhc-news-widget-text-light);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: var(--fhc-news-widget-bg);
    border: 1px solid var(--fhc-news-widget-border);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */
}

.fhc-news-menu-item:hover {
    background-color: var(--fhc-news-widget-highlight-color);
    border-color: var(--fhc-news-widget-border-highlight);
}

.fhc-news-menu-item.selected {
    background-color: var(--fhc-news-widget-highlight-color);
    border: 2px solid var(--fhc-news-widget-border-highlight);
    
}

.fhc-news-menu-item:focus {
    outline: none;
}

.fhc-news-menu-item-betreff
{
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.fhc-news-menu-item-date {
    text-align: end;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.fhc-carousel .carousel-item {
    transition: transform 0.375s ease-in-out, opacity 0.75s ease-in-out;
}

.fhc-carousel .carousel-item-next,
.fhc-carousel .carousel-item-prev {
    transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
}

.fhc-carousel .carousel-item-start,
.fhc-carousel .carousel-item-end {
    transition: transform 0.44s ease-in-out, opacity 0.8s ease-in-out;
}

.carousel-control-prev,
.carousel-control-next {
	top: 0.5rem !important;
	bottom: auto !important;
	opacity: 1 !important;
}


.fhc-news-items-lg .row .news-truncate span{
	color: var(--fhc-primary);
	cursor: pointer;
}

.fhc-news-items-lg .row:hover .news-truncate span{
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}



.news-truncate {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* number of lines to show */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}

.news-list-item p {
	word-break: break-word;
}