@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url("/templates/standard/webfonts/fa-light-300.eot");
	src: url("/templates/standard/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/templates/standard/webfonts/fa-light-300.woff2") format("woff2"), url("/templates/standard/webfonts/fa-light-300.woff") format("woff"), url("/templates/standard/webfonts/fa-light-300.ttf") format("truetype"), url("/templates/standard/webfonts/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("/templates/standard/webfonts/fa-brands-400.eot");
	src: url("/templates/standard/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/templates/standard/webfonts/fa-brands-400.woff2") format("woff2"), url("/templates/standard/webfonts/fa-brands-400.woff") format("woff"), url("/templates/standard/webfonts/fa-brands-400.ttf") format("truetype"), url("/templates/standard/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {font-family: 'Font Awesome 5 Brands'}
.fal {font-family: 'Font Awesome 5 Pro'; font-weight: 300}
.fab, .fal {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8)}
.fa-spinner:before {content: "\f110"}

@-webkit-keyframes fa-spin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes fa-spin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}


/* ValueTech Mobile */
body,html {font-family:"Calibri", "Verdana";font-size:1em;line-height:1.35em;margin:0}
h1 {line-height:1.2}
h2 {border: none;background: #C41C22;color: #FFF;padding: 0.1em 2%;line-height:1.3;margin-bottom:0}
h3 {color: #333;font-size: 1.2em;margin: 0.2em 0.5em}
h3.title {padding:0 0 0 20px;margin:0.4em 0 0 0;color:#666;font-weight:600}
small.title {color:#333;font-weight: bold;padding: 0 20px}

#content a{color:#000}
#content a:visited{color:#333}
a{text-decoration:underline; cursor:pointer}
a:hover{text-decoration:none}
a.inhalt{font-weight:600;color:#bd1830;text-decoration:none}

#capture			{position:absolute;left:256px;right:64px;text-align:center;font-size:1.5em;font-weight:600;color:#FFF;display:block;line-height:1.2;padding:0}
#navi_top			{overflow:hidden;background:#C41C22}
#navi_top a			{color:#FFF;font-weight:700;font-size:0.8em;padding:14px 7px;text-align: center;vertical-align: middle;text-decoration:none;display:inline-block;}
#navi_top a:hover	{background:#8F1D21}
#navi_top [data-fa-icon]::before {content: attr(data-fa-icon); font-family: "Font Awesome 5 Pro"; font-size: 1.4em; font-weight: normal; margin-right: 0.3em; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; vertical-align: sub}
#navi_top img		{border: none}
#nt_left			{float: left}
#nt_left a img 		{height: 24px; vertical-align: middle; margin-right:2px}
#nt_right			{float: right; position: absolute; right: 0px}
#nt_right a img 	{height: 36px; vertical-align: middle}
.ntl_logo{padding: 8px 5px 8px 5px !important}
.ntr_logo{padding-right: 4px!important}
#navi_bot			{background-color:#C41C22;color: #fff;font-size: 0.8em;line-height: 1.2em;padding-left: 10px;width: auto;padding: 0.2em 0.6em;}
#navi_bot a			{color:#FFF;text-decoration:underline}


#mob{text-align:left;position:relative;overflow:hidden;display:block;width:100%;background-color:#FFF;margin:auto}
#container, #ProgressBarFrame {
	border: 2px solid #C41C22;
	border-width: 0 2px 0 8px;
	bottom: 0;
	display: block;
	overflow: hidden
}
#content {bottom:0;position:relative;overflow-x:auto;overflow-y:hidden;display:block;}
#content > p {text-align:justify;display:block;margin: 0.5em 6px}
#content > p img {max-width: calc(100% + 12px);margin: 0px -6px !important}


#menu {
	text-align:justify;
	cursor: pointer;
	margin-top: 5px;
}
#menu a {
	padding: 0;
	display: inline;
}
#menu a:hover{text-decoration:none}
.menuImgCrop {
	height: 120px;
	width: 120px;
	overflow: hidden;
	float: left;
	margin-right: 0.5em;
	display: flex;
	justify-content: center;
}
.menuImgCrop > img {height: 120px}
#menu > div {
	padding: 0 0.4em 0.4em 0.4em;
	display: inline-table;
	max-width: 100%;
}
#menu > div:hover{
	background: #F0F0F0;
}
#menu > div > span {
	height: 120px;
	overflow: hidden;
	display: block;
}
#menu > div:after{
	content: "";
	box-shadow: 0px -6px 8px 10px #FFF;
	position: relative;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #CCC;
	overflow: hidden;
	display: table;
}
#menu p{margin: 0}

#ProgressSpinFrame {
	width: 30px;
	margin: 2em auto;
}
#ProgressSpinFrame i {
	color: #666;
	font-size: 30px;
	font-weight: 600;
}
#ProgressSpinFrame p {
	color: #666;
	font-weight: 600;
}
#ProgressBarFrame {
	width: 100%;
	margin: 0;
}
#ProgressBarFrame p {
	font-size: 0.8em;
	font-weight: 700;
	height: 100%;
	margin:0px;
	width:0;
	color:#fff;
	background-color:#c11212;
	border:none;
}
#Settings ul {
	font-size: 0.9em;
	font-weight: 700;
	padding-left: 1em
}
#Settings ul li {display: inline-block}

#SoMeShare{
	margin: 0.3em 5px 0.5em 5px;
}#SoMeShare a {
	display: inline-block;
	margin: 0 0.3em;
}
#SoMeShare a::before {
	color: #C41C22;
	content: attr(data-fa-icon);
	display: inline-block;
	font-family: "Font Awesome 5 Brands";
	font-size: 36px;
	margin: 0 0.25em;
	text-rendering: auto;
	vertical-align: sub;
	-webkit-font-smoothing: antialiased;
}


/* media queries || responsive webdesign */
.video-container {
	position:relative;
	padding-bottom: calc(56.25% - 30px);
	padding-top:30px;
	height:0;
}
.video-container[data-ytid] {background-color: #F3F3F3}
.video-container[data-ytid] > div {
	background-color: #C41C22;
    background: linear-gradient(112deg, #11305e 0, #1f4788 500px, #C41C22 501px, #8f1d21 100%);
    padding: 2em 1em;
    color: #FFF;
}
.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*  */
.d{background:#fbfbfb;border:1px solid #eee;border-radius:3px;display:inline;line-height:22px;border-color:#eee #ddd #ddd #eee;margin:0;padding:0 3px}

.nav{margin-left:6px;margin-right:11px;color:#FFF}div.zentriert{text-align:center;margin:15px 0}
.table_normal {border-spacing: 0 0;border-bottom: 0px;border-right: 0px;}
.table_normal td, .table_normal th {background-color: #FFF;border-top: 0px;border-left: 0px;padding: 2px 4px;text-align: center}
.table_normal th {background-color: #F7F7F7;color: #444;cursor: pointer}

#comment{width:96%;text-align:justify;display:none;padding:0 2%}//Comment
.kommentar_info{width:680px;height:22px;font-weight:700;color:#666;background-color:#fcebe9;overflow:hidden;border:1px solid #666;border-bottom:0;position:relative;padding:7px 5px 0}.kommentar_info span{font-weight:400}.eigener{background-color:#f7c3be}.kommentar_text{margin-bottom:15px;width:95%;line-height:19px;background-color:#fafafa;border:1px solid #666;padding:3px 5px}.kommentar_text a{color:#666}.kommentar_edit{position:absolute;bottom:6px;right:5px;border:0}.quote{width:90%;line-height:19px;border:1px solid #bbb;background-color:#eee;margin:auto;padding:3px 5px}.quotetitel{height:15px;background-color:#bbb;margin:10px auto 0}a.inhalt:hover,.nav:hover{text-decoration:underline}


/* Video */
#VTTV_HTML5player {
	position: relative;
	margin: auto
}

video {
	display: block; /* styling shim for older browsers */
	background: #000;
	border: 1px #888 solid
}

.video_controls {
	position: absolute;
	top: 0;
	border: 1px #666 solid;
	width: 100%;
	opacity: 0.2;
	background: #313131;
	background: linear-gradient(top,#666,#313131);
	background: -o-linear-gradient(top,#666,#313131);
	background: -moz-linear-gradient(top,#666,#313131);
	background: -webkit-linear-gradient(top,#666,#313131);
}
.video_controls:hover { 
	border-color: #555;
	opacity: 0.9;
}
.video_controls button, .video_timerange, .video_timerange_bar, .video_toggleHD {
	float: left;
	position: relative;
	margin: 6px;
	border: none;
	background: transparent;
}
.video_playpause {
	top:2px;
}
.video_timerange {
	width: auto;
	color: #fff;
	font-size: 0.95em;
	font-family: "Calibri", Verdana;
	font-weight: 700;
}
.video_timerange_bar {
	width: 250px;
	margin: 6px;
	color: #fff;
}
.video_timerange_bar_frame {
	border: 1px #666 solid;
	background: #FFF;
	overflow:hidden
}
.video_bar_red {
	width: 0%;
	color: #C41C22;
	background: #C41C22;
	transition: all 0.2s ease-in-out;
}
.video_toggleHD {
	width: auto;
	color: #BBB;
	font-size: 0.95em;
	font-family: "Calibri", Verdana;
	font-weight: bold;
	cursor: default;
}

/* HTML5 and Info */
#MsgBox { 
	background-color: #DADADA;
	border: 1px solid #D1D1D1;
	border-radius: 5px;
	margin: 10px 0
}
#MsgBox p { 
	color: #000;
	font-size: 95%;
	font-weight: 600;
	margin: 5px
}
.info {
	background: #F3F3F3;
	box-shadow: -2px 2px 3px #CCCCCC;
	color: #111111;
	padding: 10px
}

/* ****************** Chart style lib ****************** */
.chart {
	padding-top: 0.5em;
	width: auto;
	background-color: #FFFFFF;
 	background-repeat: no-repeat;
	border: 1px solid #bbb;
	border-width: 1px 0;
	position: relative;
	box-shadow: 0 2px 3px #ccc;
}

.chart_nav{
	margin: auto;
	text-align: center;
	color: #000;
	height: 3em;
	font-weight: bolder;
	cursor: default;
}
#bwd, #fwd {
	background-color: #fff;
	border: 1px solid #bbb;
	height: 100%;
	max-width: 180px;
	width: 49%;
	vertical-align:middle
}
#bwd:hover, #fwd:hover {	background-color: #fe9}
#bwd {border-width: 1px 1px 0 0; float: left}
#fwd {border-width: 1px 0 0 1px; float: right}

.chart_inf {
	margin-left: 1em;
	font-size: 1.1em;
 	font-weight: bold;
	display: block;
}
.chart_value {
	margin: 0px 0.6em 0 0.3em;
	padding: 0.5em 0 0;
	width: auto;
	height: auto
}
.chart_value li {
	display: block;
	margin-top:0.3em;
}
.chart_model {
	display: inline;
}
.chart_model span, .chart_model a {
	text-decoration: none;
	line-height: 1em;
	text-align: left;
	font-size: 1em
}
.chart_model span:hover , .chart_model a:hover{
	text-decoration: underline;
	cursor: default
}
.chart_y {
	height: 2em;
}
.chart_res, .chart_res_Sec {
	float: right;
	position: relative;
	margin: 0 0.3em !important;
	font-weight: 700;
	transition: all 0.12s ease-in-out
}
.chart_res_Sec {
	color:#FFF;
}
._outer {
	float: left;
	top: 0.15em;
	position: relative;
}
.chart_balken {
	margin-top: 0.15em;
	float: left;
	height: 1.3em;
	overflow: hidden;
	border: 1px solid #ccc;
	border-width: 0.1em;
	border-radius: 0 0.3em 0.3em 0;
	transition: all 0.12s ease-in-out
}
.chart_balken_Sec {
	background: #FFF;
	border-right: 1px dotted #333;
	display: block;
	float: left;
	opacity: 0.8;
	position: relative;
	background: linear-gradient(to right, rgba(0,0,0,0) 50%,rgba(0,3,51,0.3) 100%);
}
.chart_einheit {
	margin: 0 auto 0;
	overflow: hidden;
	margin: 0.3em;
}
.chart_einheit span {
	font-size: 0.8em;
}
.ModernSelect {
	background-color: #8F1D21;
	color: #FFF;
	border: 0px solid #780808;
	border-top-width: 1px;
	padding: 0.5em 0.3em;
	font-size: 1.2em;
	font-weight: 600;
	width: 100%;
	vertical-align:middle
}

/********** adverts **********/ 
.acs_innerText {
	background-color: #F3F3F3;
	padding: 0 1px .8em 1px;
	display: flow-root;
}
.acs_innerText + h2, h2 + .acs_innerText {margin-top: 0;border-top: #780808 1px solid}
.advIndicator {
	color: #333;
	font-weight: 500;
	font-size: 0.8em;
	display: block;
	margin: 0 auto 0 .4em;
}

.fa_link_logo {
	background-color: #FF8322;
	border-radius: 3px;
	box-shadow: 0 0 0px #AAA;
	padding: 0px 5px 0px 2px;
	color: #fff!important;
	font-weight: 700;
	text-decoration: none!important;
	transition: all 0.2s ease-in-out;
 }
.fa_link_logo::before {
	content: "\f07a";
	display: unset !important;
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	font-weight: 400;
	margin-right: 4px;
	text-rendering: auto;
	vertical-align: bottom;
	-webkit-font-smoothing: antialiased;
}
.amazon_link {background-color: #FF8322}
.amazon_link::before {content: "\f270"; font-family: "Font Awesome 5 Brands";}
.mm_link {background-color: #DF0100}

.fa_link_logo:hover {box-shadow:0 0 2px #AAA}
.fa_link_logo:active {box-shadow:0 0 2px #333}
 
.SpecialOffer {
	background: #EE9;
	border: #F3F3F3 solid 0px;
	border-bottom-width: 3px;
	font-size: 0.9em;
	font-weight: 700;
	margin: 0 !important;
	padding: 0.3em 1em
}

.SpecialOffer small {
	color: #666;
	font-weight: 500;
}

/********** GDPR Tool **********/
#GDPR {
	display: none;
	position: fixed;
	width: 100%;
	top: 20%;
	background: #6A0F0C;
	background: linear-gradient(112deg, #11305E 0, #1F4788 250px, #C41C22 251px, #8F1D21 100%);
}
#GDPR aside {
	margin: 25px 4%;
}
#GDPR button {
	background: #333;
	border: #999 1px solid;
	color:#FFF;
	font-weight: 600;
	font-family: "Calibri", "Verdana";
	height: 28px;
	padding: 0 15px;
	opacity: 0.8;
	transition: .3s;
	width: 45%;
}
#GDPR button:hover {
	border-color: #666;
	opacity: 1;
}
#GDPR-selected {float:left}
#GDPR-all {
	background: linear-gradient(112deg, #11305E 0, #1F4788 100%) !important;
	float:right;
}
.GDPRinf {
	padding: 5px;
	position: relative;
	margin: auto;
	max-width: 650px;
	background: #FFF
}
#GDPR p, #GDPR span{font-size: small; font-weight: 400}
.GDPRinf ul{display: inline-block; margin: 1em 0; padding: 0}
.GDPRinf li {padding: 5px 10px; display: block; float: left}
#GDPR .yummy::before {
	color: #C57F2E;
	content: "\f564";
	display: inline;
	font-family: "Font Awesome 5 Pro";
	font-size: 44px;
	padding: 0 5px 0 0;
	float: left;
	line-height: 40px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 18px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	border-radius: 9px;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #AC8181;
	transition: .4s;
}
.slider:before {
	position: absolute;
	border-radius: 50%;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
}
input:checked + .slider {background-color: #5B8930}
input:disabled + .slider {background-color: #CCC}
input:focus + .slider {box-shadow: 0 0 1px #2196F3}
input:checked + .slider:before {transform: translateX(12px)}

/* responsive */
@media (max-width: 359px) {
	#nt_left a img 	{display: none}	
}
@media (max-width: 479px) {
	.ad_innerText > span {margin-left: 0.4em}
	#container, #ProgressBarFrame {border:0 !important}
	#menu {line-height: 1.2em}
	#menu a {line-height: 1.1em}
}
@media (min-width: 480px) {
	#navi_top a		{font-size: 1.4em;padding:16px 12px}
	#nt_left a img 	{height: 30px}
	#nt_right a img {height: 54px}
	.ntl_logo		{padding: 10px 16px !important}
	.ModernSelect {border-right-width: 1px; width: 50%}
}
@media (max-width: 800px) {
	#GDPR {
		max-height: 100%;
		top: 0;
		z-index: 1337;
		overflow: scroll;
	}
	#GDPR aside {overflow: scroll}
}