/* CSS Document */
/* definiert die Variablen für css */
:root {
  --pb-color-complement-1: #999A9A;        /* farbe aus dem logo */
  --pb-component-active-bg: lightgray;
  --pb-bg-color: #ffffff;
  --pb-primary-color: #3498db;
  --pb-spacing: 1rem;
  --pb-textcolor: gray;
  --pb-header-bg: aliceblue;
  --pb-wrapper-bg: #FFCC33;
  --pb-container-bg: #edf6ff;
  --pb-main-bg: lightgray;
  --pb-body-bg: #C6E2FF;              /* komplementär farbe  	#391d00 */
  --pb-display-breite: 80%;  
/* Schriftarten */
  --pb-font-base: "Arial, Microsoft YaHei","Helvetica Neue", Helvetica,  sans-serif;;
  --pb-font-heading: 'Roboto Slab', serif;
  --pb-font-monospace: 'Courier New', monospace;

  /* Schriftgrößen */
  --pb-font-size-xs: 0.75rem;  /* 12px */
  --pb-font-size-sm: 0.875rem; /* 14px */
  --pb-font-size-md: 1rem;     /* 16px (Standard) */
  --pb-font-size-lg: 1.25rem;  /* 20px */
  --pb-font-size-xl: 1.5rem;   /* 24px */
  --pb-font-size-xxl: 2rem;    /* 32px */
  
  --pb-text-color:             #494949;
  --pb-link-color: var(--pb-text-color);
  --pb-link-color-bg:         var(--pb-container-bg);
  --pb-border-color:             var(--pb-body-bg);
/* Link hover color set function. Diese Funktion erzeugt eine neue Farbe, die zu 85 % aus deiner Basisfarbe --pb-text-color und zu 15 % aus Schwarz besteht. */
  --pb-link-hover-color: color-mix(in srgb, var(--pb-text-color) 85%, black);
  --pb-link-hover-color-bg:      var(--pb-color-complement-1);
/* Navi-link */
  --pb-link-color-navigation-bg:         var(--pb-container-bg);
  --pb-link-color-navigation: gray;

/* Link hover color set via `darken()` function. */
  --pb-link-hover-color-navigation:      var(--pb-component-active-color);
  --pb-link-hover-color-navigation-bg:   var(--pb-color-complement-1);
    /* Global color for active items (e.g., navs or dropdowns). */
  --pb-component-active-color:    var(--pb-text-color);


  --pb-font-family-sans-serif:  "Arial, Microsoft YaHei","Helvetica Neue", Helvetica,  sans-serif;
  --pb-font-family-serif:       Georgia, "Times New Roman", Times, serif;
  --pb-font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
  --pb-font-family-base:        var(--pb-font-family-serif);

}