/* =========================================================
   net&rights GmbH – Phase A Quick Win (Brand-korrigiert)
   Grauer Hintergrund + dunkles Rot als Akzent
   ========================================================= */

:root {
    --nr-text: #2b2b2b;
    --nr-muted: #555555;
    --nr-muted-2: #777777;
    --nr-link: #7a1e1e; /* dunkles Rot */
    --nr-link-hover: #5c1515;
    --nr-bg: #e6e6e6; /* grauer Seitenhintergrund */
    --nr-surface: #ffffff;
    --nr-border: #b5b5b5;
    --nr-header-bg: #f2f2f2;
    --nr-accent-main: #7a1e1e; /* Haupt-Akzentfarbe */
    --nr-focus: rgba(122, 30, 30, 0.35);
    --nr-radius: 0.25rem;
    --nr-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.06);
}

/* Base */
html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.5;
    color: var(--nr-text);
    background: var(--nr-bg);
}

/* Containers */
.container,
.container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Links */
a {
    color: var(--nr-link);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

    a:hover,
    a:focus {
        color: var(--nr-link-hover);
        text-decoration-thickness: 2px;
    }

    a:visited {
        color: #8a4a4a;
    }

/* Focus */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus,
.nav-link:focus,
.dropdown-item:focus {
    box-shadow: 0 0 0 0.1rem rgba(255,255,255,0.9), 0 0 0 0.25rem var(--nr-focus);
}

/* Navbar */
.navbar {
    background: var(--nr-surface) !important;
    border-bottom: 3px solid var(--nr-accent-main) !important;
    box-shadow: var(--nr-shadow);
}

.navbar-brand {
    color: var(--nr-accent-main) !important;
    font-weight: 700;
}

.navbar .nav-link {
    color: var(--nr-text) !important;
    font-weight: 600;
    text-decoration: none;
}

    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
        color: var(--nr-accent-main) !important;
        text-decoration: underline;
    }

/* Dropdown */
.dropdown-menu {
    border: 1px solid var(--nr-border);
    box-shadow: var(--nr-shadow);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: #f5eaea;
}

/* Main content */
main {
    background: var(--nr-surface);
    border: 1px solid var(--nr-border);
    border-radius: var(--nr-radius);
    box-shadow: var(--nr-shadow);
    padding: 1rem;
}

    main h1.display-4 {
        color: var(--nr-accent-main);
        font-weight: 700;
        font-size: clamp(1.5rem, 2vw + 1rem, 2.2rem);
    }

/* Footer */
.footer {
    background: var(--nr-surface);
    border-top: 2px solid var(--nr-accent-main) !important;
}

    .footer,
    .footer .text-muted {
        color: var(--nr-muted-2) !important;
    }

        .footer a {
            color: var(--nr-link);
        }

/* Tables (legacy) */
table.table_own {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--nr-border);
}

    table.table_own th {
        background: #f0f0f0;
        border: 1px solid var(--nr-border);
        padding: 10px;
    }

    table.table_own td {
        border: 1px solid var(--nr-border);
        padding: 10px;
    }

@media (max-width: 768px) {
    table.table_own {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Footer soll bis zum unteren Rand weiß bleiben */
footer.footer {
    background: var(--nr-surface);
}

/* Bereich unter dem Footer ebenfalls weiß färben */
body > footer.footer {
    box-shadow: 0 100vh 0 100vh var(--nr-surface);
}

/* Weißer Content-Block: oben/unten gleicher Abstand */
main {
    margin-bottom: 1.25rem;
}

/* -------------------------
   Legacy: BodyCaption / BodyCaption2
   (Überschriften/Teaser wie auf der alten Seite)
   ------------------------- */

.BodyCaption {
    display: inline;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--nr-accent-main); /* dunkles Rot aus eurem Theme */
}

.BodyCaption2 {
    display: inline;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--nr-text); /* normaler Text */
}