/* ---------------------------------------- */
/* Theme Name: domain.tld
/* Theme URI: http://www.domain.tld/
/* Version: 1.0
/* ---------------------------------------- */

/* ----- */
/* FONTS */
/* ----- */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

/* ------ */
/* GLOBAL */
/* ------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	color: #323233;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color:#58AD2E;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: none;
}
.alignright {
	padding: 0;
	margin: 0 0 0 20px;
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	padding: 0;
	margin: 0 20px 0 0;
	display: inline;
	float: left;
}
*.clear {
	clear: both;
}
b, strong {
	font-weight: 700;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*.btn {
	display: table;
	margin: 0 auto;
	padding: 14px 36px 14px 26px;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	background: #58AD2E;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
*.btn:hover {
	text-decoration: none;
	background: #9EE279;
}
*.btn::before {
	height: 20px;
	width: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f045";
	margin: 0 16px 0 0;
}
/*-------------*/
/* !SELECTION  */
/*-------------*/

::selection {
    background: #58AD2E;
    color: #fff;
}
::-moz-selection {
    background: #58AD2E;
    color: #fff;
}
/*-----------------*/
/* !GLOBAL HEADER  */
/*-----------------*/
div#globalleft, div#globalright {
	width: 40%;
	height: 45px;
	background: url(https://www.fussball-manager.at/sportwetten/wp-content/themes/sportwetten/images/globalleft.png) 0 0 repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
}
div#globalright {
	width: 61%;
	right: 0;
	left: auto;
	background: url(https://www.fussball-manager.at/sportwetten/wp-content/themes/sportwetten/images/globalright.png) 0 0 repeat-x;
}
div#globalshadow {
	width: 100%;
	height: 6px;
	background: url(https://www.fussball-manager.at/sportwetten/wp-content/themes/sportwetten/images/globalshadow.png) 0 0 repeat-x;
	position: absolute;
	top: 39px;
	left: 0;
	z-index: 750;
}
div#globalmenu {
	width: 1000px;
	height: 40px;
	margin: 0 0 0 -500px;
	background: url(https://www.fussball-manager.at/sportwetten/wp-content/themes/sportwetten/images/globalmenu.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1000;
}
div#globalmenu img {
	display: none;
}
div#globalmenu ul {
	width: 640px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 7px;
	right: 0;
}
div#globalmenu ul li {
	height: 24px;
	float: left;
	list-style: none;
}
div#globalmenu ul li+li {
	margin-left: 13px;
	padding-left: 20px;
	border-left: 1px solid #CCCCCC;
	list-style: none;
}
div#globalmenu ul li a {
	font-size: 13px;
	color: #C5C5C5;
}
div#globalmenu ul li a:hover, div#globalmenu ul li a.active {
	color: #FFFFFF;
}
/*----------*/
/* !HEADER  */
/*----------*/
header {
	width: 100%;
	height: 50px;
	position: relative;
}
/*-----------*/
/* !SECTION  */
/*-----------*/
section {
	width: 100%;
	position: relative;
}
/*-----------*/
/* !CONTENT  */
/*-----------*/
section div.content,
footer div.content  {
	display: table;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
/*--------------*/
/* !BREADCRUMB  */
/*--------------*/
section div.content div#breadcrumb {
	display: block;
	height: 20px;
	width: 60%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0 0 0;
}
section div.content div#breadcrumb div {
	float: left;
}
section div.content div#breadcrumb div+div::before {	
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: '\f0da';
	margin: 0 5px 0 10px;
}
/*----------*/
/* !TEASER  */
/*----------*/

section div.content div.teaser {
	padding: 20px;
	background: #eee;
	margin: 10px 0 0 0;
}
section div.content div.teaser h1 {
	text-transform: uppercase;
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 10px 0;
}
section div.content div.teaser.single h1 {
	width: 100%;
	float: right;
}
section div.content div.teaser img {
	width: 306px;
	height: 170px;
	background-color: #eee;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
section div.content div.teaser div.entry p {
	font-size: 16px;
	line-height: 18px;
}
section div.content div.teaser div.entry p+p {
	padding: 18px 0 0 0;
}
/*-------*/
/* !TOC  */
/*-------*/
section div.content ul.hometoc {
	width: 300px;
	float: left;
	margin: 0 20px 0 0 ;
	padding: 0 0 0 20px;
}
section div.content ul.hometoc li {
	list-style: disc;
	font-size: 14px;
	line-height: 20px;
}
section div.content ul.hometoc li:nth-child(1) {
	list-style: none;
	font-size: 18px;
	padding: 0 0 5px 0;
}
section div.content ul.hometoc li ul {
	padding: 0 0 0 20px;
}
section div.content ul.hometoc li ul li {
	list-style: decimal;
}
section div.content ul.hometoc li ul li:nth-child(1) {
	font-size: 14px;
	line-height: 20px;
	list-style: decimal;
}
/*---------*/
/* !POSTS  */
/*---------*/
section div.content div.posts {
	width: 100%;
	background: #eee;
}
section div.content div.posts h2 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #323233;
	color: #fff;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
section div.content div.posts h2::before {
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin: 0 5px 0 0;
}
section div.content div.posts h2.browser::before {
	content: '\f0ac';
}
section div.content div.posts h2.pc::before {
	content: '\f108';
}
section div.content div.posts article {
	float: left;
	background: #fff;
}
section div.content div#news {
	width: 300px;
	margin: 0 0 15px 15px;
	padding: 15px;
	background: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	float: right;
}
section div.content div#news strong {
	font-weight: 400;
}
section div.content div#news strong::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin: 0 5px 0 0;
	display: inline-block;
	content:  "\f036";
}
section div.content div#news ul {
	margin-top: 15px;
}
section div.content div#news ul li {
	margin: 0 0 0 22px;
	line-height: 20px;
	font-size: 14px;
	list-style-type: square;
}
section div.content div#news ul li+li {
	margin-top: 3px;
}
/*-----------*/
/* !SUB NAV  */
/*-----------*/
section div.content div.entry nav.submenu {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 0 0;
}
section div.content div.entry nav.submenu ul {
	float: right;
	display: inline-block;
	width: 640px;
}
section div.content div.entry nav.submenu ul li {
	float: left;
	width: 50%;
	padding: 0 5px 0 0;
}
section div.content div.entry nav.submenu ul li+li {
	padding: 0 0 0 5px;
}
section div.content div.entry nav.submenu ul li a {
	width: 100%;
	text-align: center;
	display: block;
	line-height: 30px;
	background: #58AD2E;
	color: #fff;
	margin: 10px 0 0 0;
}
section div.content div.entry nav.submenu ul li+li a {
	background: #E77C0A;
	color: #fff;
}
section div.content div.entry nav.submenu ul li a:hover {
	background: #969696;
	text-decoration: none;
}
/*-----------------*/
/* !ARTICLE LARGE  */
/*-----------------*/
section div.content div.posts article.large {
	margin: 20px;
	width: 306px;
	height: 350px;
	background: #fff;
	overflow: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
section div.content div.posts article.large+article.large {
	margin: 20px 20px 20px 0;
	background: #fff;
	overflow: hidden;
}
section div.content div.posts article.large div.image {
	width: 100%;
	height: 170px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius:  4px 4px 0 0;
	-webkit-border-radius:  4px 4px 0 0;
	position: relative;
}
section div.content div.posts article.large div.image div.image-overlayer,
section div.content div.posts article.small div.image div.image-overlayer {
	background: rgba(88,173,46,0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	-moz-border-radius:  4px 4px 0 0;
	-webkit-border-radius:  4px 4px 0 0;
	z-index: 99;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.content div.posts article.large div.image div.image-overlayer::before,
section div.content div.posts article.small div.image div.image-overlayer::before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	position: absolute;
	bottom: -50%;
	left: 50%;
	margin: 0 0 -20px -20px;
	background: #fff;
	z-index: 9;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 300;
	text-decoration: inherit;
	content: '\f14c';
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	opacity: 0;
	color: rgba(88,173,46,1);
	z-index: 99;
}
section div.content div.posts article.large div.image:hover div.image-overlayer::before:hover,
section div.content div.posts article.small div.image:hover div.image-overlayer::before:hover {
	color: #fff;
	background: rgba(88,173,46,1);
}
section div.content div.posts article.large div.image:hover div.image-overlayer::before, 
section div.content div.posts article.small div.image:hover div.image-overlayer::before {
	bottom: 50%;
	opacity: 1;
}
section div.content div.posts article.large div.image:hover div.image-overlayer,
section div.content div.posts article.small div.image:hover div.image-overlayer {
	opacity: 1;
	height: 100%;
}
section div.content div.posts article.large div.image img {
	background-size: cover;
	width: 100%;
	height: 170px;
}
section div.content div.posts article.large div.article {
	width: 100%;
	position: relative;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.content div.posts article.large div.article:hover {
	margin: -165px 0 0 0;
}
section div.content div.posts article.large div.article a.title {
	padding: 10px 15px;
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: -20px 5px 0 5px;
	background: #fff;
	position: relative;
	z-index: 99;
	border-radius: 4px 4px 0 0;
	-moz-border-radius:  4px 4px 0 0;
	-webkit-border-radius:  4px 4px 0 0;
}
section div.content div.posts article.large div.article ul.voting {
	width: 100%;
	padding: 0 20px;
	overflow: hidden;
	background: #fff;
	margin: 0 0 20px 0;
}
section div.content div.posts article.large div.article ul.voting li {
	height: 22px;
	line-height: 20px;
	padding: 3px 5px;
	margin: 0 0 2px 0;
	border-radius: 4px;
	-moz-border-radius:  4px;
	-webkit-border-radius:  4px;
}
section div.content div.posts article.large div.article ul.voting li:last-child {
	line-height: 20px;
}
section div.content div.posts article.large div.article ul.voting li span.label {
	font-size: 12px;
	line-height: 17px;
}
section div.content div.posts article.large div.article ul.voting li div.votingbar {
	height: 14px;
	line-height: 15px;
	font-size: 10px;
	margin: 1px 0 0 0;
}
section div.content div.posts article.large div.article ul.voting li div.votingbar span.ratingbar {
	height: 14px;
}
section div.content div.posts article.large div.article p {
	width: 100%;
	padding: 0 20px;
	line-height: 18px;
	height: 90px;
	overflow: hidden;
	background: #fff;
}
section div.content div.posts article.large div.article div.buttons {
	width: 100%;
	height: 50px;
	padding: 10px 20px 0 20px;
	background: #fff;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
section div.content div.posts article.large div.article div.buttons div.btn,
section div.content div.posts article.small div.article div.buttons div.btn {
	float: left;
	width: 75%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 13px;
}
section div.content div.posts article.small div.article div.buttons div.btn.full {
	width: 100%;
}
section div.content div.posts article.large div.article div.buttons div.more,
section div.content div.posts article.small div.article div.buttons div.more {
	float: right;
	width: 20%;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	font-size: 17px;
	background: #323233;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}
section div.content div.posts article.large div.article div.buttons div.more:hover,
section div.content div.posts article.small div.article div.buttons div.more:hover {
	background: #444444;
}
section div.content div.posts article.large div.article div.buttons div.more::before,
section div.content div.posts article.small div.article div.buttons div.more::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 300;
	text-decoration: inherit;
	content: '\f01d';
}
section div.content div.posts article.small div.article div.buttons div.btn.full::before {
	line-height: 30px;
}
section div.content div.posts article.small div.article div.buttons div.btn.full::after {
	content: "zum Spiel";
}
/*-----------------*/
/* !ARTICLE SMALL  */
/*-----------------*/
section div.content div.posts article.small {
	margin: 0 0 20px 20px;
	width: 306px;
	height: 100px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
}
section div.content div.posts article.small div.image {
	width: 100px;
	height: 100px;
	float: left;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	position: relative;
	overflow: hidden;
}
section div.content div.posts article.small div.image div.image-overlayer {
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;	
}
section div.content div.posts article.small div.image img {
	width: 100%;
	height: 100px;
	background-size: cover;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
section div.content div.posts article.small a.title,
section div.content div.posts article.small div.title {
	width: 206px;
	padding: 5px 10px;
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	float: right;
	color: #58AD2E;
}
section div.content div.posts article.small div.article ul.voting {
	width: 206px;
	padding: 0 10px;
	overflow: hidden;
	background: #fff;
	margin: 0 0 10px 0;
}
section div.content div.posts article.small div.article ul.voting li {
	height: 22px;
	line-height: 20px;
	padding: 3px 5px;
	margin: 0 0 2px 0;
	border-radius: 4px;
	-moz-border-radius:  4px;
	-webkit-border-radius:  4px;
}
section div.content div.posts article.small div.article ul.voting li:last-child {
	line-height: 20px;
}
section div.content div.posts article.small div.article ul.voting li span.label {
	font-size: 12px;
	line-height: 17px;
	width: 24%;
}
section div.content div.posts article.small div.article ul.voting li div.votingbar {
	height: 14px;
	line-height: 15px;
	font-size: 10px;
	margin: 1px 0 0 0;
	width: 74%;
}
section div.content div.posts article.small div.article ul.voting li div.votingbar span.ratingbar {
	height: 14px;
}
section div.content div.posts article.small div.buttons {
	float: left;
	width: 206px;
	padding: 0 10px;
}
/*--------------*/
/* !MORE GAMES  */
/*--------------*/
section div.content div.posts div.moregames.headline {
	width: 100%;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 20px 0 40px 0;
	line-height: 14px;
}
section div.content div.posts div.moregames.headline:hover {
	color: #58AD2E;
	cursor: pointer;
}
section div.content div.posts div.moregames.headline::before {
	content: "\f078";
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin: 0 5px 0 0;
}
section div.content div.posts div.moregames.headline::after {
	content: "\f078";
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin: 0 0 0 5px;
}
section div.content div.posts div.moregames.headline.active::before {
	content: "\f077";
}
section div.content div.posts div.moregames.headline.active::after {
	content: "\f077";
}
section div.content div.posts div.moregames.games {
	opacity: 0;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.content div.posts div.moregames.games.active {
	height: auto;
	opacity: 1;
}
/*----------*/
/* !VOTING  */
/*----------*/
section div.content ul.voting {
	width: 65%;
	float: right;
	margin: 2px 0 20px 0;
}
section div.content ul.voting li {
	width: 100%;
	padding: 4px 5px;
	height: 28px;
	background: #eee;
}
section div.content ul.voting li:last-child {
	background: #323233;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
section div.content ul.voting li span.label {
	width: 30%;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
}
section div.content ul.voting li div.votingbar {
	width: 68%;
	float: right;
	height: 20px;
	background: #f5f5f5;
	font-size: 12px;
	font-weight: 700;
	color: #f5f5f5;
	line-height: 20px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
section div.content ul.voting li div.votingbar span.ratingbar {
	width: 0px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: #58AD2E;
	transition-property: width;
	transition-duration: 3s;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
section div.content ul.voting li div.votingbar span.ratingbar.darkgreen,
section div.content div.teaser div.legende div.explain div.color.darkgreen,
section div.content.fazit div.progress-bar.darkgreen div.right,
section div.content.fazit div.progress-bar.darkgreen div.rotate {
	background-color: #2e6313 !important;
	color: #2e6313 !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.green,
section div.content div.teaser div.legende div.explain div.color.green,
section div.content.fazit div.progress-bar.green div.right,
section div.content.fazit div.progress-bar.green div.rotate {
	background-color: #58AD2E !important;
	color: #58AD2E !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.yellow,
section div.content div.teaser div.legende div.explain div.color.yellow,
section div.content.fazit div.progress-bar.yellow div.right,
section div.content.fazit div.progress-bar.yellow div.rotate {
	background-color: #e7da0a !important;
	color: #e7da0a !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.orange,
section div.content div.teaser div.legende div.explain div.color.orange,
section div.content.fazit div.progress-bar.orange div.right,
section div.content.fazit div.progress-bar.orange div.rotate {
	background-color: #e77c0a !important;
	color: #e77c0a !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.red,
section div.content div.teaser div.legende div.explain div.color.red,
section div.content.fazit div.progress-bar.red div.right,
section div.content.fazit div.progress-bar.red div.rotate {
	background-color: #b72222 !important;
	color: #b72222 !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.default,
section div.content.fazit div.progress-bar.default div.right,
section div.content.fazit div.progress-bar.default div.rotate {
	background-color: #3b3b3b !important;
	color: #3b3b3b !important;
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_100 {
	width: 100%;														
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_99 {
	width: 99%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_98 {
	width: 98%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_97 {
	width: 97%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_96 {
	width: 96%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_95 {
	width: 95%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_94 {
	width: 94%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_93 {
	width: 93%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_92 {
	width: 92%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_91 {
	width: 91%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_90 {
	width: 90%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_89 {
	width: 89%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_88 {
	width: 88%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_87 {
	width: 87%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_86 {
	width: 86%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_85 {
	width: 85%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_84 {
	width: 84%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_83 {
	width: 83%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_82 {
	width: 82%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_81 {
	width: 81%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_80 {
	width: 80%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_79 {
	width: 79%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_78 {
	width: 78%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_77 {
	width: 77%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_76 {
	width: 76%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_75 {
	width: 75%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_74 {
	width: 74%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_73 {
	width: 73%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_72 {
	width: 72%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_71 {
	width: 71%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_70 {
	width: 70%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_69 {
	width: 69%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_68 {
	width: 68%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_67 {
	width: 67%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_66 {
	width: 66%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_65 {
	width: 65%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_64 {
	width: 64%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_63 {
	width: 63%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_62 {
	width: 62%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_61 {
	width: 61%;															
}																		
section div.content ul.voting li div.votingbar span.ratingbar.active.width_60 {
	width: 60%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_59 {
	width: 59%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_58 {
	width: 58%;														
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_57 {
	width: 57%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_56 {
	width: 56%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_55 {
	width: 55%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_54 {
	width: 54%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_53 {
	width: 53%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_52 {
	width: 52%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_51 {
	width: 51%;															
}
section div.content ul.voting li div.votingbar span.ratingbar.active.width_50 {
	width: 50%;															
}
section div.content ul.voting li div.votingbar span.countfrom,
section div.content ul.voting li div.votingbar span.rating_count {
	position: relative;
	z-index: 9;
}
section div.content ul.voting li div.votingbar span.rating_count {
	margin: 0 0 0 20px;
}
/*-----------*/
/* !LEGENDE  */
/*-----------*/
section div.content div.teaser div.legende {
	width: 65%;
	float: right;
}
section div.content div.teaser div.legende label{
	width: 100%;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	float: left;
	margin: 0 0 5px 0;
}
section div.content div.teaser div.legende div.explain {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
section div.content div.teaser div.legende div.explain+div.explain {
	padding: 0 0 0 50px;
}
section div.content div.teaser div.legende div.explain div.color {
	width: 20px;
	height: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: red;
	margin:10px 5px 0 0;
	float: left;
}
/*-----------------*/
/* !TEASER BUTTON  */
/*-----------------*/
section div.content div.teaser div.gamelink {
	float: left;
	width: 306px;
	display: block;
	text-align: center;
}
/*----------------*/
/* !SINGLE INFOS  */
/*----------------*/
section div.content div.infos {
	width: 100%;
	padding: 20px;
	background: #f5f5f5;
	position: relative;
	border-bottom: 3px solid #ddd;
}
section div.content div.infos div.info {
	width: 40%;
	float: left;
}
section div.content div.infos div.info+div.info {
	width: 58%;
	float: right;
}
section div.content div.infos div.info h2,
section div.content div.infos div.info h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 18px;
	margin: 0 0 10px 0;
}
section div.content div.infos div.info ul+ul li.title {
	margin: 20px 0 10px 0;
}
section div.content div.infos div.info ul {
	display: inline-block;
	width: 100%;
}
section div.content div.infos div.info ul li {
	width: 100%;
	line-height: 20px;
	padding: 2px 0;
}
section div.content div.infos div.info ul li.title {	
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 18px;
	margin: 0 0 10px 0;
}
section div.content div.infos div.info ul li+li.title {
	margin: 10px 0;
}
section div.content div.infos div.info ul li span.icon {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 5px 0 0;
	position: relative;
}
section div.content div.infos div.info ul li span.icon::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	display: block;
	z-index: 9;
}
section div.content div.infos div.info ul li span.icon.Ja::after {
	content: "\f00c";
	color: #58AD2E;
}
section div.content div.infos div.info ul li span.icon.Nein::after {
	content: "\f00d";
	color: #ad2e2e;
}
section div.content div.infos div.info ul.pro li,
section div.content div.infos div.info ul.contra li {
	padding: 2px 0 2px 25px;
	position: relative;
}
section div.content div.infos div.info ul.pro li::before,
section div.content div.infos div.info ul.contra li::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	display: block;
	z-index: 9;
}
section div.content div.infos div.info ul.pro li.title,
section div.content div.infos div.info ul.contra li.title {
	padding: 2px 0 2px 0;
	position: relative;
}
section div.content div.infos div.info ul.pro li.title::before,
section div.content div.infos div.info ul.contra li.title::before {
	display: none;
}
section div.content div.infos div.info ul.pro li::before{
	content: "\f055";
	color: #58AD2E;
}
section div.content div.infos div.info ul.contra li::before {
	content: "\f056";
	color: #ad2e2e;	
}
/*--------------*/
/* !SINGLE TOC  */
/*--------------*/
section div.content div.infos div.toc {
	position: absolute;
	top: 100%;
	right: 20px;
	background: #F5F5F5;
	margin: 0 0 0 0;
	border-bottom: 3px solid #ddd;
	border-left: 3px solid #ddd;
	border-right: 3px solid #ddd;
	z-index: 99;
}
section div.content div.infos div.toc div.title {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 20px;
}
section div.content div.infos div.toc div.title:hover {
	color: #58AD2E;
}
section div.content div.infos div.toc div.title::before {
	height: 30px;
	line-height: 30px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: '\f00b';
	margin: 0 5px 0 0;
}
section div.content div.infos div.toc div.title::after {
	height: 30px;
	line-height: 26px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: '\f078';
	margin: 0 0 0 20px;
}
section div.content div.infos div.toc.active div.title::after {
	content: '\f077';
}
section div.content div.infos div.toc ul {
	width: 0;
	opacity: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.content div.infos div.toc.active ul {
	opacity: 1;
	height: auto;
	width: auto;
	max-width: 300px;
	padding: 0 0 20px 0;
}
section div.content div.infos div.toc.active ul li {
	width: 100%;
}
section div.content div.infos div.toc.active ul li a {
	font-size: 14px;
	line-height: 16px;
	color: #323233;
	width: 100%;
	padding: 0 20px;
	display: block;
}
section div.content div.infos div.toc.active ul li a::before {
	height: 16px;
	line-height: 16px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin: 0 5px 0 0;
}
section div.content div.infos div.toc.active ul li.text a::before {
	content: '\f036';
}
section div.content div.infos div.toc.active ul li.text.h3 a {
	padding: 0 20px 0 40px;
}
section div.content div.infos div.toc.active ul li.text.h3 a::before {
	content: '\f148';
	-moz-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
	display: inline-block;
}
section div.content div.infos div.toc.active ul li.fazit a::before {
	content: '\f0ae';
}
section div.content div.infos div.toc.active ul li.slider a::before {
	content: '\f030';
}
section div.content div.infos div.toc.active ul li.video a::before {
	content: '\f16a';
}
section div.content div.infos div.toc.active ul li a:hover {
	color: #58AD2E;
	text-decoration: none;
}
/*-----------------*/
/* !RELATED GAMES  */
/*-----------------*/
section div.relatedgames {
	position: absolute;
	width: 40%;
	top: 5px;
	right: 0;
	z-index: 999;
}
section div.relatedgames label {
	width: 30%;
	float: left;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 40px;
	text-align: right;
	padding: 0 10px 0 0;
}
section div.relatedgames div.games {
	width: 70%;
	float: right;
	height: 40px;
	overflow: hidden;
	background: #ddd;
}
section div.relatedgames div.games ul li {
	line-height: 40px;
	padding: 0 0;
	position: relative;
}
section div.relatedgames div.games ul li:nth-child(1) {
	padding: 0 0 0 10px;
	font-size: 14px;
}
section div.relatedgames div.games ul li:nth-child(1)::before {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: #58AD2E;
	content: "";
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.relatedgames div.games ul li:nth-child(1):hover::before {
	background: #9EE279;
}
section div.relatedgames div.games ul li:nth-child(1)::after {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f078";
	color: #fff;
	text-align: center;
}
section div.relatedgames div.games.active ul li:nth-child(1)::after {
	content: "\f077";
}
section div.relatedgames div.games ul li a {
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	display: block;
	background: #58AD2E;
	color: #fff;
	border-top: 2px solid #fff;
	position: relative;
}
section div.relatedgames div.games ul li a:hover {
	text-decoration: none;
	background: #9EE279;
}
section div.relatedgames div.games ul li a::before {
	height: 38px;
	line-height: 38px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	margin: 0 5px 0 0;
	content: "\f02b";
}
section div.relatedgames div.games ul li a::after {
	height: 38px;
	line-height: 38px;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content:  "\f061";
	position: absolute;
	top: 0;
	right: -38px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section div.relatedgames div.games ul li a:hover::after {
	right: 10px;
}
section div.relatedgames div.games.active {
	height: auto;
}
/*------------------*/
/* !ARTICLE SINGLE  */
/*------------------*/
section article div.content {
	padding: 0 20px 0 20px;
	background: #EEEEEE;
}
section article div.content.fazit {
	color: #fff;
	background: #58AD2E;
	padding: 0;
}
section article div.content h2,
section article div.content div.h2 {
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	margin: 18px 0;
	font-weight: 400;
}
section article div.content h3 {
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	margin: 18px 0;
	padding: 0 0 0 25px;
}
section article div.content p {
	padding: 0 0 18px 25px;
}
section article div.content h2.icon::before,
section article div.content h3.icon::before,
section article div.content div.h2.icon::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin: 0 5px 0 0;
	display: inline-block;
}
section article div.content h2.icon.text::before {
	content:  "\f036";
}
section article div.content h3.icon.text::before {
	content:  "\f148";
	-moz-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
}
section article div.content div.h2.icon.video::before {
	content:  "\f16a";
}
section article div.content div.h2.icon.slider::before {
	content:  "\f030";
}
section article div.content div.h2.icon.fazit::before {
	content:  "\f0ae";
}
section article div.content div.image-wrapper {
	background: #fff;
	padding: 10px 10px 0 10px;
	text-align: center;
}
/*---------*/
/* !TABLE  */
/*---------*/
section article div.content table {
	width: 100%;
	background: #fff;
}
section article div.content table thead tr th {
	background: #323233;
	color: #fff;
	padding: 10px 0;
	vertical-align: middle;
}
section article div.content table thead tr th+th {
	border-left: 1px solid #000;
}
section article div.content table thead tr th:nth-child(3) {
	border-left: 3px solid #000;
}
section article div.content table thead tr+tr th {
	background: #969696;
	font-weight: 400;
	font-size: 14px;
	padding: 10px;
}
section article div.content table thead tr th.cat {
	font-size: 14px;
	padding: 10px;
	background: #58AD2E;
}
section article div.content table thead tr+tr th+th {
	border-left: 1px solid #7c7c7c;
}
section article div.content table thead tr+tr th:nth-child(5) {
	border-left: 3px solid #7c7c7c;
}
section article div.content table thead tr+tr th:nth-child(3) {
	border-left: 1px solid #7c7c7c;
}
section article div.content table tbody tr td {
	padding: 5px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #f7f7f7;
}
section article div.content table tbody tr td+td {
	border-left: 1px solid #f7f7f7;
}
section article div.content table tbody tr td:nth-child(5) {
	border-left: 3px solid #f7f7f7;
}

section article div.content table tbody tr td span.icon {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
section article div.content table tbody tr td span.icon::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: block;
    z-index: 9;
}
section article div.content table tbody tr td span.icon.Nein::after {
	content: "\f00d";
	color: #ad2e2e;
}
section article div.content table tbody tr td span.icon.Ja::after {
	content: "\f00c";
	color: #58AD2E
}
/*--------------*/
/* !FLEXSLIDER  */
/*--------------*/
section article div.content.slider {
	padding: 0;
}
section article div.content.slider div.flexslider {
	background: #323233;
	position: relative;
	padding: 20px;
	margin: 0;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	overflow: hidden;
}
section article div.content.slider div.flexslider div.h2 {
	padding: 0 0;
	color: #fff;
	margin: 0 0 18px 0;
}
section article div.content.slider div.flexslider ul.slides {
	height: 300px;
	overflow: hidden;
}
section article div.content.slider div.flexslider ul.slides li {
	height: 300px;
	overflow: hidden;
	position: relative;
}
section article div.content.slider div.flexslider ul.slides li img {
    width: auto!important;
    height: 300px!important;
}
section article div.content.slider div.flexslider ul.slides li div.desc {
	height: 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(88,173,46,.8);
	color: #fff;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section article div.content.slider div.flexslider ul.slides li:hover div.desc {
	opacity: 1;
	height: auto;
}
section article div.content.slider div.flexslider ul.slides li div.buttons {
	position: absolute;
	left: 50%;
	top: 0;
	width: 150px;
	height: 0;
	margin: -50px 0 0 -60px;
	z-index: 999;
}
section article div.content.slider div.flexslider ul.slides li div.buttons a,
section article div.content.slider div.flexslider ul.slides li div.buttons div {
	background: #58AD2E;
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display: block;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
section article div.content.slider div.flexslider ul.slides li div.buttons div {
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;
}
section article div.content.slider div.flexslider ul.slides li:hover div.buttons a,
section article div.content.slider div.flexslider ul.slides li:hover div.buttons div {
	top: 150px;
}
section article div.content.slider div.flexslider ul.slides li:hover div.buttons a:hover,
section article div.content.slider div.flexslider ul.slides li:hover div.buttons div:hover {
	text-decoration: none;
	background: #9EE279;
}
section article div.content.slider div.flexslider ul.slides li div.buttons a {
	left: 0;
}
section article div.content.slider div.flexslider ul.slides li div.buttons div {
	right: 0;
	left: inherit;
}
section article div.content.slider div.flexslider ul.slides li div.buttons a::before,
section article div.content.slider div.flexslider ul.slides li div.buttons div::before {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: relative;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	display: block;
	font-size: 20px;
}
section article div.content.slider div.flexslider ul.slides li div.buttons a::before {
	content: "\f065";
}
section article div.content.slider div.flexslider ul.slides li div.buttons div::before {
	content: "\f045";
}
section article div.content.slider div.flexslider ul.flex-direction-nav li a {
	width: 40px;
	height: 80px;
	margin: -40px 0 0 0;
	background: #fff;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}
section article div.content.slider div.flexslider:hover ul.flex-direction-nav li a {
	opacity: 1;
	left: 0;
}
section article div.content.slider div.flexslider:hover ul.flex-direction-nav li a.flex-next {
	right: 0;
	left: inherit;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
section article div.content.slider div.flexslider ul.flex-direction-nav li a:before {
	width: 30px;
    height: 80px;
	line-height: 80px;
	font-size: 30px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #323233;	
}
section article div.content.slider div.flexslider ul.flex-direction-nav li a.flex-prev:before {
	content: "\f053";
	margin: 0 10px 0 0;
}
section article div.content.slider div.flexslider ul.flex-direction-nav li a.flex-next:before {
	content: "\f054";
	padding: 0 0 0 10px;
}
section article div.content.slider div.flexslider ul.flex-direction-nav li a:hover {
	text-decoration: none;
}
section article div.content.slider div.flexslider ul.flex-direction-nav li:hover a::before {
	color: #58AD2E;
}
/*---------*/
/* !VIDEO  */
/*---------*/
section article div.content div.video {
	width: 100%;
	position: relative;
	padding: 0 0 20px 0;
}
section article div.content div.video div.iframe {
	width: 600px;
	height: 400px;
	display: table;
	margin: 0 auto 20px auto;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
section article div.content div.video div.iframe iframe {
	width: 600px;
	height: 400px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
section article div.content div.video span.desc {
	display: none;
}
/*-----------------*/
/* !FAZIT CONTENT  */
/*-----------------*/
section article div.content.fazit h2 {
	padding: 0 20px;	
}
section article div.content.fazit p {
	padding: 0 20px 20px 20px;
}
section div.content.fazit div.progress-bar.darkgreen div span {
	color: #2e6313 !important;
}
section div.content.fazit div.progress-bar.green div span {
	color: #58AD2E !important;
}
section div.content.fazit div.progress-bar.yellow div span {
	color: #e7da0a !important;
}
section div.content.fazit div.progress-bar.orange div span {
	color: #e77c0a !important;
}
section div.content.fazit div.progress-bar.red div span {
	color: #b72222 !important;
}
section div.content.fazit div.progress-bar.default div span {
	color: #3b3b3b !important;
}
section article div.content.fazit div.progress-bar {
	float: left;
	height: 120px;
	width: 120px;
	border: 10px solid #fff;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	margin: 0 20px;
}
section div.content.fazit div.progress-bar div {
	position: absolute;
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
section div.content.fazit div.progress-bar div span {
	position: absolute;
	font-family: Arial;
	font-size: 25px;
	line-height: 75px;
	height: 75px;
	width: 75px;
	left: 12.5px;
	top: 12.5px;
	text-align: center;
	border-radius: 50%;
	background-color: white;
}
section div.content.fazit div.progress-bar div.background { 
	background-color: #b3cef6; 
}
section div.content.fazit div.progress-bar div.rotate {
	clip: rect(0 50px 100px 0);
	background-color: #4b86db;
}
section div.content.fazit div.progress-bar div.left {
	clip: rect(0 50px 100px 0);
	opacity: 1;
	background-color: #b3cef6;
}
section div.content.fazit div.progress-bar div.right {
	clip: rect(0 50px 100px 0);
	transform: rotate(180deg);
	opacity: 0;
	background-color: #4b86db;
}
section article div.content.fazit div.buttons {
	width: 100%;
	height: 50px;
}
section article div.content.fazit div.buttons div.goto {
	width: 80%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 0 50px;
	background: #ff6600;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	float: left;
	display: block;
}
section article div.content.fazit div.buttons div.goto:hover {
	background: #d55500;
}
section article div.content.fazit div.buttons a {
	background: #323233;
	color: #fff;
	display: block;
	float: right;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
section article div.content.fazit div.buttons a::before {
	content: "\f077";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	margin: 0 10px 0 0;	
}
section article div.content.fazit div.buttons a:hover {
	background: #676767;
	text-decoration: none;
}
/*----------*/
/* !FOOTER  */
/*----------*/
footer {
	width: 100%;
	position: relative;
}
footer div.content {
	background: #F5F5F5;
	padding: 20px;
	font-size: 12px;
	line-height: 14px;
}
@media (max-width: 768px) {
	div#globalleft, 
	div#globalright,
	div#globalshadow,
	section div.content div.teaser div.legende {
		display: none;
	}
	header {
		height: auto;
		overflow: hidden;
	}
	div#globalmenu {
		width: 100%;
		background-color: #000;	
		background-image: none;
		left: 0;
		margin: 0;
		position: relative;
		height: auto;
		padding: 10px 5%;
	}
	div#globalmenu img {
		display: block;
		width: 80%;
		background-repeat: no-repeat;
		float: left;
		background-position: center center;
	}
	div#globalmenu ul {
		width: 100%;
		float: left;
		height: 0px;
		display: inline-block;
		overflow: hidden;
		background: #EEEEEE;
		position: relative;
		left: inherit;
		top: inherit;
	}
	div#globalmenu ul.active {
		height: auto;
		padding: 0;
	}
	div#globalmenu ul.active li {
		width: 100%;
		height: auto;
	}
	div#globalmenu ul.active li+li {
		padding: 0;
		border: none;
		margin: 0;
	}
	div#globalmenu ul.active li a {
		width: 100%;
		padding: 0 10px;
		display: block;
		line-height: 36px;
		font-size: 16px;
		border-bottom: 1px solid #fff;
		color: #323233;
	}
	div#globalmenu ul.active li a:hover,
	div#globalmenu ul.active li a:focus {
		background: #58AD2E;
		color: #fff;
		text-decoration: none;
	}
	div#globalmenu div#menu {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		float: right;
		display: block;
		color: #fff;
		font-size: 20px;
	}
	div#globalmenu div#menu::before {
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		content: "\f0ca";
		color: #fff;
	}
	div#globalmenu div#menu.active::before {
		content: "\f00d";
		line-height: 26px;
	}
	section div.content ul.hometoc {
		width: 100%;
	}
	section {
		overflow: hidden;
	}
	section div.content, footer div.content {
		width: 100%;
		overflow: hidden;
	}
	section div.content div.teaser {
		margin: 0;
	}
	section div.content div.posts div.moregames.headline {
		margin: 20px 0;
	}
	section div.content div.posts div.moregames.headline.active {
		margin: 20px 0 0 0;
	}
	section div.content div.posts div.moregames.games.active {
		padding: 0 0 20px 0;
	}
	section div.content div.posts article.large {
		height: auto;
	}
	section div.content div.posts article.large:hover div.article {
		margin: 0;
	}
	section div.content div.posts article.large,
	section div.content div.posts article.large+article.large,
	section div.content div.posts article.small {
		width: 90%;
		margin: 20px 5% 0 5%;
	}
	section div.content div.posts article.small div.image {
		max-width: 30%;
	}
	section div.content div.posts article.small a.title, section div.content div.posts article.small div.title,
	section div.content div.posts article.small div.article ul.voting,
	section div.content div.posts article.small div.buttons {
		width: 70%;
		float: right;
	}
	section div.content div#breadcrumb {
		display: none;
	}
	section div.relatedgames {
		width: 100%;
		top: inherit;
		right: inherit;
		position: relative;
	}
	section div.content div.teaser img {
		width: 100%;
		height: auto;
	}
	section div.content ul.voting {
		width: 100%;
		margin: 20px 0;
	}
	section div.content ul.voting li span.label {
		font-size: 10px;
		width: 50%;
	}
	section div.content ul.voting li div.votingbar {
		width: 50%;
	}
	section div.content div.teaser div.legende {
		width: 100%;
	}
	section div.content div.teaser div.gamelink {
		width: 100%;
		margin: 0;
	}
	section div.content div.infos div.info,
	section div.content div.infos div.info+div.info {
		width: 100%;
		margin: 0 0 20px 0;
	}
	section div.content div.infos div.toc {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		border: none;
		width: 100%;
		text-align: center;
	}
	section div.content div.infos div.toc div.title {
		text-align: center;
	}
	section div.content div.infos div.toc.active ul li {
		margin: 0 0 5px 0;
	}
	section div.content div.infos div.toc.active ul li a {
		font-size: 16px;
		line-height: 18px;
		padding: 5px 0;
	}
	.flex-direction-nav {
		display: none;
	}
	section article div.content div.video {
		padding: 0;
	}
	section article div.content div.video div.iframe {
		width: 100%;
		height: 200px;
		margin: 0 auto;
	}
	section article div.content div.video div.iframe iframe {
		height: 200px;
	}
	section article div.content.fazit div.buttons a {
		overflow: hidden;
		
	}
	section article div.content.fazit div.buttons a::before {
		width: 100%;
		height: 50px;
		text-align: center;
		display: block;
	}
	section article div.content.fazit div.buttons div.goto span {
		display: none;
	}
	section article div.content.slider div.flexslider,
	section article div.content.slider div.flexslider div.flex-viewport {
		width: 100%;
	}
	section article div.content.slider div.flexslider ul.slides,
	section article div.content.slider div.flexslider ul.slides li,
	section article div.content.slider div.flexslider ul.slides li img {
		height: 160px !important;
	}
	section article div.content.slider div.flexslider ul.slides li:hover div.desc {
		opacity: 0;
		height: 0px;
	}
	section article div.content.slider div.flexslider ul.slides li:hover div.buttons a, 
	section article div.content.slider div.flexslider ul.slides li:hover div.buttons div {
		display: none;
	}
	section div.relatedgames label,
	section div.relatedgames div.games {
		width: 100%;
		text-align: left;
	}
	section div.relatedgames label,
	section div.relatedgames div.games ul li:nth-child(1),
	section div.relatedgames div.games ul li a {
		padding: 0 5%;
	}
	}
	#pix {
    	float: left;
	margin-left: 25px;
    	width: 100px;
	height: 100px;
	}
	#teams {
   	width: 700px;
    	height: 100px;
  	margin-left: 160px;
	}