:root {

  /* --- farben (allgemein & basisfarben) --- */
	--sms:       	#2e9557;
  --sms-aa:     #6F946F;
  --sms-aa-dark:#3F553F;
  --hero:       linear-gradient(to right top, #3c3c3c, #606060, #3c3c3c);
  --main:      	#006fb4;
  --main-dark: 	#005283;
  --main-lite: 	#818181;
	--used:       #c3c9d5;
	--used2:      #A2ACBD;

  --secondary:  #595964;
	--tertiary:   #558D87;
	--tertiary-wcag: #275C2A;

	--bg-top:     var(--lite_F7);
	--bg-page:    var(--secondary);
	--bg-content: var(--lite_F7);
  
  --danger:     #A51B19;
  --info:       transparent;
  --success: 		#28a745;
  --warning: 		#ffc107;
  
  --light: 			#f8f9fa;
  --dark: 			#121619;
	--dark2:      #202124;
  
  --black:      #000;
  --black1:     #111;
  --black3:     #333;
  --black4:     #444;
  --black8:     #888;
  --lite_c:     #ccc;
  --lite_d:     #ddd;
  --lite_e:     #eee;
  --lite_D3:    #D3D3D3;
  --lite_EF:    #EFEFEF;
  --lite_F0:    #F0F0F0;
  --lite_F3:    #F3F3F3;
  --lite_F7:    #F7F7F7;
  --lite_F9:    #F9F9F9;
  --lite_FA:    #FAFAFA;
  --lite_FD:    #FDFDFD;
  --lite_FE:    #FEFEFE;
  --white:      #fff;

  /* text selection */
  --selection-bg:  var(--dark);
  --selection-txt: var(--white);
  /* input,textarea,lists */
  --edata-bg:     var(--lite_F7);
  --edata-bo:     var(--main-dark);
  --edata-bx:     #FFF;
  --edata-txt:    #010305;
  /* eingabefelder: disabled */
  --edata-off-bg: var(--lite_D3);
  --edata-off-txt:var(--black1);
  /* eingabefelder: focus */
  --focus-bg:     lightyellow;
  --focus-bo:     1px solid var(--black3);
  --focus-bx:     0 0 5px rgba(0, 0, 0, .6);
  --focus-txt:    var(--black1);
  /* general: body */
  --body-bg: 			var(--secondary);
  --body-bx:      transparent;
  --body-txt:     var(--black1);
  /* .pg-content */
  --content-bg:   var(--bg-content);
  --content-bx:   var(--bxs-pg-content);
  --content-txt:  var(--black);
  /*   #footer   */
  --footer-bg: 		linear-gradient(to bottom,var(--lite_F3),var(--lite_F0));
  --footer-bo: 		;
  --footer-bx: 		;
  --footer-txt:		;
	/* .topmenu */
	--topmenu-bg:   var(--bg-top);
	--topmenu-bo:   transparent;
	--topmenu-bx:   0 3px 6px #222;
	--topmenu-txt:  #ddd;
  /* #header & .tms */
  --header-bg: 		var(--main-dark);
  --header-bo: 		var(--lite_c);
  --header-bx: 		var(--bxs-header);
  --header-txt: 	var(--light);
  /* object: #menu */
  --menu-bg:      linear-gradient(to bottom,var(--lite_F9),var(--lite_F9));
  --menu-bo:      1px solid #ddd;
  --menu-bx:      var(--bxs1);
  --menu-bx-hvr:  var(--bxs1h);
  --menu-txt:     var(--black);
  /* object: #menu:before = "Navigation" */
  --menu-nav-bg:  var(--main-dark);
  --menu-nav-bo:  transparent;
  --menu-nav-bx:  var(--bxs-nav);
  --menu-nav-txt: var(--light);
  /* ~ h1.title = MAINTITLE */
  --pagetitle-bg: var(--menu-nav-bg);
  --pagetitle-bx: var(--menu-nav-bx);
  --pagetitle-txt:var(--light);
  /* section ~ h2.blocktitle */
	--section-bg:   var(--menu-nav-bg); /*var(--main);*/
  --section-bo:   transparent;
  --section-bx:   0 2px 4px var(--lite_c);
  --section-txt:  var(--light);

  /* buttons: main = content bereich */
  --bMain-bg: 		linear-gradient(to bottom, var(--white), var(--lite_F3));
  --bMain-bo: 		1px solid var(--lite_c);
  --bMain-bx:     transparent;
  --bMain-txt: 		var(--main-dark);
  --bMainAct-bg: 	linear-gradient(to bottom, var(--section-bg), var(--white));
  --bMainAct-bo: 	1px solid var(--main);
  --bMainAct-bx:  transparent;
  --bMainAct-txt: var(--lite_e);
  --bMainHov-bg: 	linear-gradient(to bottom,var(--main),var(--main-dark));
  --bMainHov-bo: 	1px solid var(--main-dark);
  --bMainHov-bx:  transparent;
  --bMainHov-txt: var(--lite_e);
  /* buttons: navigation & more */
  --bNav-bg: 			linear-gradient(to bottom, var(--white), var(--lite_F3));
  --bNav-bo: 			1px solid var(--lite_c);
  --bNav-bx:      transparent;
  --bNav-txt: 		var(--main-dark);
  --bNavAct-bg: 	linear-gradient(to bottom, var(--section-bg), var(--white));
  --bNavAct-bo:   1px solid var(--main);
  --bNavAct-bx:   transparent;
  --bNavAct-txt: 	var(--lite_e);
  --bNavHov-bg: 	linear-gradient(to bottom,var(--main),var(--main-dark)); 
  --bNavHov-bo:   1px solid var(--main-dark);
  --bNavHov-bx:   transparent;
  --bNavHov-txt: 	var(--lite_e);
  /* buttons: page = content bereich  */
  --bPage-bg: 		var(--main-dark);
  --bPage-bo: 		1px solid transparent;
  --bPage-bx:     transparent;
  --bPage-txt: 		var(--white);  
  --bPageAct-bg: 	var(--main-dark);
  --bPageAct-bo:  1px solid transparent;
  --bPageAct-bx:  transparent;
  --bPageAct-txt: var(--white);
  --bPageHov-bg: 	var(--main-lite);
  --bPageHov-bo:  1px solid transparent;
  --bPageHov-bx:  transparent;
  --bPageHov-txt: var(--white);
  /* buttons: back ---------- */
  --bReturn-bg:   var(--black);
  --bReturn-bo:   1px solid var(--black3);
  --bReturn-fo:		linear-gradient(to bottom,var(--black4),var(--black8));
  --bReturn-hv:		linear-gradient(to bottom, var(--black4), var(--black8));
  --bReturn-txt:  var(--white);
  /*  buttons: .divsubmit */
  --bSubmit-bg: 	#00487C;
  --bSubmit-bo: 	1px solid #00487C;
  --bSubmit-bx: 	var(--bxs-submit);
  --bSubmit-txt: 	var(--white);
  /* buttons: special: "used" --- act: active, hov:hover&focus*/
  --bUsed-bg:     var(--used);
  --bUsed-bo:     var(--black4);
  --bUsed-bx:     var(--bxs1);
  --bUsed-txt:    var(--black);
  --bUsedAct-bg:  #3E4756;
  --bUsedAct-bo:  var(--black4);
  --bUsedAct-bx:  var(--bxs1);
  --bUsedAct-txt: var(--main-lite);
  --bUsedHov-bg:  #3E4756;
  --bUsedHov-bo:  1px solid rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.45);
  --bUsedHov-bx:  transparent;
  --bUsedHov-txt: var(--white);
  /* buttons: specials  */
  --btn-pad: 			10px 8px 10px 8px;
  --btn-margin: 	4px 0 4px 0;
  /* box-shadows */
  --bxs:						transparent;
  --bxs1:           0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
  --bxs1h:          0 3px 8px 0 rgba(0,0,0,0.2) , 0 0 0 1px rgba(0,0,0,0.08);
  --bxs-pg-content: 4px 0 12px -4px #acacac, -4px 0 12px -4px #acacac;
  --bxs-header:     0 5px 16px var(--lite_d);
  --bxs-nav:        0 2px 4px var(--lite_c);
  --bxs-menu:       0 4px 8px var(--black8);
  --bxs-auswahl:    0 1px 4px 0 rgba(0,0,0,0.2);
  --bxs-blocktitle: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
  --bxs-input:      --bxs;
  --bxs-submit:     0 2px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
  /* error box */
  --error-bg:       #f7f9fc;
  --error-bo:       #E43A45;
  --error-txt:      var(--black3);
  /* horizontal border */
  --hr-border:      1px dashed var(--main);
	/* textfarben allgemein*/
  --txt-data:       #00487C;
  --txt-lite:       #D0DDE7;
  --txt-submit-act: var(--white);
}

#header img {
	filter: hue-rotate(95deg) !important;
}