/*************************************
 *   BVL Corporate Design (Juni 2026)*
 *   Bundesamt fuer Verbraucherschutz*
 *   und Lebensmittelsicherheit      *
 *                                   *
 *   Primaerfarben                   *
 *   Dunkelblau   #0A0750            *
 *   Primaerblau  #032793            *
 *   Lichtblau    #3B9AFF            *
 *   Hellblau     #B4E0FF            *
 *   Akzentfarben                    *
 *   Lichtgrau    #D7D7D7            *
 *   Apricot      #FB7962            *
 *   Gelb         #F5F546            *
 *   Gruen        #88E676            *
 *************************************/

/*************************************
 *            Colors                 *
 *************************************/

:root {
    --link_color: #032793;          /* Primaerblau: Links & primaere Aktionen */
    --special_color: #0A0750;       /* Dunkelblau: Betonungen */

    --stripe_color: #EAF3FF;        /* Sehr helles Hellblau: Zebra-Zeilen */
    --highlight_color: #B4E0FF;     /* Hellblau: markierte/aktive Zeile */

    --border_color: #D7D7D7;        /* Lichtgrau: Rahmen & Trenner */
    --slash_color: #D7D7D7;

    /* Charts: Primaerpalette + Akzente fuer klare Unterscheidbarkeit */
    --chart1: #032793;              /* Primaerblau */
    --chart2: #3B9AFF;              /* Lichtblau */
    --chart3: #B4E0FF;              /* Hellblau */
    --chart4: #88E676;              /* Gruen */

    /* Aktivitaets-Status (Activity page) */
    --pf-act-blue: #3B9AFF;         /* hinzugefuegt / neu */
    --pf-act-navy: #0A0750;
}


/*************************************
 *            Logos                  *
 *************************************/

#pica_logo_small {
    background-image: url("/branding/logo_small.png") !important;
}

#pica_logo_big {
    background-image: url("/branding/logo.png") !important;
}

/*************************************
 *            Wallpaper              *
 *************************************/

body.wallpaper {
    background: url("/branding/wallpaper.jpeg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/*************************************************
 *   Filelink-Aktionsbuttons (getlink-Seite)    *
 *   Download / Link kopieren / QR-Code          *
 *                                               *
 *   - Barrierefreiheit: Titelflaeche Hellblau   *
 *     statt Mittelblau, dunkler Text (Kontrast) *
 *   - Kein "zusammengesetzter" Eindruck: Keil   *
 *     ebenfalls Hellblau -> nur zwei Farben,    *
 *     kein Versatz/Naht beim Mouseover          *
 *************************************************/

.download .btn span.title {
    background-color: #B4E0FF !important;      /* Hellblau statt Mittelblau (Lichtblau) */
    box-shadow: 0 3px 0 0 #B4E0FF !important;
    color: #0A0750 !important;                 /* Dunkelblau: hoher Kontrast auf Hellblau */
    text-shadow: none !important;
}

.download .btn.left span.slant-left,
.download .btn.right span.slant-left {
    box-shadow: 10px 0 0 0 #B4E0FF, 10px 3px 0 0 #B4E0FF !important;
    border-right-color: #B4E0FF !important;
}

/* Kein Verrutschen des Keils beim Hover -> keine sichtbare Naht */
.download .btn:hover span.slant-left {
    right: 0 !important;
}