/* =========================
   app.css – global/basis, bereinigt
   ========================= */

/* Root-Variablen */
:root {
    --bs-dark: #212529;
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --nav-active-color: #258cfb;
    --nav-text-color: #ffffff;
    --nav-bg: var(--bs-dark);
    --nav-item-radius: .375rem;
    --nav-padding-vertical: .35rem;
    --nav-padding-horizontal: .6rem;
    --nav-focus-orange: #ff8c42;
}

/* Basisreset / Box-Sizing */
html, body {
    height: 100%;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* Links / Buttons global */
a, .btn-link {
    color: #006bb7;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Content / Fehlerbox */
.content {
    padding-top: 1.1rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,...) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }

/* Neutralisiere alte Sidebar-Regeln (global, falls Templates verwenden) */
.page, .sidebar {
    display: block;
    width: 100%;
}