:root {
	--sofa-1: rgba(071,150,045,1.00); /* (#47962d) / Grün */
	--sofa-2: rgba(247,211,002,1.00); /* (#f7d302) / Gelb */
	--sofa-3: rgba(255,000,034,1.00); /* (#ff0022) / Rot  */
	--sofa-4: rgba(234,063,247,1.00); /* (#EA3FF7) / Flieder  */

	--light: rgba(239,240,240,1.00); /* (#EFF0F0) */
	--gray: rgba(139,140,144,1.00); /* (#8B8C90) */
	--dark: rgba(040,040,048,1.00); /* (#282830) */

	--sofa-10: rgba(199,200,201,1.00); /* (#c7c8c9) */
	--sofa-20: rgba(160,160,163,1.00); /* (#a0a0a3) */
	--sofa-30: rgba(119,120,124,1.00); /* (#77787c) */
	--sofa-40: rgba(080,080,086,1.00); /* (#505056) */

	--border: rgba(213,214,216,1.00); /* (#202020) */
	--bgcolor: rgba(0,0,0,0.6); /* for spinner */
	--sofa-lightblue: rgba(075,192,192,1.00);
}

::-moz-selection	{	background-color: var(--gray); color: white; }
::selection			{	background-color: var(--gray); color: white; }

	.trend.top, .trend.plus
	{	background-color: var(--sofa-1); }

	.bg-sofa, .trend.minus, .trend.bad, /*.pad > .status.sofa,*/ .hotlineon header .hotline, #hotline, #submenu a:before, table tr.oem-t > td:first-child:before, td.status > *.start, td.status > *.error, #delete .btn
	{	background-color: var(--sofa-3); }

	p a, li > a:hover, td:empty, .txt-sofa, .items > li.red, #hotline a[href^="../"], .pad.bubble.eilt:after, .input-validation-error /* input validation error neu nachRücksprache mit GWR */
	{	color: var(--sofa-3); }
	
	td:empty, input[value=" "], ul.items li.red:before, input[type=text].input-validation-error /* value="" muss sein damit auch komplett leere values erkannt werden*/
	{	box-shadow: inset 0 0 0 2px var(--sofa-3); }

/*	=================================
		BG-Colors
	================================= */
	
	/* BG White */  
	.tooltip, .aside > div, input, select, textarea, header, .overlay > div, input.switch + label:after, #content > div + div, .box, .pad.box, .tooltip > span:after, 
	.tooltip > span > span, .scrollsnaps > *:before, .invers.bubble:after, .pad > .status:before, #layer-helppoints, #hotline a[href^="../"], pad.blank, .dlvcsubmenu
	{	background-color: white; }
	
	/* BG Light  */  
	#content > div, .bg, .hover:hover > *, .pad, .blocks, .filterbar, .searchfix .box, .pad.box.eilt, td.pagina span a:hover, td.sort input + label:hover
	{	background-color: var(--light); }

	/* BG Gray */  
	nav > a, .aside > a, .overlay > a, td.status > *.running
	{	background-color: var(--gray); }
	
	/* BG Dark */
.btn, .btn-upload, .bg-black, .ico.search, #quick, .toplink, nav > div, #submenu:not(.dlvcsubmenu), .bubble:after, .invers, input:checked + label.inv:before, input.switch + label:before, .tooltip > span:before, .change > input + label, .change > input + a, td.sort input:checked + label, td.status > *.pause, td.pagina span a.on, .newsbubble {
	background-color: var(--dark);
}

/*	=================================
		TXT-Colors
	================================= */
	
	/* TXT White */
	.bg-sofa, .helppoint, .bg-black *, .pad > .status.sofa, #quick > a, #quick p, .btn, nav > div *, #hotline *, #submenu:not(.dlvcsubmenu) *, .bubble:after, .invers *, .change > input + label, .change > input + a, input.switch + label:before, .status > a, td.pagina span a.on, .newsbubble {
		color: white;
	}

	/* TXT Dark */  
	*, .btn.sec, .invers.bubble:after, td.status > *.planned, td.status > *.ready, .pad.bubble:after, .dlvcsubmenu
	{	color: var(--dark); }

/*	=================================
		Borders 
	================================= */
	
	/* Border Standard (#e7e7e7) */  
	*, *:before, *:after	
	{	border-color: var(--border); }
	
	input, textarea, select, input + label:before, td.status > *.ready
	{	box-shadow: inset 0 0 0 1px var(--border); }

	/* Border Dark */  
	p.tipp	
	{	border-color: var(--dark); }

	.btn.sec, input:focus, textarea:focus, input:checked + label:before,input[checked=checked] + input[type=hidden]+ label:before, .overlay > div, .tooltip > span:after, table tr.oem-x > td:first-child:before, .items li:before
	{	box-shadow: inset 0 0 0 2px var(--dark); }

	/* Border White */  

	{	border-color: white; }
	
	{	box-shadow: inset 0 0 0 1px white; }

/*	=================================
		Blur 
	================================= */
	
nav, .aside, .overlay				{	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
nav > a, .aside > a, .overlay > a 	{	position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; opacity: 0.50; }


/*
    ECare
*/

.priority1 {
    background-color: var(--sofa-3);
}

.priority2 {
    background-color: var(--sofa-2);
}

.priority3 {
    background-color: var(--sofa-lightblue);
}

.priority4 {
    background-color: rgb(136,140,144);
}

/*
    ACN
*/

.ecall {
	background-color: var(--sofa-4);
}

.major {
    background-color: var(--sofa-3);
}

.medium {
    background-color: var(--sofa-3);
}

.minor {
    background-color: var(--sofa-2);
}

#map {
    height: 600px;
	min-height:200px;
	max-height: 600px;

}

#map button {
    border-radius: initial;
}

button.btn.secondary {
	color: #494950;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #282830;
}

.txt-dark {
	color: var(--dark);
}