/* Ergänzungen zu base.css – nur Layout, keine neuen Farben oder Schriften */

.site-header {
    display: flex; flex-wrap: wrap; align-items: baseline;
    justify-content: space-between; gap: var(--s2);
    padding-block: var(--s3); border-bottom: var(--s0) solid var(--c-border);
}
.site-header nav ul {
    display: flex; flex-wrap: wrap; gap: var(--s3);
    list-style: none; padding: 0; margin: 0;
}
.site-header nav a { text-decoration: none }
.site-header nav a:hover { text-decoration: underline }

.site-footer {
    border-top: var(--s0) solid var(--c-border);
    margin-top: var(--s5); padding-block: var(--s3);
    font-size: var(--f7); color: var(--c-dark-gray);
}
.site-footer ul {
    display: flex; flex-wrap: wrap; gap: var(--s3);
    list-style: none; padding: 0; margin: 0 0 var(--s2) 0;
}
.site-footer a { color: inherit }

.services {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--s3); padding: 0; margin-block-start: var(--s3); list-style: none;
}
.services > li {
    padding: var(--s3); border: var(--s0) solid var(--c-border);
    margin-block-start: 0;
}
.services h3 { margin-block-start: 0 }
.services p { margin-block-start: var(--s1) }

.references {
    display: flex; flex-wrap: wrap; gap: var(--s4);
    list-style: none; padding: 0; margin-block-start: var(--s3);
}
.references li { max-width: 320px; margin-block-start: 0 }
.references h3 { margin-block-start: 0; font-size: var(--f6) }
.references p { margin-block-start: var(--s1); font-size: var(--f7); color: var(--c-dark-gray) }

address { font-style: normal }

section { margin-block-start: var(--s5) }
section:first-of-type { margin-block-start: var(--s4) }