:root {
	--vcp-blau: #004287;
	--vcp-wasserblau: #00b0eb;
	--vcp-feuerrot: #e94653;
	--vcp-feuergelb: #fecf16;
	--vcp-luftgrau: #cdd1ca;
	--vcp-erdbraun: #603609;
	--vcp-weiss: #FFFFFF;
	--vcp-schwarz: #000000;
	--vcp-stufe-rot: #ed3422;
	--vcp-stufe-gruen: #00834d;
	--vcp-stufe-hellgruen: #5cbd00;
	--vcp-stufe-bordeux: #701a32;
	--vcp-stufe-lila: #4f2778;
}

.vcpll-text-blau, .vcpll-hover-text-blau:hover, .vcpll-active-text-blau.active {color: var(--vcp-blau)!important}
.vcpll-text-wasserblau, .vcpll-hover-text-wasserblau:hover, .vcpll-active-text-wasserblau.active {color: var(--vcp-wasserblau)!important}
.vcpll-text-feuerrot, .vcpll-hover-text-feuerrot:hover, .vcpll-active-text-feuerrot.active {color: var(--vcp-feuerrot)!important}
.vcpll-text-feuergelb, .vcpll-hover-text-feuergelb:hover, .vcpll-active-text-feuergelb.active {color: var(--vcp-feuergelb)!important}
.vcpll-text-luftgrau, .vcpll-hover-text-luftgrau:hover, .vcpll-active-text-luftgrau.active {color: var(--vcp-luftgrau)!important}
.vcpll-text-erdbraun, .vcpll-hover-text-erdbraun:hover, .vcpll-active-text-erdbraun.active {color: var(--vcp-erdbraun)!important}
.vcpll-text-weiss, .vcpll-hover-text-weiss:hover, .vcpll-active-text-weiss.active {color: var(--vcp-weiss)!important}
.vcpll-text-schwarz, .vcpll-hover-text-schwarz:hover, .vcpll-active-text-schwarz.active {color: var(--vcp-schwarz)!important}
.vcpll-text-stufe-rot, .vcpll-hover-text-stufe-rot:hover, .vcpll-active-text-stufe-rot.active {color: var(--vcp-stufe-rot)!important}
.vcpll-text-stufe-gruen, .vcpll-hover-text-stufe-gruen:hover, .vcpll-active-text-stufe-gruen.active {color: var(--vcp-stufe-gruen)!important}
.vcpll-text-stufe-hellgruen, .vcpll-hover-text-stufe-hellgruen:hover, .vcpll-active-text-stufe-hellgruen.active {color: var(--vcp-stufe-hellgruen)!important}
.vcpll-text-stufe-bordeux, .vcpll-hover-text-stufe-bordeux:hover, .vcpll-active-text-stufe-bordeux.active {color: var(--vcp-stufe-bordeux)!important}
.vcpll-text-stufe-lila, .vcpll-hover-text-stufe-lila:hover, .vcpll-active-text-stufe-lila.active {color: var(--vcp-stufe-lila)!important}

.vcpll-blau, .vcpll-hover-blau:hover, .vcpll-active-blau.active {background-color: var(--vcp-blau)!important}
.vcpll-wasserblau, .vcpll-hover-wasserblau:hover, .vcpll-active-wasserblau.active {background-color: var(--vcp-wasserblau)!important}
.vcpll-feuerrot, .vcpll-hover-feuerrot:hover, .vcpll-active-feuerrot.active {background-color: var(--vcp-feuerrot)!important}
.vcpll-feuergelb, .vcpll-hover-feuergelb:hover, .vcpll-active-feuergelb.active {background-color: var(--vcp-feuergelb)!important}
.vcpll-luftgrau, .vcpll-hover-luftgrau:hover, .vcpll-active-luftgrau.active {background-color: var(--vcp-luftgrau)!important}
.vcpll-erdbraun, .vcpll-hover-erdbraun:hover, .vcpll-active-erdbraun.active {background-color: var(--vcp-erdbraun)!important}
.vcpll-weiss, .vcpll-hover-weiss:hover, .vcpll-active-weiss.active {background-color: var(--vcp-weiss)!important}
.vcpll-schwarz, .vcpll-hover-schwarz:hover, .vcpll-active-schwarz.active {background-color: var(--vcp-schwarz)!important}
.vcpll-stufe-rot, .vcpll-hover-stufe-rot:hover, .vcpll-active-stufe-rot.active {background-color: var(--vcp-stufe-rot)!important}
.vcpll-stufe-gruen, .vcpll-hover-stufe-gruen:hover, .vcpll-active-stufe-gruen.active {background-color: var(--vcp-stufe-gruen)!important}
.vcpll-stufe-hellgruen, .vcpll-hover-stufe-hellgruen:hover, .vcpll-active-stufe-hellgruen.active {background-color: var(--vcp-stufe-hellgruen)!important}
.vcpll-stufe-bordeux, .vcpll-hover-stufe-bordeux:hover, .vcpll-active-stufe-bordeux.active {background-color: var(--vcp-stufe-bordeux)!important}
.vcpll-stufe-lila, .vcpll-hover-stufe-lila:hover, .vcpll-active-stufe-lila.active {background-color: var(--vcp-stufe-lila)!important}

.vcpll-border-blau, .vcpll-hover-border-blau:hover, .vcpll-active-border-blau.active {border-color: var(--vcp-blau)!important}
.vcpll-border-wasserblau, .vcpll-hover-border-wasserblau:hover, .vcpll-active-border-wasserblau.active {border-color: var(--vcp-wasserblau)!important}
.vcpll-border-feuerrot, .vcpll-hover-border-feuerrot:hover, .vcpll-active-border-feuerrot.active {border-color: var(--vcp-feuerrot)!important}
.vcpll-border-feuergelb, .vcpll-hover-border-feuergelb:hover, .vcpll-active-border-feuergelb.active {border-color: var(--vcp-feuergelb)!important}
.vcpll-border-luftgrau, .vcpll-hover-border-luftgrau:hover, .vcpll-active-border-luftgrau.active {border-color: var(--vcp-luftgrau)!important}
.vcpll-border-erdbraun, .vcpll-hover-border-erdbraun:hover, .vcpll-active-border-erdbraun.active {border-color: var(--vcp-erdbraun)!important}
.vcpll-border-weiss, .vcpll-hover-border-weiss:hover, .vcpll-active-border-weiss.active {border-color: var(--vcp-weiss)!important}
.vcpll-border-schwarz, .vcpll-hover-border-schwarz:hover, .vcpll-active-border-schwarz.active {border-color: var(--vcp-schwarz)!important}
.vcpll-border-stufe-rot, .vcpll-hover-border-stufe-rot:hover, .vcpll-active-border-stufe-rot.active {border-color: var(--vcp-stufe-rot)!important}
.vcpll-border-stufe-gruen, .vcpll-hover-border-stufe-gruen:hover, .vcpll-active-border-stufe-gruen.active {border-color: var(--vcp-stufe-gruen)!important}
.vcpll-border-stufe-hellgruen, .vcpll-hover-border-stufe-hellgruen:hover, .vcpll-active-border-stufe-hellgruen.active {border-color: var(--vcp-stufe-hellgruen)!important}
.vcpll-border-stufe-bordeux, .vcpll-hover-border-stufe-bordeux:hover, .vcpll-active-border-stufe-bordeux.active {border-color: var(--vcp-stufe-bordeux)!important}
.vcpll-border-stufe-lila, .vcpll-hover-border-stufe-lila:hover, .vcpll-active-border-stufe-lila.active {border-color: var(--vcp-stufe-lila)!important}

.vcpll-text-border-blau {text-shadow: -1px 0 var(--vcp-blau), 0 1px var(--vcp-blau), 1px 0 var(--vcp-blau), 0 -1px var(--vcp-blau);}
.vcpll-text-border-wasserblau {text-shadow: -1px 0 var(--vcp-wasserblau), 0 1px var(--vcp-wasserblau), 1px 0 var(--vcp-wasserblau), 0 -1px var(--vcp-wasserblau);}
.vcpll-text-border-feuerrot {text-shadow: -1px 0 var(--vcp-feuerrot), 0 1px var(--vcp-feuerrot), 1px 0 var(--vcp-feuerrot), 0 -1px var(--vcp-feuerrot);}
.vcpll-text-border-feuergelb {text-shadow: -1px 0 var(--vcp-feuergelb), 0 1px var(--vcp-feuergelb), 1px 0 var(--vcp-feuergelb), 0 -1px var(--vcp-feuergelb);}
.vcpll-text-border-luftgrau {text-shadow: -1px 0 var(--vcp-luftgrau), 0 1px var(--vcp-luftgrau), 1px 0 var(--vcp-luftgrau), 0 -1px var(--vcp-luftgrau);}
.vcpll-text-border-erdbraun {text-shadow: -1px 0 var(--vcp-erdbraun), 0 1px var(--vcp-erdbraun), 1px 0 var(--vcp-erdbraun), 0 -1px var(--vcp-erdbraun);}
.vcpll-text-border-weiss {text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
.vcpll-text-border-schwarz {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.vcpll-text-border-stufe-rot {text-shadow: -1px 0 var(--vcp-schwarz), 0 1px var(--vcp-schwarz), 1px 0 var(--vcp-schwarz), 0 -1px var(--vcp-schwarz);}
.vcpll-text-border-stufe-gruen {text-shadow: -1px 0 var(--vcp-stufe-gruen), 0 1px var(--vcp-stufe-gruen), 1px 0 var(--vcp-stufe-gruen), 0 -1px var(--vcp-stufe-gruen);}
.vcpll-text-border-stufe-hellgruen {text-shadow: -1px 0 var(--vcp-stufe-hellgruen), 0 1px var(--vcp-stufe-hellgruen), 1px 0 var(--vcp-stufe-hellgruen), 0 -1px var(--vcp-stufe-hellgruen);}
.vcpll-text-border-stufe-bordeux {text-shadow: -1px 0 var(--vcp-stufe-bordeux), 0 1px var(--vcp-stufe-bordeux), 1px 0 var(--vcp-stufe-bordeux), 0 -1px var(--vcp-stufe-bordeux);}
.vcpll-text-border-stufe-lila {text-shadow: -1px 0 var(--vcp-stufe-lila), 0 1px var(--vcp-stufe-lila), 1px 0 var(--vcp-stufe-lila), 0 -1px var(--vcp-stufe-lila);}

.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child{background-color:var(--vcp-blau)!important;color:var(--vcp-weiss)!important}
.w3-dropdown-hover.active > .w3-button:first-child, .w3-dropdown-click.active > .w3-button:first-child, .w3-dropdown-hover.active:hover > .w3-button:first-child, .w3-dropdown-click.active:hover > .w3-button:first-child{background-color:var(--vcp-weiss)!important;color:var(--vcp-schwarz)!important}

.vcpll-colors-nav-btn{background-color: var(--vcp-luftgrau)!important;color: var(--vcp-schwarz)!important}
.vcpll-colors-nav-btn:hover{background-color: var(--vcp-blau)!important;color: var(--vcp-weiss)!important}
.vcpll-colors-nav-btn.active, .vcpll-colors-nav-btn.active:hover{background-color: var(--vcp-weiss)!important;color: var(--vcp-schwarz)!important}
.vcpll-colors-nav-dropdown-item{background-color: var(--vcp-luftgrau)!important;color: var(--vcp-schwarz)!important;border-color: var(--vcp-blau)!important}
.vcpll-colors-nav-dropdown-item:hover{background-color: var(--vcp-blau)!important;color: var(--vcp-weiss)!important;border-color: var(--vcp-blau)!important}
.vcpll-colors-nav-dropdown-item.active, .vcpll-colors-nav-dropdown-item.active:hover{background-color: var(--vcp-weiss)!important;color: var(--vcp-schwarz)!important;border-color: var(--vcp-luftgrau)!important}


.w3-dropdown-hover:hover .w3-dropdown-content{display:none}
.w3-dropdown-hover:hover > .w3-dropdown-content{display:block!important}