/* reputatio Corporate Design fuer FileSender (Rolle filesender, 22.10.2026)
   Dunkelblau #15233C, Gruen #CADB37 (sparsam), Schrift DIN 2014 wo installiert, sonst Barlow (OFL, lokal).
   Wird von FileSender als letzte Stylesheet-Datei geladen (www/skin/styles.css) und ueberschreibt
   nur Variablen und wenige Bausteine - keine Template-Eingriffe noetig. */

@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/barlow-latin-700-normal.woff2") format("woff2"); }

:root {
    --rpt-blue: #15233C;
    --rpt-blue-80: #2C3D5C;
    --rpt-blue-60: #4A5A76;
    --rpt-blue-10: #E8EBF0;
    --rpt-green: #CADB37;
    --rpt-green-20: #F4F8D7;
    --rpt-grey-bg: #F5F6F7;
    --rpt-font: "DIN 2014", "Barlow", "Segoe UI", Calibri, Arial, sans-serif;

    /* FileSender-Variablen auf CI umbiegen */
    --fs-blue: var(--rpt-blue);
    --fs-blue-100: var(--rpt-blue-10);
    --fs-blue-200: #C9CED6;
    --fs-blue-300: var(--rpt-blue-60);
    --fs-primary: var(--rpt-blue);
    --fs-accent: var(--rpt-blue);
    --fs-btn: var(--rpt-blue);
    --fs-btn-hover: var(--rpt-blue-80);
    --fs-btn-active: var(--rpt-blue-60);
    --fs-hover: var(--rpt-green-20);
    --fs-accent--fs-active: var(--rpt-blue-10);
    --fs-info: var(--rpt-blue-80);
    --fs-info-hover: var(--rpt-blue-60);
    --fs-hightlight-bg: var(--rpt-blue-10);
    --fs-hightlight-bg-alternative: var(--rpt-blue-10);
    --fs-hightlight-bg-secondary: #C9CED6;
    --fs-bg-color: var(--rpt-grey-bg);
    --fs-text-color: #1F2A3D;
}

html, body, button, input, select, textarea, .btn, .form-control {
    font-family: var(--rpt-font);
}

h1, h2, h3, h4, h5, .box h1 {
    color: var(--rpt-blue);
    font-weight: 600 !important;
    letter-spacing: .01em;
}

a, .fs-link { color: var(--rpt-blue); }
a:hover { color: var(--rpt-blue-80); }

/* Kopfzeile: weiss, Logo links, gruene Akzentlinie */
header {
    background: #FFFFFF;
    border-bottom: 3px solid var(--rpt-green);
}
header nav img {
    height: 56px;
    max-height: 56px;
    width: auto;
}
header nav .fs-link--active {
    color: var(--rpt-blue);
    background: var(--rpt-green-20);
    box-shadow: inset 0 -3px 0 var(--rpt-green);
}
header nav .fs-link--active i { color: var(--rpt-blue) !important; }
header nav .fs-link i { color: var(--rpt-blue) !important; }

/* Schaltflaechen */
.fs-button, .btn-primary, button.btn-primary {
    background-color: var(--rpt-blue);
    border-color: var(--rpt-blue);
    color: #FFFFFF;
}
.fs-button:hover, .btn-primary:hover, button.btn-primary:hover {
    background-color: var(--rpt-blue-80);
    border-color: var(--rpt-blue-80);
}
.fs-button:focus-visible, .btn:focus-visible, a:focus-visible, input:focus-visible {
    outline: 3px solid var(--rpt-green);
    outline-offset: 2px;
}

/* Fortschrittsbalken beim Upload in CI-Gruen */
.progress-bar, .fs-progress-bar__value, .fs-progress-bar .bar {
    background-color: var(--rpt-green) !important;
    color: var(--rpt-blue) !important;
}

/* Fusszeile reputatio statt FileSender-Unterstuetzer */
footer {
    background: var(--rpt-blue);
    border-top: 3px solid var(--rpt-green);
    color: #FFFFFF;
}
footer .rpt-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
    justify-content: center;
    align-items: center;
    padding: 14px 16px;
    font-size: .9rem;
}
footer .rpt-footer a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }
footer .rpt-footer a:hover { color: var(--rpt-green); }
footer .fs-version { background: var(--rpt-blue); color: #C9CED6; }

/* Textseiten (Datenschutz, Impressum, Hilfe): Zwischenueberschriften absetzen */
.box h2, main h2 { margin-top: 1.2em; margin-bottom: .6em; }
.box h3, main h3 { font-size: 1.05rem; margin-top: 1.4em; margin-bottom: .35em; }
.box h3 + p, main h3 + p { margin-top: 0; }