/*
Theme Name: BB Child Theme MED:ON Brandportal
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Child theme für MED:ON Website.
Author: BHC Brand Health&Care
Author URI: https://bhc.ag
template: bb-theme
*/

:root {
  --blau1: #14387F;
  --blau2: #009FE3;
  --blau3: #AFDDFF;
  --akzent: #FFB800;
  --neutral1: #51626A;
  --neutral2: #A1AAAD;
  --neutral3: #EBEFF1;
  --neutral4: #F7F9FA;
  --black: #000000;
  --white: #ffffff;
  --gridbit: 40px;
  --opacity: 0.9;
}

@font-face {
  font-family: "KSM-Webfont";
  src:  url('fonts/ksm-webfont-regular.woff') format('woff'),
        url('fonts/ksm-webfont-regular.ttf') format('truetype'),
        url('fonts/ksm-webfont-regular.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "KSM-Webfont";
  src:  url('fonts/ksm-webfont-regularit.woff') format('woff'),
        url('fonts/ksm-webfont-regularit.ttf') format('truetype'),
        url('fonts/ksm-webfont-regularit.eot?#iefix') format('embedded-opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "KSM-Webfont";
  src:  url('fonts/ksm-webfont-bold.woff') format('woff'),
        url('fonts/ksm-webfont-bold.ttf') format('truetype'),
        url('fonts/ksm-webfont-bold.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "KSM-Webfont";
  src:  url('fonts/ksm-webfont-boldit.woff') format('woff'),
        url('fonts/ksm-webfont-boldit.ttf') format('truetype'),
        url('fonts/ksm-webfont-boldit.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "KSM-Webfont";
  src:  url('fonts/ksm-webfont-black.woff') format('woff'),
        url('fonts/ksm-webfont-black.ttf') format('truetype'),
        url('fonts/ksm-webfont-black.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-display: swap;
}

/* Gutenberg Text Colors */
.has-color-1-color {
	color: var(--blau1);
}
.has-color-2-color {
	color: var(--blau2);
}
.has-color-3-color {
	color: var(--blau3);
}
.has-color-4-color {
	color: var(--akzent);
}
.has-color-5-color {
	color: var(--neutral1);
}
.has-color-6-color {
	color: var(--neutral2);
}
.has-color-7-color {
	color: var(--neutral3);
}
.has-color-8-color {
	color: var(--neutral4);
}
.has-color-9-color {
	color: var(--black);
}
.has-color-10-color {
	color: var(--white);
}
/* Gutenberg Background Colors */
.has-color-1-background-color {
	background-color: var(--blau1);
}
.has-color-2-background-color {
	background-color: var(--blau2);
}
.has-color-3-background-color {
	background-color: var(--blau3);
}
.has-color-4-background-color {
	background-color: var(--akzent);
}
.has-color-5-background-color {
	background-color: var(--neutral1);
}
.has-color-6-background-color {
	background-color: var(--neutral2);
}
.has-color-7-background-color {
	background-color: var(--neutral3);
}
.has-color-8-background-color {
	background-color: var(--neutral4);
}
.has-color-9-background-color {
	background-color: var(--black);
}
.has-color-10-background-color {
	background-color: var(--white);
}