/* SDI – Eigene Stile (Bootstrap-Ergänzungen) */

body {
    color: #333;
}

:root {
    --sdi-primary:     #0fa6cc;
    --sdi-primary-alt: #0eb5e6;
    --sdi-footer-bg:   #e6eef3;
    --sdi-footer-link: #005a9c;
}

/* Header */
.sdi-logo {
    height: 70px;
}

/* Hero */
.sdi-hero {
    background: linear-gradient(to bottom right, var(--sdi-primary-alt), var(--sdi-primary));
}

/* Feature-Karten */
.sdi-feature-img {
    width: 50%;
    height: auto;
}

.sdi-accent {
    color: var(--sdi-primary);
}

/* Primär-Button */
.btn-sdi {
    background-color: var(--sdi-primary);
    color: #fff;
    border: none;
}

.btn-sdi:hover,
.btn-sdi:focus {
    background-color: var(--sdi-primary-alt);
    color: #fff;
}

/* Footer */
.sdi-footer {
    background: var(--sdi-footer-bg);
    font-size: 1rem;
}

.sdi-footer a {
    color: var(--sdi-footer-link);
    text-decoration: none;
    margin: 0 8px;
}

.sdi-footer a:hover {
    text-decoration: underline;
}

/* Tabelle (Dieselpreisindex) */
.sdi-table thead th {
    background-color: #005a9c;
    color: #fff;
}