div#spiele{
	text-align: center;
	padding: 1em;
	background: #fff;
}
#spiele h1{
	margin-top: 0;
}
div.match{
	width: 100%;
  text-align: center;
	margin-bottom: 1em;
	background-color: #fff;
	border: 3px solid #eee;
	word-break: break-word;
	color: #222!important;
	font-weight: normal!important;
	text-decoration: none!important;
	position: relative;
}
div.team-heim, div.team-gast, div.tore-heim, div.tore-gast, div.minute, div.wappen{
	text-align: center;
	vertical-align: middle;
	font-size: 1.02em;
	display: inline-block;
}
div.team-heim, div.team-gast{
	width: 24%;
}
div.tore-heim, div.tore-gast{
	font-size: 2em;
	font-family: Roboto Slab, Arial;
	color: #787878;
	width: 9%;
}
div.minute{
	font-size: .72em;
  width: 12%;
}
div.wappen{
	width: 5%;
}
div.wappen img{
	width: 100%;
}

h3.match_date{
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	background: #efefef;
	padding: 3px 0;
	margin: 0;
	font-family: 'Merriweather', serif;
}

h3.match_date > small{
	color: #444;
	text-transform: capitalize;
}

@media only screen and (max-width : 750px) {
		div.team-heim, div.team-gast{
			/* display: block;
			width: 100%;
			background: #888;
			color: #fff */
			font-size: 11px;
		}
		div.minute{
			font-size: .7em;
			/* width: 30%; */
		}
		div.wappen{
			/* width: 12%;
			padding: 6px */
			width: 4%;
		}
		div.tore-heim, div.tore-gast{
			width: 10%;
			font-size: 1.2em;
			color: #111;
		}

		h3.match_date {
			font-size: .9em
		}
}

div#match_infos{
	text-align: center;
	font-weight: bold;
	width: 100%;
	background: #444;
	color: #fff;
	position: relative;
	height: 38px
}
div#match_infos>div#match_time{
	background: #aaa;
}
div#match_infos>div#match_status,div#match_infos>div#match_time{
	display: inline-block;
	width: 50%;
	padding: .5em 0;
	font-size: 1.15em;
	position: absolute
}
div#match_infos>div#match_status{
	left: 0;
	background: #444
}
div#match_infos>div#match_time{
	right: 0
}
div#match_infos>div#match_status.live{
	background: red;
}
div#match_infos>div#match_time>img.clock{
	width: 19px;
	margin-right: .4em;
	position: relative;
  top: 3px;
}

div.referee, div.location{
	display: block;
	background: #eee;
	text-align: center;
	padding: .4em 0;
	position: relative;
}
div.referee>img.whistle{
	width: 25px;
	position: relative;
	right: 10px;
}

div.location>img.location{
	height: 18px;
	position: relative;
	top: 2px;
	right: 10px;
}

/*LIVE MATCH*/
div.livematch div.tore-heim, div.livematch div.tore-gast{
	color: red;
}
/* div.livematch h3.match_date{
	background: #3385cc;
	color: #fff;
} */
/*SPIEL EINZEÈL*/
div#spiel-einzel{
	padding: .8em;
}
div#matchdetails{
	width: 100%;
	margin: 0 auto;
	max-width: 750px;
	padding-bottom: 5em;
}
div#matchdetails div#left{
	width: 49%;
	display: inline-block;
	text-align: left;
	vertical-align:top;
}
div#matchdetails div#right{
	width: 49%;
	display: inline-block;
	text-align: right;
	vertical-align:top;
}
div.live-reporter{
	background: #60cc33;
	color: #fff;
	right: 0;
	top:0;
	position: absolute;
	width: auto;
	padding: 3px 3px 3px 5px;
	font-size: .5em;
	margin-top: 0px;
	border-bottom-left-radius: 8px;
}
p.score{
	font-size: 5em;
	margin-bottom:0.3em;
	margin-top:0;
}
div.temp p.score{
	color: red;
}
p.team{
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}
ul#ereignisse{
	list-style: none;
	width: 98%;
	margin: 0;
	padding: 0;
}
ul#ereignisse:after {
    content:"";
    position: absolute;
    z-index: -1;
    top: 370px;
    bottom: 0;
    left: 50%;
    border-left: 6px solid #ccc;
}

div.player_event_info{
	display: inline-block;
	font-size: 1.1em;
	width: 62%;
	padding: 0 .5em;
	font-family: 'Patua One', cursive;
	color: #222;
	height: 100%;
  overflow: hidden;
}
div.player_event_info>p{
	margin: 0;
}
.player_event_minute{
	font-size: 1.5em;
	color: #444;
}
.player_event_name{
	font-size: 16px;
	font-family: 'Merriweather', serif;
}
img.event_icon{
	height: 26px;
	vertical-align: bottom;
	margin-bottom: 3px;
}
img.e_left{
	margin-right: 10px;
}
img.e_right{
	margin-left: 10px;
}
ul#ereignisse li{
	width: 80%;
	margin: .8em 0;
	/* border-radius: 2px; */
	box-sizing: border-box;
	background: #EFEFEF;
	box-shadow: 2px 0px 4px #ccc;
	padding: .2em .5em;
	position: relative;
}
ul#ereignisse li:nth-child(even) {
    background: #fff;
}
ul#ereignisse li.info{
	text-align: center;
	width: 100%;
	padding: .8em .5em .5em .5em;
	border: 2px solid #ddd;
}
.player_event_text{
	font-family: 'Merriweather', serif;
}

ul#ereignisse li.left{
	text-align: left;
	/* border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; */
	border-left: 3px solid rgba(0,0,0,.2);
}

ul#ereignisse li.right{
	text-align: right;
	margin: 0 0 0 20%;
	margin-top: .5em;
	margin-bottom: .5em;
	/* border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; */
	border-right: 3px solid rgba(0,0,0,.1);
}

ul#ereignisse li.right .player_event_text,
ul#ereignisse li.left .player_event_text {
	color: #444;
	font-size: .8em;
}

div.player_event_img{
	/*display: inline-block;
	width: 28%;
	max-width: 65px;
	position: relative;
	top: -22px;*/
	top: 4px;
  position: absolute;
  width: 64px;
}
div.player_event_img>img{
	width: 94%;
	/* border-radius: 100%; */
	border: 2px solid #fff;
}

li.left div.player_event_info{
	margin-left: 60px
}

li.right div.player_event_info{
	margin-right: 60px
}
li.right div.player_event_img{
	right: 10px;
}

#spiele-heute-container, #spiele-weekend-container{
	padding: 1em;
}
#spiele-heute-container{
	background-color: #fff;
}
#spiele-heute-container>p{
	font-weight: bold;
	font-family: Lato;
	text-align: center;
}

.rinviades{
	padding: 1em;
}
.rinviades div{
	margin: .6em 0;
	background: #F3CDCD;
	border-radius: 7px;
	padding: .5em;
}
.rinviades b{
	display: inline-block;
	margin: 0;
	margin-right: .5em;
	text-transform: uppercase
}

#match-comments{
	background: #fff;
	border: 1px solid #ddd;
}

#match-comments p{
	padding: 1em
}

#match-comments p i{
	color: #aaa
}

#match-formation table{
	width: 100%;
	text-align: center
}

.player-image{
	border-radius: 100%;
	border: 2px solid #ddd;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}

.player-name{
	background: #2b2b2b;
	padding: .1em .4em;
	color: #fff;
	border-radius: 5px;
	margin-top: 0px;
}

.match-stats table{
	text-align: left;
	width: 100%;
}
.match-stats table tr:nth-child(even) {
    background-color: #eee;
}
.match-stats table tr td{
	padding: .5em 0;
}

@media screen and (max-width: 800px){
	.player-name{
		display: none
	}
	.player-name.clicked{
		display: block
	}
}

@media only screen and (max-width : 600px) {
		.player-image{
			width: 52px;
			height: 52px;
		}
		.player-name{
			font-size: .8em;
		}
}