.elementor-kit-12072{--e-global-color-primary:#3658B5;--e-global-color-secondary:#4CC1F9;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-12072 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12072 a{color:var( --e-global-color-secondary );}.elementor-kit-12072 h1{color:var( --e-global-color-secondary );}.elementor-kit-12072 h2{color:var( --e-global-color-secondary );}.elementor-kit-12072 h3{color:var( --e-global-color-secondary );}.elementor-kit-12072 h4{color:var( --e-global-color-secondary );}.elementor-kit-12072 h5{color:var( --e-global-color-secondary );}.elementor-kit-12072 h6{color:var( --e-global-color-secondary );}.elementor-kit-12072 button,.elementor-kit-12072 input[type="button"],.elementor-kit-12072 input[type="submit"],.elementor-kit-12072 .elementor-button{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* * LUNEXOR BLOG STILANWEISUNG
 * Definiert HSL-Variablen für Light & Dark Mode.
 */

/* 1. Standard-Werte (Light Mode) */
:root {
  --primary: 224 52% 53%;           /* Sapphire Blue */ [cite: 4]
  --primary-foreground: 0 0% 100%;  /* Weiß */ [cite: 4]
  --accent: 198 94% 63%;             /* Deep Sky Blue */ [cite: 4]
  --accent-foreground: 0 0% 100%;    /* Weiß */ [cite: 4]
  --background: 199 44% 95%;         /* Sehr helles Cyan-Grau */ [cite: 5]
  --foreground: 221 55% 11%;         /* Dunkles Blau-Grau */ [cite: 5]
  --card: 0 0% 100%;                 /* Reines Weiß */ [cite: 5]
  --card-foreground: 221 55% 11%;    /* Dunkles Blau-Grau */ [cite: 5]
  --border: 199 44% 89%;             /* Helles Grau-Cyan */ [cite: 6]
  --muted: 216 20% 85%;              /* Helles Grau */ [cite: 6]
  --muted-foreground: 221 39% 35%;   /* Mittelgraues Blau */ [cite: 6]
  --destructive: 0 84% 60%;          /* Rot */ [cite: 6]
  --destructive-foreground: 0 0% 100%; /* Weiß */ [cite: 6]
}

/* 2. Dark Mode Überschreibungen (Automatisch via Browser) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Primär und Akzent werden getauscht */
    --primary: 198 94% 63%;            /* Deep Sky Blue */ [cite: 6]
    --primary-foreground: 221 55% 11%; /* Dunkles Blau */ [cite: 7]
    --accent: 224 52% 53%;             /* Sapphire */ 
    --accent-foreground: 0 0% 100%;    /* Weiß */ 
    
    /* Hintergrund und Text werden invertiert */
    --background: 221 55% 11%;         /* Rich Black */ 
    --foreground: 199 44% 95%;         /* Helles Cyan-Grau */ 
    --card: 221 55% 11%;               /* Rich Black */ 
    --card-foreground: 199 44% 95%;    /* Helles Cyan-Grau */ 
    
    /* Angepasste Grau-Töne */
    --border: 217 50% 17%;             /* Dunkles Blau-Grau */ 
    --muted: 217 50% 17%;              /* Dunkles Blau-Grau */ 
    --muted-foreground: 216 20% 65%;   /* Mittelgraues Blau */ 
  }
}/* End custom CSS */