/*-------------------------------------------------------------------------------*/
/*																				 */
/* CSS-File: 	content.css       	                                             */
/* Version:		001																 */
/*																				 */
/* Datum:		24.01.2018														 */
/*																				 */
/* Author:		BoomArang Engineering											 */
/* Purpose:		content styles für alle Seiten  								 */
/*																				 */
/* History:		none                         									 */
/*																				 */
/*																				 */
/*-------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/* 							Content Area                                     */
/*---------------------------------------------------------------------------*/
#content {
	display: block;
	width: 100%;
	/* max-width: 1920px; */
	background-color:white; /* #F5F5F5;*/
}

.hotdates{
	position:fixed;
	top:115px;
	right:0px;
	background:red;
	color:white;
	font-size:100%;
	padding:1%;
	border-radius: 5px 0px 0px 5px;
	/*opacity:0.6;*/

}

.hotdates {
  animation-duration: 4s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    right: -480px;
  }

  to {
    right: 0px;
  }
}

.headline {
	display:block;
	float:left;
	/* background-color:#EBEBEB; /*#F6F6F6;*/
	background-color:white; /*#4C93AD;*/
	color:black;
	text-align:center;
	font-size:170%;
	width:100%;
	padding:0 0 3% 0;
}
.headline ul {
	width:50%;
	padding-left:10%;
} 

.headline b  {
	color:black;
	font-size:150%;
	font-weight:bold;
}
.headline p {
	font-size:75%;
	color:#2F2D2C;
	text-align:justify;
	padding:0 10% 0 10%;
} 
	
.headline p b {
	font-size:100%;
} 
.headline li {
	margin-bottom:1%;
}

.headline a {
	color:black;
}

.liveblock {
	display:block;
	float:left;
	width:40%;
	padding-left:10%;
	background-color:white;
	text-align:left;
	line-height:1.5;
	font-size:70%;
	
}

.liveblock b {
	font-size:100%;
	font-weight:normal;
	color:#666666;
	
}

/*---------------------------- FLEX CONTAINER -------------------------------*/
.flexframe {
	width:100%;
}

.flex-container {  
	display: flex;
    margin-left: auto;
    margin-right: auto;
}

.info-item {
    width: 33%;
    height: 100%;
    text-align:center;
    font-size:90%;
	font-weight:normal;
}

.info-item b {
	font-size:230%;
	font-weight:lighter;
}

.info-item img {
	width:15%;
	text-align:center;
}

/*------------------------ end -- FLEX CONTAINER -----------------------------*/

.welcome {	
		float:left;
		font-size:130%;
		text-align:justify;
		width:80%;
		background-color:#F5F5F5; /* #4C93AD; */
		color:black;
		padding:2% 10% 2% 10%;
}
.welcome b {	
		color:black;   /* #0099FF;/*#999999;*/
		font-size:130%;
		font-weight:bold;	

}

.img-wrapper{
	display:block;
	width:100%;
	text-align:center;
	background-color:#F5F5F5;
}
.img-wrapper img{
		width:80%;
}

.impressum {
	display:block;
	text-align:justify;
	font-size:90%;

	width:90%;
	margin:3% 3% 3% 3%;
	padding:2%;
}

.sponsor-wrapper {
	display:block;
	width:98%;
	background-color:#F8F8F8;
	font-size:90%;
	padding:0 1% 1% 1%;
}
.sponsor-wrapper img {
	padding:1% 1% .5% 2%;
	width:10%;
	height:auto;
	
}