/* layout main
================*/
main{
	margin: 1rem 0;
	display: grid;
	grid-template: 
		"front side"
		"news side"
		/67% 33%;
}

#frontpage{
	grid-area: front;
}

#frontpage h3{
	font-size: 2.5em;
	margin: 0;
}

#news-container{
	grid-area: news;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: .5rem;
}

#sidebar{
	grid-area: side;
	max-width: 100%;
}

.frontpage-header{
	position: relative;
}

.front-photo{
	width: 100%;
}

.text-front{
	width: 100%;
	position: absolute;
	bottom: 1em;
	left: .5em;
	text-shadow: .2em .2em .2em black;
}

.front-underline{
	color: #FFFFFF;
	font-size: 1.5em;
}

.news{
	max-width: 24rem;
	margin-right: 1rem;
}

.news-header{
	position: relative;
	max-width: 100%
}

.news-photo{
	width: 100%;
}

.text-news-photo{
	position: absolute;
	bottom: 0.3em;
	text-shadow: .1em .1em .2em black;
}

/* layout sidebar
================*/
.sidebar-item{
	border-left: 1px solid;
	padding-left: 1em;
	margin: 0 0 2em 1em;
	max-width: 100%;
}

.sidebar-item-content{
	max-width: 100%;
}

.sidebar-img{
	max-width: 100%;
}

.btn1{
	color: #505050;
	background-color: #FFFFFF;
	border:  2px solid;
	padding: .5em;
	margin: .5em 0;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}

.btn1:hover{
	color: #FFF;
	background-color: #ff0004;
}

.tabelle td, .transfer_table td, .fixtures_table td{
	border-right: 1px solid;
	padding: 0 .2rem;
}

.fixtures_table_score{
	white-space: nowrap;
}

.tabelle_highlight{
	color: #ff0004;
	font-weight: 500;
}