.references {
margin: 0 auto;
padding: 60px 20px;
font-family: "Inter", sans-serif;
color: #333;
background: #f9f9f9;
border-radius: 12px; background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(https://sys.sascotec.de/wp-content/uploads/2025/10/0013-1.jpg); background-position: center; background-repeat: no-repeat; }
.references h2 {
text-align: center;
margin-bottom: 1rem;
font-weight: 600;
color: #07445f;
}
.references p.intro {
text-align: center;
max-width: 750px;
margin: 0 auto 3rem auto;
color: #fff;
line-height: 1.6;
}
.reference-category {
margin-top: 3rem;
}
.reference-category h3 {
font-size: 2.2rem;
margin-bottom: 1rem;
color: rgba(var(--dt-main-rgb));
border-bottom: 2px solid #e0e0e0;
display: inline-block;
padding-bottom: 4px;
}
.reference-cards {
display: grid;
gap: 1.8rem;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.reference-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.reference-card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}
.reference-card h4 {
font-size: 1.7rem;
font-weight: 600;
margin-bottom: 6px;
color: #222;
}
.reference-card p {
font-size: 1.1rem;
margin: 4px 0;
color: #555;
}
.reference-card p.em {
font-style: italic;
color: #777;
}