@media (prefers-color-scheme: light) {
	body, #logo { color: #444; background-color: whitesmoke;}
	#logo {  -webkit-background: url("/img/star32.svg") 0.25em no-repeat;background: url("/img/Logo_star1.svg") 0.25em/1.15em no-repeat;}
	#body { background: whitesmoke; }
	#header { background: dodgerblue; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
	#header header, #body .wrapper, .chapter:nth-of-type(odd) { background: #fefefe; }
	.chapter:nth-of-type(even) { background: ghostwhite; }
	section.wrapper > h2 { border-bottom: 1px dotted lightgrey; }
	.chapter { border-bottom: 1px dotted gainsboro; }



	#menu { background: dodgerblue; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
	label[for="showmenu"] { background: url("/img/application-menu.svg") center center/3em no-repeat; }
	label[for="showmenu"]:hover {   background: gainsboro url("/img/application-menu.svg") center center/3em no-repeat; }
	#showmenu:checked ~ label[for="showmenu"] { background: dodgerblue url("/img/application-menu.svg") center center/3em no-repeat; }
	#menu li input ~ div label { background: url("/img/go-next.svg") center center/1em no-repeat; }
	#menu li input ~ div:hover label { background: gainsboro url("/img/go-next.svg") center center/1em no-repeat; }
	.submenu { background: #fefefe; border: 1px solid #ddd; }
	input[name*="menu"]:checked ~ div a { background: whitesmoke; }
	#menu input[name*="menu"]:checked ~ div label { background: gainsboro url("/img/go-down.svg") center center/1em no-repeat; }
	#menu li:hover input[name*="menu"]:checked ~ div a { background: whitesmoke; color: #555; }
	#menu li:hover input[name*="menu"]:checked ~ div label { background: gainsboro url("/img/go-down.svg") center center/1em no-repeat; }
	#menu li:hover input[name*="menu"]:checked ~ div a:hover { background: dodgerblue; color: ghostwhite; }
	#menu li { background: #fefefe; }
	#menu a { color: #444; }
	#menu li:hover { background: dodgerblue; }
	#menu li:hover > a, #menu li:hover > div a { color: ghostwhite; }
	#searchbox { border: 3px solid gainsboro; background: #fefefe; }
	#searchbox::after { border-color: transparent transparent gainsboro transparent; }
	label[for="showsearchbox"] { background: url("/img/edit-find.svg") center center/3em no-repeat; }
	label[for="showsearchbox"]:hover { background: gainsboro url("/img/edit-find.svg") center center/3em no-repeat; }
	#showsearchbox:checked ~ label[for="showsearchbox"] { background: dodgerblue url("/img/edit-find.svg") center center/3em no-repeat; }
	#searchbox input[name="q"] { color: dimgrey; background: white url("/img/duckduckgo-logo32.png") 0.25em center/2em no-repeat; }
	#searchbox input[name="btnG"]:hover { background: ghostwhite url("/img/edit-find.svg") center center/3em no-repeat; }
	.flex div:nth-of-type(2) { border: 3px solid gainsboro; }
	.flex img:hover { -webkit-filter: sepia(30%); filter: sepia(30%); }
	.flexbox section:hover { background: gainsboro; }
	.chapter aside { background: whitesmoke url("/img/info.svg") 2% 40%/7em no-repeat; border: 1px dashed gainsboro; }
	aside.warning { background: gainsboro url("/img/hint.svg") 2% 40%/6em no-repeat; }

	#body nav label{ background:ghostwhite; color:dimgrey; }
	#body nav input[name='breadcrumb']:checked+label{ background:dodgerblue;color:white; }
	#body nav div.breadcrumb{ border:1px solid ghostwhite; box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.2); }
	#body nav a{ background:#fefefe; color:dimgrey; }
	#body nav a:hover{ background:gainsboro; }
	#body nav a:hover sup{ background:gainsboro; }
	#body nav div.breadcrumb a{ color:dimgrey; }
	#body nav div.breadcrumb a:hover{ background:dodgerblue;color:ghostwhite; }
	#body nav div.breadcrumb a:hover sup{ background:dodgerblue;color:ghostwhite; }
	#body nav>ul:not(:first-of-type)>li.checked a{ color:ghostwhite; }
	#body nav>ul>li.checked a{ background:dodgerblue; }
	#body nav>ul>li.checked a sup{ background:dodgerblue;	}
	/* breacrumb menus icons
	 */
	#body nav *{ background:#fefefe; }
	#body nav label:hover{ background:lightgrey;color:dimgrey; }
	#body nav>ul>li:hover+div label{ background:lightgrey; color:dimgrey; }



	#body nav .breadcrumb a[href*="data"]{
		background:url(/img/bc_data.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="data"]{
		background:dodgerblue url(/img/bc_data.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb a[href*="win"]{
		background:url(/img/bc_win.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="win"]{
		background:dodgerblue url(/img/bc_win.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb a[href*="repair"]{
		background:url(/img/bc_repair.svg) -1px center/2em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="repair"]{
		background:dodgerblue url(/img/bc_repair.svg) -1px center/2em no-repeat;
	}
	#body nav .breadcrumb a[href*="opt"]{
		background:url(/img/bc_opt.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="opt"]{
		background:dodgerblue url(/img/bc_opt.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb a[href*="pack"]{
		background:url(/img/bc_packs.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="pack"]{
		background:dodgerblue url(/img/bc_packs.svg) 2px center/1.5em no-repeat;
	}
	#body nav .breadcrumb a[href*="ubuntu"]{
		background:url(/img/bc_ubuntu.svg) -1px center/2em no-repeat;
	}
	#body nav .breadcrumb li a:hover[href*="ubuntu"]{
		background:dodgerblue url(/img/bc_ubuntu.svg) -1px center/2em no-repeat;
	}


	#body > :not(nav):not(#banner) a:not([href*=".jpg"]) { color: dodgerblue; border-bottom: 1px dotted transparent; }
	#body > :not(nav):not(#banner) a:not([href*=".jpg"]):not([href*="doc/DE/"]):not([href*="doc/cat/"]):hover { color: deepskyblue; border-bottom: 1px dotted deepskyblue; }
	footer { background: rgb(51, 51, 51); }
	#feature { border: 1px dashed gainsboro; background: whitesmoke; }
	#footer1 { background: url("/img/Logo_star1.svg") 100% 2em/10em no-repeat; }
	footer ul:first-of-type { border-left: 3px solid #555; }
	footer a { color: #fefefe; border-bottom: 1px dotted transparent; }
	footer a:hover { color: dodgerblue; border-bottom: 1px dotted dodgerblue; }
	#body nav>ul:first-of-type>li a{
		color:transparent;
	}

	#banner label h2 { color: #666; }
	#banner label:hover { background: gainsboro; }

	@media (max-width: 59.99em) {
		/* breadcumb icons  
		 */
		#body nav>ul:first-of-type>li a[href*="win"]{
			background:url(/img/bc_win.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li a:hover[href*="win"]{
			background:gainsboro url(/img/bc_win.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li.checked a[href*="win"]{
			background:dodgerblue url(/img/bc_win.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li a[href*="ubuntu"]{
			background:url(/img/bc_ubuntu.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li a:hover[href*="ubuntu"]{
			background:gainsboro url(/img/bc_ubuntu.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li.checked a[href*="ubuntu"]{
			background:dodgerblue url(/img/bc_ubuntu.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li a[href*="opt"]{
			background:url(/img/bc_opt.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li a:hover[href*="opt"]{
			background:gainsboro url(/img/bc_opt.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li.checked a[href*="opt"]{
			background:dodgerblue url(/img/bc_opt.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li a[href*="repair"]{
			background:url(/img/bc_repair.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li a:hover[href*="repair"]{
			background:gainsboro url(/img/bc_repair.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li.checked a[href*="repair"]{
			background:dodgerblue url(/img/bc_repair.svg) -4px center/4em no-repeat;
		}
		#body nav>ul:first-of-type>li a[href*="pack"]{
			background:url(/img/bc_packs.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li a:hover[href*="pack"]{
			background:gainsboro url(/img/bc_packs.svg) 2px center/3em no-repeat;
		}
		#body nav>ul:first-of-type>li.checked a[href*="pack"]{
			background:dodgerblue url(/img/bc_packs.svg) 2px center/3em no-repeat;
		}
	}
	@media only screen {
	/* Tablets */
		@media (min-width: 40em) {
			body {
				color: dimgrey;
			}
			.chapter aside {
				background: whitesmoke url("/img/info.svg") 6% 40%/8em no-repeat;
			}
			aside.warning {
				background: gainsboro url("/img/hint.svg") 6% 40%/7em no-repeat;
			  }
			#searchbox {
				border: 1px solid gainsboro;
			}
			  #searchbox input[name="q"] {
				background: white;
			}
			#searchbox input[name="q"]:focus {
				background: white url("/img/duckduckgo-logo32.svg") 0.25em center/2em no-repeat;
			}
			#body nav>ul:first-of-type>li a{
				color:grey;
			}
			#body nav>ul:first-of-type>li.checked a{
				color:white;
			}
		}
		/* Desktops */
		@media (min-width: 48em) and (max-resolution: 150dpi) {
			#body {
				box-shadow: 0 1px 4em black;
			}
		}
		@media (min-width: 60em) and (max-resolution: 150dpi) {
			#menu {
				box-shadow: none;
			}
			#menu ~ * {
				background: #fefefe;
			}
			#menu .submenu li input[name*="menu"]:checked ~ div label {
				background: gainsboro url("/img/go-next.svg") center center/1em no-repeat;
			}
			#menu .submenu li:hover input[name*="menu"]:checked ~ div label {
				background: gainsboro url("/img/go-next.svg") center center/1em no-repeat;
			}
			#menu li input[name="menu"] ~ div label {
				background: url("/img/go-down.svg") center center/1em no-repeat;
			}
			#menu .submenu li:hover input ~ div label {
				background: url("/img/go-next.svg") center center/1em no-repeat;
			}
		}
		@media (min-width: 60em) {
			#body nav > ul:first-of-type > li a {
				color: grey;
			}
			#body nav > ul > li.checked a {
				color: ghostwhite;
			}
		}
	}
}