:root
{
	--light-red    : #c398a1;
	--light-yellow : #ccc9ba;
	--medium-red   : #645052;
	--blue         : #00285c;
	
	--app-brown-dark: #333333;
	--app-brown-medium: #666666;
	--app-gray : #eeeeee;
	--app-gray-light : #f6f6f6;
	--app-red : #ea1b0a;
	--app-black : #000000;
	--app-blue : #1ea2b1;
	--app-blue-dark: #2b91a3;
	--app-blue-light: #4bb5c1;

	--app-highlight : #ff5000;
	--app-highlight-dark : #da4c0d;
	--app-highlight-light : #ff6924;
	--app-highlight-rgba: rgba(255 80 0 / 25%);

	--channel-color-id-1 : #19A7CE;/*SEA*/
	--channel-color-id-2 : #863A6F;/*SEO*/
	--channel-color-id-3 : #E06469;/*Newsletter*/
	--channel-color-id-4 : #293462;/*Affiliate*/
	--channel-color-id-5 : #FEB139;/*Social*/
	--channel-color-id-6 : #F7DB6A;/*Referral*/
	--channel-color-id-7 : #557153;/*Direct*/
	--channel-color-id-8 : #A0C3D2;/*Intern*/
	--channel-color-id-9 : #EAC7C7;/*Display*/
	--channel-color-id-10 : #41157c;/*Kooperationen*/
	--channel-color-id-11 : #7f5fc4;/*Preisvergleich*/
}

.channel-color-id-1 {
	color: var(--channel-color-id-1); /*SEA*/
}

.channel-color-id-2 {
	color: var(--channel-color-id-2); /*SEO*/
}

.channel-color-id-3 {
	color: var(--channel-color-id-3); /*Newsletter*/
}

.channel-color-id-4 {
	color: var(--channel-color-id-4); /*Affiliate*/
}

.channel-color-id-5 {
	color: var(--channel-color-id-5); /*Social*/
}

.channel-color-id-6 {
	color: var(--channel-color-id-6); /*Referral*/
}

.channel-color-id-7 {
	color: var(--channel-color-id-7); /*Direct*/
}

.channel-color-id-8 {
	color: var(--channel-color-id-8); /*Intern*/
}

.channel-color-id-9 {
	color: var(--channel-color-id-9); /*Display*/
}

.channel-color-id-10 {
	color: var(--channel-color-id-10); /*Kooperationen*/
}

.channel-color-id-11 {
	color: var(--channel-color-id-11); /*Preisvergleich*/
}

.channel-bg-color-id-1 {
	background-color: var(--channel-color-id-1); /*SEA*/
}

.channel-bg-color-id-2 {
	background-color: var(--channel-color-id-2); /*SEO*/
}

.channel-bg-color-id-3 {
	background-color: var(--channel-color-id-3); /*Newsletter*/
}

.channel-bg-color-id-4 {
	background-color: var(--channel-color-id-4); /*Affiliate*/
}

.channel-bg-color-id-5 {
	background-color: var(--channel-color-id-5); /*Social*/
}

.channel-bg-color-id-6 {
	background-color: var(--channel-color-id-6); /*Referral*/
}

.channel-bg-color-id-7 {
	background-color: var(--channel-color-id-7); /*Direct*/
}

.channel-bg-color-id-8 {
	background-color: var(--channel-color-id-8); /*Intern*/
}

.channel-bg-color-id-9 {
	background-color: var(--channel-color-id-9); /*Display*/
}

.channel-bg-color-id-10 {
	background-color: var(--channel-color-id-10); /*Kooperationen*/
}

.channel-bg-color-id-11 {
	background-color: var(--channel-color-id-11); /*Preisvergleich*/
}

.form-control:focus
{
	outline: 0;
	color: #495057;
	background-color: #fff;
	border-color: var(--app-highlight) !important;
	box-shadow: 0 0 0 0.2rem var(--app-highlight-rgba) !important;
}