/* tec-mar.de -- Markenfarben fuer den Website-Kern (css/site.css). CI wie die RPD
   (css/mandant-teci.css): Schwarz #101010, Rot #ef2e2d. Logo hat weisse Teile -> dunkler Kopf.
   Systemschrift statt Google Fonts (keine Uebertragung an Google, siehe Datenschutz). */
:root {
    --akzent: #ef2e2d;
    --akzent-2: #c81e1e;
    --akzent-3: #9e1515;
    --tief: #101010;
    --akzent-schatten: rgba(239, 46, 45, .25);
    --akzent-hauch: rgba(239, 46, 45, .06);
    --kopf-bg: #101010;
    --kopf-text: #ffffff;
    --kopf-aktiv: #ffffff;
    --grau-dunkel: #101010;
    --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --schatten: 0 1px 2px rgba(16, 16, 16, .06), 0 8px 24px rgba(16, 16, 16, .08);
}

.kopf-logo img { max-height: clamp(30px, 4vw, 40px); }
.menue-knopf { border-color: rgba(255, 255, 255, .35); }
@media (max-width: 760px) {
    .menue a { border-bottom-color: rgba(255, 255, 255, .15); }
}
.hero-made { display: inline-block; margin-top: 1.5rem; }
.hero-made img { display: block; max-height: 56px; width: auto; }
h1, h2 { font-weight: 300; }
.hero h1 { font-weight: 200; }
.kachel-bild { display: block; width: 100%; height: auto; aspect-ratio: 930 / 700; object-fit: cover; }