@font-face {
	font-family: Flexo;
	src: url("./media/Flexo-Medium-KM4NUGXD.woff2") format("woff2"), url("./media/Flexo-Medium-4T6KTGIJ.woff") format("woff"), url("./media/Flexo-Medium-QXGEHP75.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	font-family: Flexo, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

:root {
	--electricity-colour: #ea5297;
	--electricity-colour-min: #d86ecc;
	--electricity-colour-max: #b352ac;
	--data-colour: #1e83b3;
	--data-colour-min: #66c9c3;
	--data-colour-max: #00a595;
	--colour-tooltip-background: rgba(254, 254, 254, .831372549);
	--colour-tooltip-font: #1a171b
}

:root[data-color-scheme=light][data-org=energiewende] {
	--circle-shadow-colour: rgba(0, 0, 0, .25);
	--colour-chart-background: #eaf0f3
}

:root[data-color-scheme=dark][data-org=energiewende] {
	--circle-shadow-colour: rgba(255, 255, 255, .25);
	--colour-chart-background: #250e47
}

:root {
	--font-family: "Flexo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-x-small: .75rem;
	--font-small: .875rem;
	--font-regular: 1rem;
	--font-large: 1.25rem;
	--font-x-large: 1.5rem;
	--font-weight-extra-thin: 400;
	--font-weight-thin: 500;
	--font-weight-regular: 600;
	--font-weight-bold: 700;
	--line: 1px;
	--roundness: 4px;
	--shadow: 0 2px 10px #1a171b33;
	--timing: .421s;
	--ease: cubic-bezier(.4, 0, .2, 1);
	--spacing: clamp(1.7rem, .8611111111rem + .6944444444cqi, 1.5rem);
	--infinity: calc(infinity * 1px)
}

:root[data-color-scheme=light][data-org=energiewende] {
	--colour-background: white;
	--colour-background-alternate: #eaf0f3;
	--colour-background-highlight: #e0f1fa;
	--colour-font: #1a171b;
	--colour-font-highlight: #190a2f;
	--colour-highlight: #d05094;
	--colour-highlight-lighter: #d973a9;
	--colour-highlight-shadow: #d0509433;
	--colour-highlight-alternate: #64b9e4;
	--colour-highlight-alternate-shadow: #64b9e433;
	--colour-input-background: #ffffff;
	--colour-input-background-hover: #e0f1fa;
	--colour-input-border: #bab9bb;
	--colour-input-border-highlight: #1a171b;
	--colour-input-highlight: #e8e8e8;
	--colour-radio-border-highlight: #1a171b;
	--colour-background-calendar: white;
	--colour-background-tooltip: #1a171bd9;
	--colour-font-calendar: #1a171b;
	--colour-font-calendar-highlight: #190a2f;
	--colour-calendar-selected: #e0f1fa;
	--colour-calendar-hover: #e8e8e8;
	--colour-info: #64b9e4;
	--colour-toggle-button: #eaf0f3;
	--colour-toggle-button-hover: #e0f1fa;
	--colour-toggle-button-active: #83C7E9;
	--colour-tooltip-background: #fefefed4;
	--colour-tooltip-font: #1a171b
}

:root[data-color-scheme=dark][data-org=energiewende] {
	--colour-background: #190a2f;
	--colour-background-alternate: #250e47;
	--colour-background-highlight: #3b2659;
	--colour-font: #eaf0f3;
	--colour-font-highlight: #190a2f;
	--colour-highlight: #d05094;
	--colour-highlight-lighter: #d973a9;
	--colour-highlight-shadow: #d0509433;
	--colour-highlight-alternate: #64b9e4;
	--colour-highlight-alternate-shadow: #64b9e433;
	--colour-input-background: #1a171b;
	--colour-input-background-hover: #383539;
	--colour-input-border: #815194;
	--colour-input-border-highlight: #9d78ac;
	--colour-input-highlight: #383539;
	--colour-radio-border-highlight: #eaf0f3;
	--colour-background-calendar: white;
	--colour-background-tooltip: #1a171bd9;
	--colour-font-calendar: #1a171b;
	--colour-font-calendar-highlight: #190a2f;
	--colour-calendar-selected: #e0f1fa;
	--colour-calendar-hover: #e8e8e8;
	--colour-info: #64b9e4;
	--colour-toggle-button: #3b2659;
	--colour-toggle-button-hover: #815194;
	--colour-toggle-button-active: #8f65a0;
	--colour-tooltip-background: #fefefed4;
	--colour-tooltip-font: #1a171b
}

:root[data-color-scheme=light][data-org=industry] {
	--colour-background: white;
	--colour-background-alternate: #eaf0f3;
	--colour-background-highlight: #f6f8fa;
	--colour-font: #1a171b;
	--colour-font-highlight: #072831;
	--colour-highlight: #2fac66;
	--colour-highlight-lighter: #44b475;
	--colour-highlight-shadow: #2fac6633;
	--colour-highlight-alternate: #d2dde4;
	--colour-highlight-alternate-shadow: #d2dde433;
	--colour-input-background: #ffffff;
	--colour-input-background-hover: #f6f8fa;
	--colour-input-border: #bab9bb;
	--colour-input-border-highlight: #73b0c9;
	--colour-input-highlight: #f6f8fa;
	--colour-radio-border-highlight: #73b0c9;
	--colour-background-calendar: white;
	--colour-font-calendar: #1a171b;
	--colour-background-tooltip: #1a171bd9;
	--colour-font-calendar-highlight: #2fac66;
	--colour-calendar-selected: #f6f8fa;
	--colour-calendar-hover: #f6f8fa;
	--colour-info: #44b475;
	--colour-tooltip-background: #fefefed4;
	--colour-tooltip-font: #1a171b
}

:root[data-color-scheme=dark][data-org=industry] {
	--colour-background: #072831;
	--colour-background-alternate: #09333e;
	--colour-background-highlight: #09333e;
	--colour-font: #eaf0f3;
	--colour-font-highlight: #072831;
	--colour-highlight: #2fac66;
	--colour-highlight-lighter: #44b475;
	--colour-highlight-shadow: #2fac6633;
	--colour-highlight-alternate: #d2dde4;
	--colour-highlight-alternate-shadow: #d2dde433;
	--colour-input-background: #072831;
	--colour-input-background-hover: #09333e;
	--colour-input-border: #0e5162;
	--colour-input-border-highlight: #73b0c9;
	--colour-input-highlight: #1c673d;
	--colour-radio-border-highlight: #eaf0f3;
	--colour-background-calendar: white;
	--colour-font-calendar: #1a171b;
	--colour-background-tooltip: #1a171bd9;
	--colour-font-calendar-highlight: #2fac66;
	--colour-calendar-selected: #f6f8fa;
	--colour-calendar-hover: #f6f8fa;
	--colour-info: #44b475;
	--colour-tooltip-background: #fefefed4;
	--colour-tooltip-font: #1a171b
}
app-root .header-container::before{content:"Choose the parameters to compare";display:block;text-align:center;font-size:1.1rem;font-weight:400;margin:0 0 .15rem;color:inherit}

app-root .nav-top-container{padding-top:1.35rem !important;}