/* ============================================================
   JuHi-DB - Standard-Design (Basis-Theme)
   ============================================================

   HIER stehen die Designwerte, NICHT das Layout.

   Wer ein Portal anders aussehen lassen will, legt neben dieser
   Datei eine zweite an - z.B. themes/juhidb-theme-fpa.css - und
   ueberschreibt dort NUR die Werte, die anders sein sollen. Die
   Portaldatei wird nach dieser hier geladen und gewinnt damit
   automatisch. Alles, was sie nicht erwaehnt, bleibt so wie hier.

   Diese Datei wird IMMER geladen. Faellt eine Portaldatei aus
   oder existiert sie nicht, bleibt das Standard-Design uebrig -
   es gibt also keinen Zustand ohne Design.

   Abstaende und Struktur stehen bewusst NICHT hier, sondern in
   JuHi-DB.css: sie sind fuer alle Portale gleich. Nur die
   Feldgeometrie (Label- und Feldbreite) steht hier, weil sie
   zusammen mit der Schriftgroesse ein Designthema ist.
   ============================================================ */

:root {

    /* --- Markenfarben ------------------------------------- */
    --juhi-akzent:            #1c9954;   /* Primaerfarbe, Rahmen, Links   */
    --juhi-akzent-schrift:    #66cc33;   /* Schrift auf Akzentflaechen    */
    --juhi-akzent-flaeche:    rgba(28, 153, 84, 0.11);
    --juhi-akzent-dunkel:     #0f6e56;
    --juhi-akzent-spur:       rgba(28, 153, 84, 0.25);

    /* --- Signalfarben ------------------------------------- */
    --juhi-rot:               #d11f00;
    --juhi-rot-dunkel:        #851602;
    --juhi-gelb:              #d99411;
    --juhi-blau:              #2a6fb8;
    --juhi-lila:              #6b4fa8;

    /* --- Text --------------------------------------------- */
    --juhi-text:              #4e4e4e;
    --juhi-text-kraeftig:     #2c2c2a;
    --juhi-text-leise:        #63625d;
    --juhi-text-still:        #8f8e88;

    /* --- Flaechen und Raender ----------------------------- */
    --juhi-flaeche:           #ffffff;
    --juhi-flaeche-hover:     #faf9f6;
    --juhi-flaeche-ruhig:     #eeeeee;   /* Sektionen, Dateifelder        */
    --juhi-spur:              #ecebe5;
    --juhi-rand:              #cccccc;
    --juhi-rand-leise:        #e4e3de;
    --juhi-rand-stark:        #bbbbbb;

    /* --- Kanten ------------------------------------------- */
    --juhi-radius:            8px;
    --juhi-radius-klein:      6px;
    --juhi-radius-gross:      10px;

    /* --- Schrift ------------------------------------------ */
    --juhi-schrift:           inherit;   /* Theme des Portals gewinnt     */
    --juhi-schrift-mono:      ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --juhi-schrift-feld:      16px;
    --juhi-schrift-text:      18px;
    --juhi-schrift-klein:     15px;
    --juhi-schrift-mini:      13px;
    --juhi-schrift-h2:        26px;
    --juhi-schrift-h3:        22px;
    --juhi-schrift-knopf:     20px;

    /* --- Feldgeometrie ------------------------------------
       --juhi-label-breite ist die Spaltenbreite der Beschriftung,
       --juhi-feld-breite die des Eingabefeldes daneben. Unterhalb
       von --juhi-formular-umbruch (siehe JuHi-DB.css) stapeln sich
       beide automatisch, diese Werte gelten dann nicht mehr.      */
    --juhi-label-breite:      220px;
    --juhi-feld-breite:       195px;
    --juhi-feld-breite-mittel: 300px;
    --juhi-feld-breite-gross: 390px;
    --juhi-feld-hoehe:        40px;
    --juhi-knopf-breite:      200px;
    --juhi-telefon-breite:    200px;   /* Vorwahl und Rufnummer */

    /* --- Feld-Optik ---------------------------------------
       Der Standard zeichnet nur links und unten eine Linie. Ein
       Portal mit klassischen Kaestchen setzt einfach
       --juhi-feld-rahmen: 1px solid var(--juhi-rand); und
       --juhi-feld-rahmen-stil: solid;                          */
    --juhi-feld-rahmen-stil:  none none solid solid;
    --juhi-feld-rahmen-farbe: var(--juhi-rand-stark);
    --juhi-feld-rahmen-dicke: 1px;
    --juhi-feld-flaeche:      transparent;
    --juhi-feld-radius:       0px;
    --juhi-feld-fokus:        var(--juhi-akzent);

    /* Ankreuz- und Auswahlkaestchen */
    --juhi-checkbox-groesse:  18px;
}