:root{

  /* **********************************************************************
     LG PALETTE AND BRAND COLORS
     ********************************************************************** */

  /* Blau (Kobaltblau) */
  --lg-blue-01: #193153; /* 25,49,83 */
  --lg-blue-01-rgb: 25 49 83;

  /* Gruen (Perlgruen) */
  --lg-green-01: #194D25; /* 25,77,37 */
  --lg-green-01-rgb: 25 77 37;

  /* Gelb (Zinkgelb) */
  --lg-yellow-01: #FDCF49; /* 253,207,73 */
  --lg-yellow-01-rgb: 253 207 73;

  /* Rot (Rubinrot) */
  --lg-red-01: #861A22; /* 134,26,34 */
  --lg-red-01-rgb: 134 26 34;

  /* Weiss */
  --lg-white-01: #FFFFFF; /* 255,255,255 */
  --lg-white-01-rgb: 255 255 255;


  /* **********************************************************************
     LG PALETTE AND NEUTRAL WARM (Platingrau --> Reinweiss)
     ********************************************************************** */

  --lg-warm-01: #979392; /* 151,147,146 */
  --lg-warm-01-rgb: 151 147 146;

  --lg-warm-02: #A29E9C; /* 162,158,156 */
  --lg-warm-02-rgb: 162 158 156;

  --lg-warm-03: #AEA9A6; /* 174,169,166 */
  --lg-warm-03-rgb: 174 169 166;

  --lg-warm-04: #B9B4B0; /* 185,180,176 */
  --lg-warm-04-rgb: 185 180 176;

  --lg-warm-05: #C4C0BA; /* 196,192,186 */
  --lg-warm-05-rgb: 196 192 186;

  --lg-warm-06: #CFCBC3; /* 207,203,195 */
  --lg-warm-06-rgb: 207 203 195;

  --lg-warm-07: #DBD6CD; /* 219,214,205 */
  --lg-warm-07-rgb: 219 214 205;

  --lg-warm-08: #E6E1D7; /* 230,225,215 */
  --lg-warm-08-rgb: 230 225 215;

  --lg-warm-09: #F1ECE1; /* 241,236,225  Reinweiss */
  --lg-warm-09-rgb: 241 236 225;


  /* **********************************************************************
     LG PALETTE AND NEUTRAL COOL (Schwarzgrau -> Weiss)
     ********************************************************************** */

  --lg-cool-01: #2F3234; /* 47,50,52  Schwarzgrau */
  --lg-cool-01-rgb: 47 50 52;

  --lg-cool-02: #484B4C; /* 72,75,76 */
  --lg-cool-02-rgb: 72 75 76;

  --lg-cool-03: #616365; /* 97,99,101 */
  --lg-cool-03-rgb: 97 99 101;

  --lg-cool-04: #7A7C7D; /* 122,124,125 */
  --lg-cool-04-rgb: 122 124 125;

  --lg-cool-05: #939596; /* 147,149,150 */
  --lg-cool-05-rgb: 147 149 150;

  --lg-cool-06: #ACADAE; /* 172,173,174 */
  --lg-cool-06-rgb: 172 173 174;

  --lg-cool-07: #C5C6C6; /* 197,198,198 */
  --lg-cool-07-rgb: 197 198 198;

  --lg-cool-08: #DEDEDF; /* 222,222,223 */
  --lg-cool-08-rgb: 222 222 223;

  --lg-cool-09: #F7F7F7; /* 247,247,247  Weiss */
  --lg-cool-09-rgb: 247 247 247;


  /* **********************************************************************
     LG SEMANTIC COLORS
     ********************************************************************** */

  /* Brand */
  --lg-c-primary:   var(--lg-blue-01);
  --lg-c-secondary: var(--lg-warm-07);
  --lg-c-accent:    var(--lg-cool-01);

  /* Text */
  --lg-c-text:    var(--lg-cool-01);
  --lg-c-text-bright: var(--lg-white-01);
  --lg-c-text-bright-rgb: var(--lg-white-01-rgb);
  --lg-c-heading: var(--lg-cool-01);
  --lg-c-muted:   var(--lg-cool-03);
  
   /* Borders */
  --lg-c-border:      var(--lg-cool-06);
  --lg-c-border-soft: var(--lg-cool-08);
  --lg-c-border-soft-rgb: var(--lg-cool-08-rgb);

  /* Links */
  --lg-c-link:       var(--lg-c-primary);
  --lg-c-link-hover: var(--lg-c-primary);

  /* Status */
  --lg-c-success: var(--lg-green-01);
  --lg-c-warning: var(--lg-yellow-01);
  --lg-c-danger:  var(--lg-red-01);

  /* Status (Text) */
  --lg-c-warning-text: #6D5200;
  --lg-c-warning-text-rgb: 109 82 0;
  
  /* Buttons */
  --lg-c-bt01-default-bg: 	var(--lg-cool-08);
  --lg-c-bt01-hover-bg: 	var(--lg-cool-07);
  --lg-c-bt01-active-bg: 	var(--lg-cool-06);
  --lg-c-bt01-selected-bg: 	var(--lg-c-primary);
  
  --lg-c-bt01-default-bd: 	var(--lg-cool-07);
  --lg-c-bt01-hover-bd: 	var(--lg-cool-06);
  --lg-c-bt01-active-bd: 	var(--lg-cool-05);
  --lg-c-bt01-selected-bd: 	var(--lg-cool-04);
  
  --lg-c-bt01-default-txt: 	var(--lg-c-primary);
  --lg-c-bt01-hover-txt: 	var(--lg-c-primary);
  --lg-c-bt01-active-txt: 	var(--lg-c-primary);
  --lg-c-bt01-selected-txt:	var(--lg-white-01);
  
/* ==========================================================================
   90. BACKGROUNDS / VISUAL EFFECTS
   ========================================================================== */
   
	--lg-bg-01: linear-gradient(135deg, rgb(var(--lg-blue-01-rgb) / 0.75), rgb(var(--lg-blue-01-rgb) / 0.30)),
             linear-gradient(45deg, rgb(var(--lg-warm-09-rgb) / 0.95), rgb(var(--lg-warm-08-rgb) / 0.30));

/*IST IM 01b EIN FEHLER???? */
	--lg-bg-01b: linear-gradient(135deg, rgb(var(--lg-blue-01-rgb) / 0.75), rgb(var(--lg-blue-01-rgb) / 0.30)),
              linear-gradient(45deg, rgb(var(--lg-warm-09-rgb) / 0.95), rgb(var(--lg-warm-08-rgb) / 0.30)),
              radial-gradient(
                circle at 80% 100%,
                rgba(var(--lg-yellow-01-rgb), 0.95) 0%,
                rgba(var(--lg-yellow-01-rgb), 0.6) 35%,
                rgba(var(--lg-yellow-01-rgb), 0.25) 65%,
                rgba(var(--lg-yellow-01-rgb), 0) 100%
              );

  --lg-bg-02: linear-gradient(90deg, rgb(var(--lg-white-01-rgb) / 1) 70%, rgb(var(--lg-warm-08-rgb) / 0.2) 100%),
		linear-gradient(270deg, rgb(var(--lg-white-01-rgb) / 1) 70%, rgb(var(--lg-blue-01-rgb) / 0.08) 100%);

  --lg-banner-surface:
    linear-gradient(135deg,
      rgb(var(--lg-blue-01-rgb) / 0.94) 0%,
      rgb(var(--lg-blue-01-rgb) / 0.82) 52%,
      rgb(var(--lg-cool-01-rgb) / 0.88) 100%
    ),
    linear-gradient(35deg,
      rgb(var(--lg-warm-09-rgb) / 0.08) 0%,
      rgb(var(--lg-warm-08-rgb) / 0.03) 100%
    );

  --lg-banner-border:
    rgb(var(--lg-white-01-rgb) / 0.10);

  --lg-banner-shadow:
    0 20px 60px rgba(0,0,0,.28);

  --lg-banner-highlight:
    radial-gradient(
      farthest-side at 85% 15%,
      rgb(var(--lg-cool-08-rgb) / 0.18) 0%,
      rgb(var(--lg-cool-08-rgb) / 0.00) 75%
    );
}

body, 
.lg-bg-header{
  background:
    linear-gradient(90deg, rgb(var(--lg-white-01-rgb) / 1.00) 50%, rgb(var(--lg-white-01-rgb) / 1.00)),
	linear-gradient(90deg, rgb(var(--lg-white-01-rgb) / 0.00) 80%, rgb(var(--lg-blue-01-rgb) / 0.08)),
    linear-gradient(270deg, rgb(var(--lg-white-01-rgb) / 0.00) 80%, rgb(var(--lg-cool-05-rgb) / 0.2));
  background-blend-mode: multiply;
}

/* GHR am 06.02.2026: Hinzufuegen von blended-mode-Backgrounds*/
.blended-mode-background-01{
  background: var(--lg-bg-01);
  background-blend-mode: multiply;
}

.blended-mode-background-01b{
  background: var(--lg-bg-01b);
  background-blend-mode: normal;
}

.blended-mode-background-02{
  background: var(--lg-bg-02);
  background-blend-mode: multiply;
}

.lg-bg-bright{
  background: var(--lg-white-01);
  background-blend-mode: normal;
}

  /* **********************************************************************************************************
     ELEMENTOR SYSTEM COLORS (Ueberschreiben der Einstellungen in Elementor>Website-Einstellungen>Globale Farben)
     ********************************************************************************************************** */
	 
.elementor-kit-6,
body.elementor-kit-6{
  --e-global-color-primary:   var(--lg-c-primary) !important;
  --e-global-color-secondary: var(--lg-c-secondary) !important;
  --e-global-color-text:      var(--lg-c-text) !important;
  --e-global-color-accent:    var(--lg-c-accent) !important;
}

/* GHR am 06.12.2025: Code soll verhindern, dass Seite auf mobilen Browsern in einem pseudo-Darkmode angezeigt wird. Funktioniert nur leider nicht auf meinem Galaxy Pad/ Smartphone */
:root {
  color-scheme: light;
}