: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);
}