/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html {
	font-family: sans-serif;
	line-height: 1.15;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
    font-weight: 300;
	color: #fff;
	background-color: #333670;
}

b,
strong {
  font-weight: 700;
}

h1, h2, h3 {
	line-height: 2.5em;
}

h1 {
	font-size: 2.75em;
	color: #ec9a18;
	font-weight: 700;
	line-height: 1.2em;
}

h2 {
  font-size: 2em;
  color: #ec9a18;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
}

.text-bg-light h1,
.text-bg-light h2 {
  color: #272a58;
  font-weight: 700;
}

h3 {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase;
}

h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2em;
}

h4 small {
  font-weight: 400;
  color: #ec9a18;
}

h5 {
  font-weight: 400;
  color: #ec9a18;
}

a {
	color: #ef9c19;
	text-decoration: none;
	background-color: transparent;
}

header {
	background-color: #272759 !important;
}

@media (max-width: 569px) {
	.navbar-brand-logo {
		width: 50vw !important;
		height: auto;

	}
}

.nav-link {
	color: #ef9c19;
  font-weight: 400;
}

.nav-link:hover {
	color: #fff;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
	color: #fff;
	font-weight: 600;
}

.nav-link:focus, .nav-link:hover {
  color: #fff;
}

.navbar-toggler {
	color: #ef9c19;
	box-shadow: none !important;
}

.card,
.btn,
.form-control,
.form-select {
	border-radius: 0;
}

.bg-primary {
	background-color: #272759 !important;
    color: #fff !important;
}

.bg-warning,
.btn-warning {
	background-color: #ef9c19 !important;
	color: #272759;
}

.card-header:first-child {
	border-radius: 0;
	text-transform: uppercase;
}

.btn {
	text-transform: uppercase;
}

.btn-warning {
	border-color: #ef9c19;
}

.btn-link {
	color: #ef9c19;
	text-transform: none;

}

.btn-light {
  color: #272759;
}

.btn-light:hover {
  color: #333670;
}

.text-bg-dark {
  color: #fff !important;
  background-color: #272759 !important;
}

.boldgreen {
  font-weight: bold;
  color: rgb(25, 135, 84) !important;
}

.text-bg-light {
  color: #272a58 !important;
  background-color: #e7e7e7 !important;
}

.text-bg-light .nav-link:hover {
    color: #333;
}

header .text-bg-light .nav-link:hover,
.text-bg-light .nav-link.active:hover {
    color: #fff;
}

hr.blue_line {
  border: 0;
  border-top: 1px solid #363a71;
  height: 1px;
}

#test {
  background: #eee;
  color: #272a58;
}

#test #main h1 {
  color: #ec9a18;
}

#test #main h2 {
  color: #272A58;
}

#test #main h3 {
  color: #272A58;
  margin: 1em 0 0.5em;
}

#test #main h4,
#test #main h5 {
  color: #272A58;
}

#test #main a {
  color: #7ca7d7;
  font-weight: 600;
}

#test_progress {
  border: 0px solid;
  margin: 20px auto;
  overflow: hidden;
}

#test_progress p {
  color: #a6a1a1;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 18px;
}

#progresscontainer {
  float: left;
  width: 100%;
  height: 18px;
  background: #b8b8b8;
  border-radius: 9px;
  box-shadow:inset 0px 3px 3px 0px #888;
}

#progressbar {
  width: 98%;
  margin: auto;
  height: 2px;
  background: #333;
  margin-top: 8px;
}

#progress {
  height: 100%;
  background: #ef9c19;
  width: 10%;
}

.schnelltest_tablebox,
.test_tablebox,
.evaluation_tablebox {
  border: 1px solid #363a71;
  margin: 15px 0 30px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 3px 3px #888;
  -webkit-box-shadow: 0 0 3px 3px#888;
  box-shadow: 0 0 3px 3px #888;
}

.test_tablebox th {
  font-style: italic;
}

.test_tablebox th:first-child {
  -moz-border-radius: 4px 0 0 0;
  -khtml-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}

.test_tablebox th:last-child {
  -moz-border-radius: 0 4px 0 0;
  -khtml-border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}

.test_tablebox tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 4px;
  -khtml-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.test_tablebox tr:last-child td:last-child {
  -moz-border-radius: 0 0 4px 0;
  -khtml-border-radius: 0 0 4px 0;
  -webkit-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}

.test_tablebox td {
  vertical-align: middle;
}

.test_tablebox tbody tr td:first-child span {
  font-size: 1.1em;
  display: inline-block;
  color: #fff;
  background: #bfbebe;
  width: 2em;
  text-align: center;
  height: 2em;
  line-height: 2em;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 5px -5px 5px #888;
  -webkit-box-shadow: inset 0 0 5px 5px#888;
  box-shadow: inset 0 2px 2px #888;
}

.tablebox_orange {
  border: 1px solid #ef9c19;
}

.tablebox_orange thead th {
  background: #ef9c19;
}

.tablebox_grey {
    border: 1px solid #666;
}

.tablebox_grey thead th {
    background: #666;
}

.schnelltest,
.test,
.table-striped.test > tbody > tr:nth-of-type(2n+1) > * {
    margin: 0;
    color: #363a71 !important;
/*    font-size: 13px;*/
/*    font-style: normal;*/
}

.schnelltest th,
.test th {
  font-size: 24px;
  color: #fff;
  background: #363a71;
  white-space: nowrap;
  padding: 15px 10px;
  font-weight: 600;
}

span.factor_number {
  font-size: 1.5em;
  display: inline-block;
  color: #ddd;
  font-weight: 600;
  background: #bfbebe;
  width: 1.4em;
  text-align: center;
  height: 1.3em;
  line-height: 1.3em;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: inset 5px -5px 5px #888;
  -webkit-box-shadow: inset 0 0 5px 5px#888;
  box-shadow: inset 0 2px 2px #888;
  margin-bottom: 0.25em;
}

footer {
	background-color: #272759;
    font-size: .875rem;
    font-weight: 400;
}