@font-face{
  font-family:"NettoReflexRegular";
  src:url("https://know-here.com/fonts/reflex/NettoReflex-Regular.woff2") format("woff2"),url("https://know-here.com/fonts/reflex/NettoReflex-Regular.woff") format("woff");
}
@font-face{
  font-family:"NettoReflexBold";
  src:url("https://know-here.com/fonts/reflex/NettoReflex-Bold.woff2") format("woff2"),url("https://know-here.com/fonts/reflex/NettoReflex-Bold.woff") format("woff");
}



:root {
  --_K15t-font-family-sans: "NettoReflexRegular", ui-sans-serif, sans-serif;
  --K15t-font-family-headline: "NettoReflexBold", ui-sans-serif, sans-serif;
  --K15t-font-family-body: "NettoReflexRegular", ui-sans-serif, sans-serif;
  --K15t-font-body-small: "NettoReflexRegular", ui-sans-serif, sans-serif;

  --K15t-font-size-2x-small: 0.625rem;
  --K15t-font-size-x-small: 0.75rem;
  --K15t-font-size-small: 0.8125rem;
  --K15t-font-size-medium: 1rem;
  --K15t-font-size-medium-large: 1.5rem;
  --K15t-font-size-large: 1.75rem;
  --K15t-font-size-x-large: 2.5rem;
  --K15t-font-size-2x-large: 4.5rem;
  --K15t-font-size-3x-large: 4.5rem;
  --K15t-font-size-headline-x-large: 4rem;
  --K15t-font-size-headline-x-large: var(--K15t-font-size-2x-large);
  --K15t-font-size-headline-large: var(--vp-heading-h1-font-size-mobile);
  --K15t-font-size-headline-medium: var(--K15t-font-size-large);
  --K15t-font-size-headline-small: var(--K15t-font-size-medium-large);
  --K15t-font-size-headline-x-small: var(--K15t-font-size-medium);
  --K15t-font-size-body-medium: var(--vp-font-size-standard);
  --K15t-font-size-body-small: var(--K15t-font-size-small);


/*
  --K15t-font-weight-regular: 400;
  --K15t-font-weight-medium: 700;
  --K15t-font-weight-semi-bold: 700;
  --K15t-font-weight-bold: 700;
  
  --K15t-font-size-headline-large: 3rem;
  --K15t-font-size-headline-medium: 2.125rem;
  --K15t-font-size-headline-small: 1.5rem;
  */

  --K15t-color-neutral-25: #ffffff;
  --K15t-color-neutral-50: #edeeee;
  --K15t-color-neutral-75: #edeeee;
  --K15t-color-neutral-100: #edeeee;
  --K15t-color-neutral-200: #DEDFDF;
  --K15t-color-neutral-300: #BABBBB;
  --K15t-color-neutral-400: #a7a8a8;
  --K15t-color-neutral-500: #9b9c9c;
  --K15t-color-neutral-600: #727373;
  --K15t-color-neutral-700: #646565;
  --K15t-color-neutral-800: #4b4c4c;
  --K15t-color-neutral-850: #4b4c4c;
  --K15t-color-neutral-900: #4b4c4c;
  --K15t-color-neutral-950: #4b4c4c;
  --K15t-color-neutral-1000: #4b4c4c;

  --K15t-color-brand-50: #f4faec;
  --K15t-color-brand-100: #f3fce7;
  --K15t-color-brand-200: #e1f7c4;
  --K15t-color-brand-300: #ccf29d;
  --K15t-color-brand-400: #96c75c;
  --K15t-color-brand-500: #84bd3f; /*original*/
  --K15t-color-brand-600: #619a2e;
  --K15t-color-brand-700: #4e8625;
  --K15t-color-brand-800: #38701c;
  --K15t-color-brand-900: #2e5a18;
  --K15t-color-brand-1000: #2e5a18;

  --_text-color-active: #84bd3f;
  --K15t-link: #84bd3f;
/*
  --K15t-header-background: #84bd3f;
  --K15t-header-foreground: var(--K15t-foreground);
  --K15t-banner-background: #84bd3f;
  --K15t-banner-foreground: var(--K15t-foreground);
  --K15t-footer-background: #f3f4f4;
  --K15t-footer-foreground: var(--K15t-foreground);
  --K15t-background-brand-selected: var(--K15t-background-brand-strong);
  --K15t-foreground-on-brand: white;
  */

  --K15t-color-blue-100: #e7efff;
  --K15t-color-blue-400: #1062fb;
  --K15t-color-blue-500: #0d0dfc;
  --K15t-color-blue-600: #0404a3;

  --K15t-color-yellow-100: #fff6de;
  --K15t-color-yellow-400: #ffc420;

  --K15t-color-green-100: #ccf29d;
  --K15t-color-green-400: #84bd3f;
  --K15t-color-green-900: #38701c;
  
  --K15t-color-red-100: #feedec;
  --K15t-color-red-400: #d12a3a;
  --K15t-color-red-700: #931536;


  --K15t-color-teal-100: #ccf6fd;
  --K15t-color-teal-400: #00d4f5;

  --K15t-color-purple-100: #eae3ff;
  --K15t-color-purple-400: #5d07a0;
  --K15t-color-purple-700: #45057c;



  --K15t-radius-factor: 3;
} 

figure.vp-image img {
  border: none;
}

h1, h2, h3, h4, h5 a {
  color: #84bd3f !important;
}

.vp-accordion-link-group a:is(:hover,:focus,:focus-visible) {
  color: #84bd3f;
}

.panel-macro {
  --color-background: #84bd3f;
  background-color: #84bd3f;
  --vp-border-radius-small: 9px;
}

.panel-macro__icon {
  width: 0px!important;
}

.panel-macro p {
  color: #fff;
  font-size: 1.15rem;
}

::marker {
  color: #84bd3f;
}

.space-overview__hero__header__content__intro--heading {
  color: var(--K15t-color-neutral-1000)!important;
  line-height: 4.7rem;
}

.tile__headline a {
  font-family: var(--K15t-font-family-headline);
}