/* Brand CSS */

:root {
  --yellow : #FFE200;
  --yellow70 : #FFEB4D;
  --yellow30 : #FFF6B2;
  --lilac : #D78ED8;
  --lilac70 : #E3B0E4;
  --lilac30 : #F3DDF3;
  --watermelon : #FF595A;
  --watermelon70 : #FF8B8B;
  --watermelon30 : #FFCDCD;
  --white : #fff;
  --black : #202323;
  --primary: var(--lilac);
  --secondary: var(--yellow);
  --tertiary: var(--watermelon);
  --text : var(--black);
  --gradient_1: linear-gradient(90deg,rgba(157, 200, 234, 1) 0%, rgba(0, 195, 137, 1) 100%);
  --gradient_2: linear-gradient(180deg,rgba(0, 163, 224, 1) 0%, rgba(23, 28, 143, 1) 100%);
  --gradient_3: linear-gradient(180deg,rgba(0, 195, 137, 1) 0%, rgba(5, 29, 73, 1) 100%);
  --gradient_4: linear-gradient(90deg,rgba(157, 200, 234, 1) 0%, rgba(0, 195, 137, 1) 60%, rgba(45, 52, 148, 1) 100%);
  --heading: "vag-rundschrift-d", sans-serif;
  --body: "helvetica-neue-lt-pro", sans-serif;
  --font-xxl: 4.44em;
  --font-xl: 2.66em;
  --font-lg: 2em;
  --font-md_base: 1.55em;
  --font-md: 1.33em;
  --font-sm: 1.22em;
  --font-xs: 0.88em;
  --line-height-1: 1.15em;
  --line-height-2: 1.22em;
  --line-height-3: 1.33em;
  --filter-yellow : brightness(0) saturate(100%) invert(78%) sepia(91%) saturate(928%) hue-rotate(356deg) brightness(98%) contrast(107%);
  --filter-yellow70 : brightness(0) saturate(100%) invert(86%) sepia(92%) saturate(997%) hue-rotate(319deg) brightness(112%) contrast(105%);
  --filter-yellow30 : brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(3313%) hue-rotate(319deg) brightness(109%) contrast(109%);
  --filter-lilac : brightness(0) saturate(100%) invert(90%) sepia(57%) saturate(2246%) hue-rotate(247deg) brightness(88%) contrast(92%);
  --filter-lilac70 : brightness(0) saturate(100%) invert(82%) sepia(48%) saturate(333%) hue-rotate(261deg) brightness(90%) contrast(99%);
  --filter-lilac30 : brightness(0) saturate(100%) invert(99%) sepia(58%) saturate(2813%) hue-rotate(187deg) brightness(110%) contrast(91%);
  --filter-watermelon : brightness(0) saturate(100%) invert(65%) sepia(60%) saturate(5628%) hue-rotate(325deg) brightness(105%) contrast(121%);
  --filter-watermelon70 : brightness(0) saturate(100%) invert(67%) sepia(36%) saturate(4797%) hue-rotate(316deg) brightness(123%) contrast(105%);
  --filter-watermelon30 : brightness(0) saturate(100%) invert(71%) sepia(12%) saturate(576%) hue-rotate(314deg) brightness(115%) contrast(104%);
  --filter-white : invert(1);
  --filter-black : brightness(0) saturate(100%) invert(8%) sepia(10%) saturate(504%) hue-rotate(131deg) brightness(96%) contrast(86%);
}