:root {
	--backgroundcolor: #EEEEEE;
	--backgroundcolor-full: #FFF;
	--backgroundcolor-header: #f2f2f2;
	--backgroundcolor-textpages: #FFF;
	--textcolor: #5a5a5a;
	--textcolor-placeholder: rgb(77, 77, 77);
	--textcolor-button: #000;
	--textcolor-supported: #088A29;
	--textcolor-unsupported: #FF0000;	
	--textcolor-header: #000;
	--textcolor-na: #BABABA;
	--bordercolor: #DDD;
	--table-odd-row-background: #f7f7f7;
	--icon-invert: 0;
	--mode-toggle-grayscale: 0.75;
	--link-color: #337ab7;
	--backgroundcolor-pager-active: #337ab7;
	--bordercolor-pager-active: #337ab7;
	--backgroundcolor-format-table-format: #f4f4f4;
	--color-info-box-brightness: 100%;
	--background-color-input: #fff;
	--textcolor-code: rgb(199, 44, 59);
	--backgroundcolor-button: rgb(239, 239, 239);
	--backgroundcolor-button-hover: rgb(228, 228, 228);
	--textcolor-button-hover: #000;
	--backgroundcolor-pagination-hover: #fff;
	--textcolor-nav: rgb(232, 230, 227);
}

@media (prefers-color-scheme: dark) {
	:root {
		--backgroundcolor: rgb(17, 17, 17);
		--backgroundcolor-full: rgb(24, 26, 27);
		--backgroundcolor-header: rgb(52, 52, 52);
		--backgroundcolor-textpages: rgb(17, 17, 17);
		--textcolor: rgb(175, 168, 158);
		--textcolor-placeholder: rgb(120, 117, 113);
		--textcolor-button: rgb(120, 117, 113);
		--textcolor-supported: rgb(53, 173, 109);
		--textcolor-unsupported: rgb(200, 30, 32);
		--textcolor-header: rgb(165, 165, 165);
		--textcolor-na: #535353;
		--bordercolor: rgb(41, 44, 46);
		--table-even-row-background: rgb(24, 26, 27);
		--table-odd-row-background: rgb(29, 31, 32);
		--icon-invert: 1;
		--mode-toggle-grayscale: 0.5;
		--link-color: rgb(104, 139, 165);
		--backgroundcolor-pager-active: #21517a;
		--bordercolor-pager-active: #21517a;
		--backgroundcolor-format-table-format: rgb(10, 10, 10);
		--color-info-box-brightness: 75%;
		--background-color-input: rgb(59, 59, 59);
		--textcolor-code: rgb(170, 128, 69);
		--backgroundcolor-button: rgb(59, 59, 59);
		--backgroundcolor-button-hover: rgb(90, 90, 90);
		--textcolor-button-hover: rgb(165, 165, 165);
		--backgroundcolor-pagination-hover: rgb(34, 36, 38);
		--textcolor-nav: rgb(232, 230, 227);
	}
}

body {
  padding-bottom: 40px;
  color: var(--textcolor);
  background-color: var(--backgroundcolor);
}

.content {
	padding-top:65px;
}

.marketing .col-lg-4 {
  margin-bottom: 0px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.featurette-divider {
  margin: 25px 0; 
  border: 1px solid var(--textcolor-button);
}

.featurette-heading {
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 10px;
	font-size: 42px;
  }
}

.copyrightexternal {
	font-size: smaller;
}

.infotext {
	font-size: 16px;
}

.page-header {
	margin-top:-20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FAFAFA;
}

.featurette {
	font-size: 18px;
}

.page-center {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	
	font-size: 20px;
	padding: 5px;
	z-index: 100;
}