:root{ --news-widget-height: 1; } /* media query for sm sizes */ @media (min-width :576px) { .fhc-news-menu-item { /* padding: top right bottom left */ padding:0em 0em 0em 0em !important; } } /* media query for md sizes */ @media (min-width :768px) { .fhc-news-menu-item { /* padding: top right bottom left */ padding: 0.3em 0.3em 0.3em 0.3em !important; } } /* media query for lg sizes */ @media (min-width :992px) { .fhc-news-menu-item { /* padding: top right bottom left */ padding: 0.3em 0.3em 0.3em 0.3em !important; } } /* media query for xl sizes */ @media (min-width :1200px) { .fhc-news-menu-item { /* padding: top right bottom left */ padding: 1em 1em 0.3em 1em !important; } } /* media query for xxl sizes */ @media (min-width :1400px) { .fhc-news-menu-item { /* padding: top right bottom left */ padding: 1.2em 1.2em 0.3em 1.2em !important; } } .widgets-news img { max-width: 100%; } .fhc-news-menu-item { padding: 0.375rem; color: var(--fhc-cis-menu-lvl-1-color); min-height: 5%; max-height: 30%; width: 100%; justify-content: space-between; align-items: center; background-color: #00649c; border: 1px solid #f1f1f1; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition */ } .fhc-news-menu-item:hover { background-color: var(--fhc-cis-menu-lvl-1-bg-hover); border-color: #f1f1f1; } .fhc-news-menu-item:active { background-color: var(--fhc-cis-menu-lvl-1-color-hover); border-color: #f1f1f1; } .fhc-news-menu-item.selected { background-color: var(--fhc-cis-menu-lvl-1-bg-hover); border-right: 2px solid #fff; } .fhc-news-menu-item:focus { outline: none; } .fhc-news-menu-item-betreff { width: 100%; text-align: center; 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 { opacity: 0; transition: opacity 0.3s ease; } /* Show the buttons when the carousel is hovered */ .carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next { opacity: 1; } .fhc-news-text{ font-size: 0.75em; } .fhc-news-xs { font-size: 0.6em; } .fhc-news-sm { font-size: 0.7em; } .fhc-news-md { font-size: 1.1em; } .fhc-news-lg { font-size: 1.4em; }