/* ==========================================================================
   1. Root Variables
   ========================================================================== */
   :root {
    --truenorth-color: #BEDA00;
    --flow8-color: #FA243C;
    --adentro-color: #595959;
  }
  
  /* ==========================================================================
     2. Global Styles
     ========================================================================== */
  html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 14px;
    margin: 0;
    padding-top: 48px; /* Platz für fixed Navigation */
    overflow-x: hidden; /* Verhindert horizontales Scrollen */
  }
  
  /* ==========================================================================
     3. Typography
     ========================================================================== */
  h1 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    display: flex;
    align-items: center;
  }
  
  h2 {
    color: inherit;
    font-weight: normal;
    font-size: 36px;
  }
  
  h3 {
    color: #000;
    font-weight: normal;
    font-size: clamp(18px, 3vw, 24px);
  }