.referenzprojekte-container {
display: flex;
flex-direction: column;
gap: 50px;
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
}
.referenzprojekt {
text-align: left;
margin-bottom: 100px;
}
.referenzprojekt-bild {
width: 100%;
height: auto;
object-fit: cover;
margin-bottom: 10px;
}
.referenzprojekt h2 {
color: var(--wp--preset--color--custom-rot-pink);
margin-bottom: 10px;
font-size: 1.5em;
}
@media (max-width: 768px) {
.referenzprojekt h2 {
font-size: 1em;
}
}
.referenzprojekt h3 {
font-family: var(--wp--preset--font-family--alright-sans);
font-weight: 400;
margin-bottom: 10px;
font-size: 1.3em;
}
@media (max-width: 768px) {
.referenzprojekt h3 {
font-size: 0.8em;
}
}
.referenzprojekt-schlagworte {
margin-bottom: 20px;
color: #aaa;
font-size: 1em;
}
.referenzprojekt-button {
display: inline-block;
background-color: var(--wp--preset--color--custom-anthrazit);
padding: 10px 24px;
border-radius: 22px;
transition: background-color 0.3s ease;
border: none;
margin-top: 10px;
}
.referenzprojekt-button a{
color: white;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 0.05em;
}
.referenzprojekt-button:hover {
background-color: var(--wp--preset--color--custom-rot-pink);
color: white;
}