.grid{
    text-align: center;
}

.formate {
transition: translate 0.5s;
}

.formate1 span{
font-size: 1.25rem;
font-weight: bold;
color: rgb(52,53,72);
display: block;
min-height: 1em !important; /* Passt sich an die größte Titelhöhe an */
}

.formaton:hover > .formatsub {
opacity: 1;
}

/* Gemeinsame Hover-Farbe für Bild und Titel */
.hover-container {
display: block; /* Damit es das Layout nicht zerschießt */
text-align: center; /*Falls zentriert bleiben soll */
transition: filter 0.3s ease; /* Sanfter Übergang */
}

.hover-container:hover img,
.hover-container:hover .formate1 {
filter: saturate(59.4) brightness(0.675) hue-rotate(359.4deg);
}

.subtitle span{
color: rgb(52,53,72);
display: block;
min-height: 5em !important; /* Passt sich an die größte Titelhöhe an */
}

.btn{
margin-bottom: 4px;
}
.text-secondary.formaton{
text-decoration: none;
}
.hermes-icon-startseite{
max-width: 300px;
max-height: 100px;
}