:root {
    --primary: #FF8700;
    --primary-inverse: #ffffff;
    --primary-hover: #cc6c00;
    --primary-focus: #ff8700;
    --primary-focus-rgba: rgba(255, 135, 0, 0.25);
    --secondary: #3b82f6;
    --secondary-inverse: #ffffff;
    --secondary-hover: #629bf7;
    --secondary-focus: #317fff;
    --secondary-focus-rgba: rgba(59, 130, 246, 0.25);
    --contrast: #000000;
    --muted: #777777;
    --success: #47a417;
    --warning: #d9c800;
    --danger: #f06048;
    --info: #029ae8;
    --footer-bg-color: #11191f;
    --footer-contrast: #ffffff;
    --footer-text-color: #ffffff;
    --template-berufeklappe: #FF8700;
    --template-berufeklappe-inverse: #ffffff;
    --template-berufeklappe-focus: #ff8700;
    --template-orange: #FF8700;
    --template-orange-inverse: #ffffff;
    --template-orange-focus: #ff8700;
}

.theme-primary {
  --pico-primary: var(--primary);
  --pico-primary-background: var(--primary);
  --pico-primary-border: var(--pico-primary-background);
  --pico-primary-underline: var(--pico-primary-underline);
  --pico-primary-hover: #cc6c00;
  --pico-primary-hover-background: #cc6c00;
  --pico-primary-hover-border: #cc6c00;
  --pico-primary-hover-underline: rgba(204, 108, 0, 1);
  --pico-primary-focus: var(--primary-focus);
  --pico-primary-inverse: var(--primary-inverse);
  --nav-grid-color: var(--primary);
  --nav-grid-active-color: var(--primary);
  --nav-grid-current-color: var(--primary);
}

.headlines-primary {
  --pico-h1-color: var(--primary);
  --pico-h2-color: var(--primary);
  --pico-h3-color: var(--primary);
  --pico-h4-color: var(--primary);
  --pico-h5-color: var(--primary);
  --pico-h6-color: var(--primary);
}

.theme-secondary {
  --pico-primary: var(--secondary);
  --pico-primary-background: var(--secondary);
  --pico-primary-border: var(--pico-primary-background);
  --pico-primary-underline: var(--pico-primary-underline);
  --pico-primary-hover: #629bf7;
  --pico-primary-hover-background: #629bf7;
  --pico-primary-hover-border: #629bf7;
  --pico-primary-hover-underline: rgba(98, 155, 247, 1);
  --pico-primary-focus: var(--secondary-focus);
  --pico-primary-inverse: var(--secondary-inverse);
  --nav-grid-color: var(--secondary);
  --nav-grid-active-color: var(--secondary);
  --nav-grid-current-color: var(--secondary);
}

.headlines-secondary {
  --pico-h1-color: var(--secondary);
  --pico-h2-color: var(--secondary);
  --pico-h3-color: var(--secondary);
  --pico-h4-color: var(--secondary);
  --pico-h5-color: var(--secondary);
  --pico-h6-color: var(--secondary);
}

.theme-berufeklappe {
  --pico-primary: var(--template-berufeklappe);
  --pico-primary-background: var(--template-berufeklappe);
  --pico-primary-border: var(--pico-primary-background);
  --pico-primary-underline: var(--pico-primary-underline);
  --pico-primary-hover: #cc6c00;
  --pico-primary-hover-background: #cc6c00;
  --pico-primary-hover-border: #cc6c00;
  --pico-primary-hover-underline: rgba(204, 108, 0, 1);
  --pico-primary-focus: var(--template-berufeklappe-focus);
  --pico-primary-inverse: var(--template-berufeklappe-inverse);
  --nav-grid-color: var(--template-berufeklappe);
  --nav-grid-active-color: var(--template-berufeklappe);
  --nav-grid-current-color: var(--template-berufeklappe);
}

.headlines-berufeklappe {
  --pico-h1-color: var(--template-berufeklappe);
  --pico-h2-color: var(--template-berufeklappe);
  --pico-h3-color: var(--template-berufeklappe);
  --pico-h4-color: var(--template-berufeklappe);
  --pico-h5-color: var(--template-berufeklappe);
  --pico-h6-color: var(--template-berufeklappe);
}

.theme-orange {
  --pico-primary: var(--template-orange);
  --pico-primary-background: var(--template-orange);
  --pico-primary-border: var(--pico-primary-background);
  --pico-primary-underline: var(--pico-primary-underline);
  --pico-primary-hover: #cc6c00;
  --pico-primary-hover-background: #cc6c00;
  --pico-primary-hover-border: #cc6c00;
  --pico-primary-hover-underline: rgba(204, 108, 0, 1);
  --pico-primary-focus: var(--template-orange-focus);
  --pico-primary-inverse: var(--template-orange-inverse);
  --nav-grid-color: var(--template-orange);
  --nav-grid-active-color: var(--template-orange);
  --nav-grid-current-color: var(--template-orange);
}

.headlines-orange {
  --pico-h1-color: var(--template-orange);
  --pico-h2-color: var(--template-orange);
  --pico-h3-color: var(--template-orange);
  --pico-h4-color: var(--template-orange);
  --pico-h5-color: var(--template-orange);
  --pico-h6-color: var(--template-orange);
}

/* ===== INDIVIDUAL CONTENT STYLES ===== */

/* Content Style: Gründen - H2 Grün */
/* Identifier: gruenden-h2-gruen */
/* Priority: 100 */

.header-gruenden { color: #00a651; }