:root {
  --multiplikator-font: var(--gold-wurzel);
  --multiplikator-distance: var(--gold);
  --din: 1.414;
  --din-wurzel: 1.189;
  --gold: 1.618;
  --gold-wurzel: 1.272;

  /* //ANCHOR Main-Viewport */
  --side-max-width: 1680px;
  /* //ANCHOR */
  /* //ANCHOR ----Layout-------------------------------------- */
  /* //ANCHOR Gestaltungsraster */
  --layout-gap: var(--space-0);
  /* CUSTOM-LAYOUT-item: zum ausschließen eines items "unset" eintragen */
  /* fixed elemente müssen eine feste Höhe bekommen ( .vh-1, vh-100 ) */
  --layout-item-1-column: unset;
  --layout-item-1-row: unset;
  --layout-item-2-column: 3/13;
  --layout-item-2-row: 1/2;
  --layout-item-3-column: 1/3;
  --layout-item-3-row: 1/4;
  --layout-item-4-column: 3/10;
  --layout-item-4-row: 2/3;
  --layout-item-5-column: 10/13;
  --layout-item-5-row: 2/4;
  --layout-item-6-column: 1/13;
  --layout-item-6-row: 3/4;
  --layout-item-7-column: unset;
  --layout-item-7-row: unset;
  --layout-item-8-column: unset;
  --layout-item-8-row: unset;
  --layout-item-9-column: unset;
  --layout-item-9-row: unset;
  --layout-item-10-column: unset;
  --layout-item-10-row: unset;
  --layout-column-width: 90px 90px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr 1.5fr;
  --layout-row-height: auto auto auto;

  /* //ANCHOR Grid */
  --min-col-width: 250px;
  --max-col-width: 1fr;

  /* //ANCHOR Abstände */
  --space-0: 0rem;
  --space-n5: calc(var(--space-n4) / var(--multiplikator-distance));
  --space-n4: calc(var(--space-n3) / var(--multiplikator-distance));
  --space-n3: calc(var(--space-n2) / var(--multiplikator-distance));
  --space-n2: calc(var(--space-n1) / var(--multiplikator-distance));
  --space-n1: calc(var(--space-1) / var(--multiplikator-distance));
  /* -----   -^ v+   ----- */
  --space-1: 1rem;
  --space-2: calc(var(--space-1) * var(--multiplikator-distance));
  --space-3: calc(var(--space-2) * var(--multiplikator-distance));
  --space-4: calc(var(--space-3) * var(--multiplikator-distance));
  --space-5: calc(var(--space-4) * var(--multiplikator-distance));
  --space-6: calc(var(--space-5) * var(--multiplikator-distance));
  --space-7: calc(var(--space-6) * var(--multiplikator-distance));
  --space-8: calc(var(--space-7) * var(--multiplikator-distance));
  --space-9: calc(var(--space-8) * var(--multiplikator-distance));
  --space-1-resp: clamp(0.3rem, 1.39vw + 0.21px, 1.1rem);
  --space-2-resp: calc(var(--space-1-resp) * var(--multiplikator-distance));
  --space-3-resp: calc(var(--space-2-resp) * var(--multiplikator-distance));
  --space-4-resp: calc(var(--space-3-resp) * var(--multiplikator-distance));
  --space-5-resp: calc(var(--space-4-resp) * var(--multiplikator-distance));
  --space-6-resp: calc(var(--space-5-resp) * var(--multiplikator-distance));
  --space-7-resp: calc(var(--space-6-resp) * var(--multiplikator-distance));
  --space-8-resp: calc(var(--space-7-resp) * var(--multiplikator-distance));
  --space-9-resp: calc(var(--space-8-resp) * var(--multiplikator-distance));

  /* //ANCHOR padding-igone */
  --ignore-padding-x-start: var(--space-4-resp);
  --ignore-padding-x-end: var(--space-4-resp);
  --ignore-padding-y-start: var(--space-3);
  --ignore-padding-y-end: var(--space-3);
  /* //ANCHOR */
  /* //ANCHOR ----Schriftbild-------------------------------------- */
  /* //ANCHOR Schriftgröße */
  --font-size-n2: calc(var(--font-size-n1) / var(--multiplikator-font));
  --font-size-n1: calc(var(--font-size-basic) / var(--multiplikator-font));
  /* -----   -^ v+   ----- */
  --font-size-main: 100%;
  --font-size-basic: 1rem;
  --font-size-1: var(--font-size-basic);
  --font-size-2: calc(var(--font-size-basic) * var(--multiplikator-font));
  --font-size-3: calc(var(--font-size-2) * var(--multiplikator-font));
  --font-size-4: calc(var(--font-size-3) * var(--multiplikator-font));
  --font-size-5: calc(var(--font-size-4) * var(--multiplikator-font));
  --font-size-6: calc(var(--font-size-5) * var(--multiplikator-font));
  --font-size-7: calc(var(--font-size-6) * var(--multiplikator-font));
  --font-size-8: calc(var(--font-size-7) * var(--multiplikator-font));
  --font-size-resp-1: clamp(var(--font-size-basic), 2.43vw, var(--font-size-3));
  --font-size-resp-2: clamp(var(--font-size-2), 3.48vw, var(--font-size-4));
  --font-size-resp-3: clamp(var(--font-size-3), 4.53vw, var(--font-size-6));
  --font-size-resp-4: clamp(var(--font-size-3), 4.53vw, var(--font-size-8));
  --font-size-resp-5: clamp(var(--font-size-5), 4.53vw, var(--font-size-6));
  --font-size-resp-6: clamp(var(--font-size-5), 5vw, var(--font-size-8));
  --font-family-h: "font-1", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-p: "font-2", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  /* Headlines */
  --h1-size: var(--font-size-6);
  --h2-size: var(--font-size-5);
  --h3-size: var(--font-size-4);
  --h4-size: var(--font-size-3);
  --h5-size: var(--font-size-2);
  --h6-size: var(--font-size-1);
  --h1-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);
  --h2-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);
  --h3-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);
  --h4-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);
  --h5-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);
  --h6-margin: var(--space-0) var(--space-0) var(--space-0) var(--space-0);

  /*  //ANCHOR Text settings */
  --text-max-width: 80ch;
  --text-max-witdh-change: 125ch;
  --text-line-height: 1.5;
  --text-line-height-change: 2;
  --text-hyphenate-limit-chars: 6 3 4;
  --text-letter-spacing: 0em;
  --einzug: var(--space-2);
  --text-margin-bottom: var(--space-1);
  --column-count: 0;
  --column-gap: calc(var(--column-width) / 4);
  --column-width: 25ch;
  --column-count-max-width: 100vw;
  --column-rule: 0px solid rgba(var(--fcolor), var(--alpha, 0.5));
  /* Initial-Letter margin-left */
  --inital-letter-margin-left: -0.3;
  --inital-letter-line-height: 0.85;

  /* //ANCHOR Listen settings */
  --list-max-width: 85ch;
  --list-line-height: 1.5;
  --list-hyphenate-limit-chars: 6 3 4;
  /* style-type */
  --list-style-type-content:
		/* "• " */ "# ";
  --list-style-type-content-2: "> ";
  --list-icon-size: 16px;
  --list-icon-fill: rgba(var(--info), var(--alpha, 1));
  --list-style-type-marker: 227, 81, 81;
  --list-style-type-marker-2: 62, 188, 89;
  --list-style-type-size: 18px;
  --list-img-width: 90px;
  /* stil-2 */
  --list-max-width-2: 170ch;
  --list-line-height-2: 2.5;

  /*  //ANCHOR Tabellen settings */
  /* Tabellen-Farben */
  --table-bg: rgba(var(--background-1), 1);
  --table-bg-head: rgba(var(--background-2), 1);
  --table-bg-row-even: rgba(var(--fcolor), 0.04);
  --table-bg-row-hover: rgba(var(--fcolor), 0.08);
  --table-bg-foot: rgba(var(--fcolor), 0.03);
  --table-color-text: rgba(var(--fcolor), 1);
  --table-color-text-head: rgba(var(--fcolor-static-invert), 1);
  --table-color-text-muted: rgba(var(--fcolor), 0.5);
  /* Border */
  --table-border: var(--border-1) solid rgba(var(--fcolor), 0.12);
  --table-border-divider: var(--border-1) solid rgba(var(--fcolor), 0.1);
  --table-border-head: 1px solid rgba(var(--fcolor-invert), 0.1);
  /* Abstände */
  --table-padding-v: var(--space-n1);
  --table-padding-h: var(--space-1);
  --table-padding-compact-v: var(--space-n2);
  --table-padding-compact-h: var(--space-n1);
  /* Typografie */
  --table-font-size: var(--font-size-1);
  --table-font-size-head: var(--font-size-n2);
  --table-font-size-caption: var(--font-size-n2);
  /* Status-Farben */
  --table-success-bg: rgba(var(--success), 0.1);
  --table-success-text: rgba(var(--success), 1);
  --table-warning-bg: rgba(var(--warning), 0.12);
  --table-warning-text: rgba(var(--warning), 1);
  --table-danger-bg: rgba(var(--error), 0.1);
  --table-danger-text: rgba(var(--error), 1);
  --table-info-bg: rgba(var(--info), 0.1);
  --table-info-text: rgba(var(--info), 1);
  /* Min-Breite bevor horizontales Scrollen einsetzt */
  --table-min-width: 560px;
  /* //ANCHOR */
  /* //ANCHOR ----Aussehen-------------------------------------- */
  /* //ANCHOR Border */
  --border-1: 1px;
  --border-2: 2px;
  --border-3: 5px;

  /* //ANCHOR Border-Radius */
  --br-top-left: 3px;
  --br-top-right: 3px;
  --br-bottom-right: 3px;
  --br-bottom-left: 3px;
  /* border-radius-Medium */
  --br-medium-top-left: 15px;
  --br-medium-top-right: 15px;
  --br-medium-bottom-right: 15px;
  --br-medium-bottom-left: 15px;
  /* border-radius-big */
  --br-big-top-left: 80px;
  --br-big-top-right: 80px;
  --br-big-bottom-right: 80px;
  --br-big-bottom-left: 80px;

  /* //ANCHOR Shadows */
  --shadow-1: 0px 0px 15px rgba(var(--scolor), var(--alpha, 0.2));
  --shadow-1-invert: 0px 0px 15px rgba(var(--scolor-invert), var(--alpha, 0.2));
  --shadow-1-static: 0px 0px 15px rgba(var(--scolor-static), var(--alpha, 0.2));
  --shadow-1-static-invert: 0px 0px 15px
    rgba(var(--scolor-static-invert), var(--alpha, 0.2));
  --shadow-2: 3px 4px 6px rgba(var(--scolor), var(--alpha, 0.4));
  --shadow-2-invert: 3px 4px 6px rgba(var(--scolor-invert), var(--alpha, 0.4));
  --shadow-2-static: 3px 4px 6px rgba(var(--scolor-static), var(--alpha, 0.4));
  --shadow-2-static-invert: 3px 4px 6px
    rgba(var(--scolor-static-invert), var(--alpha, 0.4));
  --shadow-3: 4px 4px 0px 0px rgba(var(--scolor), var(--alpha, 0.7));
  --shadow-3-invert: 4px 4px 0px 0px
    rgba(var(--scolor-invert), var(--alpha, 0.7));
  --shadow-3-static: 4px 4px 0px 0px
    rgba(var(--scolor-static), var(--alpha, 0.7));
  --shadow-3-static-invert: 4px 4px 0px 0px
    rgba(var(--scolor-static-invert), var(--alpha, 0.7));
  --shadow-4: 0px 4px 5px rgba(var(--scolor), var(--alpha, 0.2));
  --shadow-4-invert: 0px 4px 5px rgba(var(--scolor-invert), var(--alpha, 0.2));
  --shadow-4-static: 0px 4px 5px rgba(var(--scolor-static), var(--alpha, 0.2));
  --shadow-4-static-invert: 0px 4px 5px
    rgba(var(--scolor-static-invert), var(--alpha, 0.3));
  --shadow-5:
    -10px 10px 5px rgba(var(--scolor), var(--alpha, 0.4)),
    -4px 4px 3px rgba(var(--scolor), var(--alpha, 0.6));
  --shadow-5-invert:
    -10px 10px 5px rgba(var(--scolor-invert), var(--alpha, 0.6)),
    -4px 4px 3px rgba(var(--scolor-invert), var(--alpha, 0.6));
  --shadow-5-static:
    -10px 10px 5px rgba(var(--scolor-static), var(--alpha, 0.6)),
    -4px 4px 3px rgba(var(--scolor-static), var(--alpha, 0.6));
  --shadow-5-static-invert:
    0px 0px 6px rgba(var(--scolor-static-invert), var(--alpha, 0.3)),
    -4px 4px 3px rgba(var(--scolor-static-invert), var(--alpha, 0.6));
  --shadow-6:
    4px 4px 9px rgba(var(--custom-1), var(--alpha, 1)),
    -4px -4px 15px rgba(var(--info), var(--alpha, 0.7)),
    0px 0px 30px rgba(var(--success), var(--alpha, 0.6));
  --shadow-6-invert:
    4px 4px 9px rgba(var(--custom-1), var(--alpha, 1)),
    -4px -4px 15px rgba(var(--info), var(--alpha, 0.7)),
    0px 0px 30px rgba(var(--success), var(--alpha, 0.6));
  --shadow-6-5tatic:
    4px 4px 9px rgba(var(--custom-1), var(--alpha, 1)),
    -4px -4px 15px rgba(var(--info), var(--alpha, 0.7)),
    0px 0px 30px rgba(var(--success), var(--alpha, 0.6));
  --shadow-6-static-invert:
    4px 4px 9px rgba(var(--custom-1), var(--alpha, 1)),
    -4px -4px 15px rgba(var(--info), var(--alpha, 0.7)),
    0px 0px 30px rgba(var(--success), var(--alpha, 0.6));
  /* INSET box-shadow */
  --shadow-1-inset: inset 0px 0px 8px 1px rgba(var(--scolor), var(--alpha, 0.5));
  --shadow-1-inset-invert: inset 0px 0px 8px 1px
    rgba(var(--scolor-invert), var(--alpha, 0.5));
  --shadow-1-inset-static: inset 0px 0px 8px 1px
    rgba(var(--scolor-static), var(--alpha, 0.5));
  --shadow-1-inset-static-invert: inset 0px 0px 8px 1px
    rgba(var(--scolor-static-invert), var(--alpha, 0.5));
  --shadow-2-inset: inset 0px 0px 2px 2px rgba(var(--scolor), var(--alpha, 0.4));
  --shadow-2-inset-invert: inset 0px 0px 2px 2px
    rgba(var(--scolor-invert), var(--alpha, 0.4));
  --shadow-2-inset-static: inset 0px 0px 2px 2px
    rgba(var(--scolor-static), var(--alpha, 0.4));
  --shadow-2-inset-static-invert: inset 0px 0px 2px 2px
    rgba(var(--scolor-static-invert), var(--alpha, 0.4));
  /* text-shadow */
  --text-shadow-1: 2px 2px 1px rgba(var(--scolor), var(--alpha, 0.3));
  --text-shadow-2:
    4px 3px 0px rgba(var(--background-2), 1),
    8px 5.5px 0px rgba(var(--scolor-invert), var(--alpha, 0.3));
  --text-shadow-3: 2px 6px 3px rgba(var(--scolor), var(--alpha, 0.3));
  --text-outline:
    -1px -1px 0 rgba(var(--fcolor-static), var(--alpha, 1)),
    1px -1px 0 rgba(var(--fcolor-static), var(--alpha, 1)),
    -1px 1px 0 rgba(var(--fcolor-static), var(--alpha, 1)),
    1px 1px 0 rgba(var(--fcolor-static), var(--alpha, 1));
  /* //ANCHOR */
  /* //ANCHOR ----Components-------------------------------------- */
  /* // ANCHOR Buttons */
  --btn-padidng: 13px 20px 13px 20px;
  --btn-bg-color: rgba(var(--neutral-00), var(--alpha, 1));
  --btn-text-color: rgba(var(--fcolor-static), var(--alpha, 1));
  --hover-text-color: rgba(var(--fcolor-static), var(--alpha, 1));
  --hover-2-color: rgba(var(--custom-1), var(--alpha, 1));
  --btn__icon-bg-color: rgba(var(--neutral-300), var(--alpha, 0.4));
  --btn__icon-path-fill: rgba(var(--fcolor-static), var(--alpha, 1));

  /* //ANCHOR Top-Navigation */
  /* Hamburger-größen */
  --hamburger-width: 100%;
  --hamburger-height: 35px;
  --hamburger-margin: 0.6em 1em 0.6em 1em;
  --hamburger-X-position: center;

  --slice-1-width: 20px;
  --slice-1-height: 2px;
  --slice-1-margin: 2.5px 0px;

  --slice-2-width: 100%;
  --slice-2-height: 5px;
  --slice-2-margin: 2px 0px;

  --slice-3-width: 5px;
  --slice-3-height: 5px;
  --slice-3-margin: 2.5px 2.5px;

  --slice-4-width: 45px;
  --slice-4-height: 5px;
  --slice-4-margin: 2.5px 2.5px;

  /* transform */
  --menu-transform-origin-out: right center;
  --menu-transform-out: scaleX(0);

  --menu-transform-origin-in: right center;
  --menu-transform-in: scaleX(1);

  --nested-transform-origin-out: left center;
  --nested-transform-out: scaleX(0);

  --nested-transform-origin-in: left center;
  --nested-transform-in: scaleX(1);
  /* Abstände */
  --nav-item-pd: var(--space-1) var(--space-1) var(--space-1) var(--space-1);
  --nav-item-pd-hover: var(--space-1) var(--space-1) var(--space-1)
    var(--space-1);
  --nav-nested-item-pd: var(--space-2) var(--space-1) var(--space-2)
    var(--space-1);
  --nav-nested-item-pd-hover: var(--space-2) var(--space-1) var(--space-2)
    var(--space-1);
  --navbar-top-position: 0px;
  --navbar-left-position: 0px;
  --menu-top-position: 0px;
  --menu-left-position: 0px;
  --nested-top-position: 0px;
  --nested-left-position: 0px;
  /* colors */
  --nav-item-text-color: rgba(var(--fcolor), var(--alpha, 1));
  --nav-item-text-color-hover: rgba(var(--fcolor-static-invert), var(--alpha, 1));
  --nav-item-bg-color: rgba(var(--background-1), var(--alpha, 1));
  --nav-item-bg-color-hover: rgba(var(--background-2), var(--alpha, 1));
  --nav-nested-item-text-color: rgba(var(--fcolor-static-invert), var(--alpha, 1));
  --nav-nested-item-text-color-hover: rgba(var(--fcolor), var(--alpha, 1));
  --nav-nested-item-bg-color: rgba(var(--background-2), var(--alpha, 1));
  --nav-nested-item-bg-color-hover: rgba(var(--background-1), var(--alpha, 1));
  --nav-hamburger-bg-color: rgba(var(--tertiary), var(--alpha, 1));
  --nav-hamburger-color: rgba(var(--fcolor-static), var(--alpha, 1));
  --nav-arrow-size: 0.55rem;
  --nav-arrow-color: rgba(var(--fcolor), var(--alpha, 1));
  /* logo */
  --nav-logo-height: 70px;
  --nav-logo-padding: var(--space-n2) var(--space-n2) var(--space-n2)
    var(--space-2);
  /* vertical */
  --nav-width-vertical: 100px;

  /* //ANCHOR Tab-Navigation */
  /* Tabs BG & Text */
  --tab-bg-color: rgba(var(--background-1), var(--alpha, 1));
  --tab-text-color: rgba(var(--fcolor), var(--alpha, 1));
  /* Aktiver Tab */
  --tab-active-bg-color: rgba(var(--tertiary), var(--alpha, 1));
  --tab-active-text-color: rgba(var(--fcolor-static), var(--alpha, 1));
  /* Hover */
  --tab-hover-bg-color: rgba(var(--custom-2), var(--alpha, 1));
  --tab-hover-text-color: rgba(var(--fcolor-static), var(--alpha, 1));
  --tab-active-hover-text-color: rgba(var(--fcolor-static), var(--alpha, 1));
  /* Tab-Leiste Hintergrund */
  --tablist-bg-color: rgba(var(--background-2), var(--alpha, 1));
  /* Aktiver Inhalt-Bereich */
  --panel-bg-color: rgba(var(--background-1), var(--alpha, 1));
  --panel-text-color: rgba(var(--fcolor), var(--alpha, 1));
  /* Abstände */
  --tab-padding-y: var(--space-n2);
  --tab-padding-x: var(--space-1);
  --tab-gap: var(--space-n1);
  --panel-padding: var(--space-2);
  /* Indikator (aktiver Strich) */
  --tab-indicator-color: rgba(var(--highlight), var(--alpha, 1));
  --tab-indicator-size: 3px;

  /* //ANCHOR Search-Bar */
  --heightBar: 50px;
  --heightButton: 35px;
  /* Results */
  --top-destance: 0px;
  --trennlinie: 1px solid rgba(var(--fcolor), var(--alpha, 1));
  --result-item-padding: var(--space-1) var(--space-4-resp) var(--space-1)
    var(--space-4-resp);
  /* results-empty  */
  --empty-padding: var(--space-1);
  --empty-align: center;
  
  /* //ANCHOR Cards */
  --card-text-line-height: 2;
  --card-text-line-height-compact: 1.5;
  --social-icon-height: 45px;
  --sozial-trans: -38px;

  /* //ANCHOR Akkordeon */
  --accordion-trigger-bg-color: rgba(var(--neutral-00), var(--alpha, 1));
  --accordion-trigger-bg-color-hover: rgba(var(--custom-2), var(--alpha, 1)); 
  --accordion-trigger-color-hover: rgba(var(--fcolor-static), var(--alpha, 1));
  --accordion-trigger-bg-color-open: rgba(var(--neutral-00), var(--alpha, 0.5)); 
  --accordion-trigger-color: rgba(var(--fcolor-static), var(--alpha, 1));
  --accordion-trigger-padding: var(--space-1);

  --accordion-icon-size: 32px;
  --accordeon-arrow-margin: var(--space-2);

  --accordion-content-bg-color: rgba(var(--background-1), var(--alpha, 1));
  --accordion-content-padding: var(--space-1) var(--space-1) var(--space-1)
    var(--space-1);

  --accordion-separator: var(--border-1) solid
    rgba(var(--fcolor), var(--alpha, 0.08));

  --accordion-disabled-opacity: 0.4;
  --accordion-transition: 0.28s ease-in-out;

  /* //ANCHOR Forms */

  /*  //ANCHOR Window-settings */
  --window-position-top: 15vh;
  --window-position-left: calc(50% - 225px);

  /* //ANCHOR Pixel-Hover */
  /* pixel ─────────────────────────────── */
  --color-range-1-from: #eb8ed4;
  --color-range-1-to: #d3509c;
  /* Farbbereich 2 (optional, deaktiviert wenn gleich) */
  --color-range-2-from: #000000;
  --color-range-2-to: #000000;
  /* pixel2 ────────────────────────────── */
  --color2-range-1-from: #c7eb8e;
  --color2-range-1-to: #445c1d;
  /* Farbbereich 2 (optional, deaktiviert wenn gleich) */
  --color2-range-2-from: #000000;
  --color2-range-2-to: #000000;
  /* pixel3 ────────────────────────────── */
  --color3-range-1-from: #5494e9;
  --color3-range-1-to: #0e3755;
  /* Farbbereich 2 (optional, deaktiviert wenn gleich) */
  --color3-range-2-from: #000000;
  --color3-range-2-to: #000000;
  /* pixel-größen */
  --pixel-w: 100%;
  --pixel-h: 100%;
  --pixel2-w: 20px;
  --pixel2-h: 20px;
  --pixel3-w: 20px;
  --pixel3-h: 20px;
  /* //ANCHOR */
  /* /ANCHOR ----Animationen------------------------------------------------------ */
  /* //ANCHOR Ticker */
  --ticker: 120000ms linear infinite;
  /* //ANCHOR Scale-y */
  --scale-y-time: 200ms;
  --scale-y-origin-from: top center;
  --scale-y-origin-to: top center;
  /* //ANCHOR Scale-x */
  --scale-x-time: 200ms;
  --scale-x-origin-from: top left;
  --scale-x-origin-to: top left;
  /* //ANCHOR HOVER underline */
  --underline-color: rgba(var(--fcolor), var(--alpha, 0.7));
  /* //ANCHOR */
  /* //ANCHOR ----Farben-------------------------------------- */
  --primary: 43, 37, 41;
  --secondary: 231, 231, 231;
  --tertiary: 255, 255, 255; /* 
  --tertiary: 255, 92, 152; */

  --background-1: var(--secondary);
  --background-2: var(--primary);

  --fcolor: 37, 43, 42;
  --fcolor-invert: var(--neutral-100);
  --fcolor-static: 37, 43, 42;
  --fcolor-static-invert: var(--neutral-100);

  --bcolor: var(--fcolor);
  --bcolor-invert: var(--fcolor-invert);
  --bcolor-static: 37, 43, 42;
  --bcolor-static-invert: var(--neutral-100);

  --scolor: 12, 12, 12;
  --scolor-invert: var(--neutral-00);
  --scolor-static: 12, 12, 12;
  --scolor-static-invert: var(--neutral-00);

  --success: 0, 150, 98;
  --warning: 248, 180, 91;
  --error: 247, 79, 79;
  --info: 7, 107, 207;
  --highlight: 204, 00, 93;

  --neutral-00: 245, 245, 245;
  --neutral-100: 230, 230, 230;
  --neutral-200: 215, 215, 215;
  --neutral-300: 200, 200, 200;
  --neutral-400: 185, 185, 185;
  --neutral-500: 170, 170, 170;
  --neutral-600: 155, 155, 155;
  --neutral-700: 140, 140, 140;
  --neutral-800: 125, 125, 125;
  --neutral-900: 110, 110, 110;
  --neutral-1000: 95, 95, 95;
  --neutral-1100: 80, 80, 80;
  --neutral-1200: 65, 65, 65;
  --neutral-1300: 50, 50, 50;
  --neutral-1500: 30, 30, 30;

  --000: 0, 0, 0;
  --fff: 255, 255, 255;

  --custom-1: 255, 132, 189;
  --custom-2: 255, 220, 151;
  --custom-3: 250, 196, 216;
}
@media (prefers-color-scheme: dark) {
  :root {
    --primary: 43, 37, 41;
    --secondary: 231, 231, 231;
    --tertiary: 255, 255, 255;

    --background-1: var(--primary);
    --background-2: 71, 71, 71;

    --fcolor: var(--neutral-100);
    --fcolor-invert: 37, 43, 42;
    --fcolor-static: 37, 43, 42;
    --fcolor-static-invert: var(--neutral-100);

    --bcolor: var(--fcolor);
    --bcolor-invert: var(--fcolor-invert);
    --bcolor-static: 37, 43, 42;
    --bcolor-static-invert: var(--neutral-100);

    --scolor: var(--neutral-00);
    --scolor-invert: 12, 12, 12;
    --scolor-static: 12, 12, 12;
    --scolor-static-invert: var(--neutral-00);

    --success: 86, 216, 131;
    --warning: 248, 180, 91;
    --error: 250, 80, 80;
    --info: 5, 147, 255;
    --highlight: 255, 64, 134;

    --neutral-00: 245, 245, 245;
    --neutral-100: 230, 230, 230;
    --neutral-200: 215, 215, 215;
    --neutral-300: 200, 200, 200;
    --neutral-400: 185, 185, 185;
    --neutral-500: 170, 170, 170;
    --neutral-600: 155, 155, 155;
    --neutral-700: 140, 140, 140;
    --neutral-800: 125, 125, 125;
    --neutral-900: 110, 110, 110;
    --neutral-1000: 95, 95, 95;
    --neutral-1100: 80, 80, 80;
    --neutral-1200: 65, 65, 65;
    --neutral-1300: 50, 50, 50;
    --neutral-1500: 35, 35, 35;

    --000: 0, 0, 0;
    --fff: 255, 255, 255;

    --custom-1: 255, 132, 189;
    --custom-2: 255, 220, 151;
    --custom-3: 250, 196, 216;
  }
}
