.cpp-news-thumbnail{
aspect-ratio: 3/4;
object-fit: cover;
width: 100%;
}
.cpp-news-thumbnail-wrapper{
overflow: hidden;
}
.cpp-news-wrapper{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 5px;
}
.cpp-news-date{
font-size: 15px !important;
font-weight: 300 !important;
color: #969696 !important;
margin-bottom: 0 !important;
word-break: keep-all;
}
.cpp-news-title{
font-size: 18px !important;
font-weight: 600 !important;
color: #969696 !important;
line-height: 140% !important;
transition: color 0.3s ease;
letter-spacing: 0 !important;
}
.cpp-news-arrow{
font-size: 29px;
color: #BDE038;
position: relative;
left: -30px;
opacity: 0;
transition: all 0.3s ease;
height: 0;
display: flex;
align-items: center;
}
.cpp-news-item{
overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
.cpp-news-item[type="aktuelles"]:hover .cpp-news-arrow {
left: -1px;
opacity: 1;
}
.cpp-news-item[type="aktuelles"]:hover img{
scale: 1.05;
}
.cpp-news-item[type="aktuelles"]:hover .cpp-news-title{
color: #10454F !important;
}
}
@media (hover: none), (pointer: coarse) { .cpp-news-item[type="aktuelles"] .cpp-news-arrow {
left: -1px;
opacity: 1;
}
}
.cpp-news-item img{
transition: all 0.3s ease;
} .cpp-news-link {
font-weight: 400;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0;
display:flex;
align-items: center;
padding-bottom: 10px;
}
.cpp-news-link i {
font-size: 24px;
line-height: 1;
margin-right: 10px;
}
.cpp-news-link span {
font-variation-settings: "wght" 400;
transition: all 0.2s;
}
@media (hover: hover) and (pointer: fine) {
.cpp-news-link:hover {
color: #121212;
}
.cpp-news-link:hover span {
font-variation-settings: "wght" 600;
}
}