#latest-solutions h2 {
color: var(--tdk-color-slate);
font-size: 3.2rem;
font-weight: bold;
}
#latest-solutions>.elementlist {
display: flex;
}
#latest-solutions>.elementlist>div {
flex: 1 0 100%;
}
#latest-solutions .teaser {
margin: unset !important;
}
#latest-solutions .teaser-title {
font-size: 1.8rem !important;
font-weight: bold !important;
}
#latest-solutions .teaser .teaser-more {
width: 100%;
font-size: unset;
color: #0046ad !important;
background: transparent !important;
line-height: 1 !important;
padding: 0 !important;
margin-block: 0 3rem !important;
justify-content: center;
}
#latest-solutions .teaser-more::before {
width: .5em;
height: 1em;
background: var(--tdk-gradient-blue);
}
#latest-solutions .arrow-link {
color: #0046ad !important;
}
#latest-solutions .material-icons {
display: none !important;
}
#latest-solutions>.elementlist>div:first-child .teaser {
display: inline-block !important;
width: auto !important;
background-color: transparent !important;
}
#latest-solutions>.elementlist>div:first-child .teaser-title::before {
content: "";
display: block;
width: .6em;
height: 1.2em;
clip-path: polygon(0 0, 100% 50%, 0 100%);
/* background-color: #0046ad; */
background: var(--tdk-gradient-blue);
margin-right: .3em;
}
#latest-solutions>.elementlist>div:first-child .teaser-more {
display: none;
}
@media (width <=992px) {
#latest-solutions>.elementlist>div:first-child {
order: 99;
text-align: center;
}
}
@media (width > 992px) {
#latest-solutions {
position: relative;
}
#latest-solutions>.elementlist>div {
--col-gap: 20px;
--col-width: calc((100% + var(--col-gap)) / 3 - var(--col-gap));
flex: 1 1 var(--col-width) !important;
max-width: var(--col-width) !important;
}
#latest-solutions>.elementlist>div:first-child {
position: absolute;
top: 0;
right: 0;
flex: unset !important;
display: contents !important;
}
#latest-solutions>.elementlist>div:first-child .teaser {
flex: unset !important;
position: absolute;
top: 5.5rem;
right: 0 !important;
}
#latest-solutions>.elementlist>div:first-child .teaser-meta {
padding: unset !important;
}
#latest-solutions>.elementlist>div:first-child .teaser-title {
padding: unset !important;
}
}