/*
 * breiteste "mobile" Variante
 */


@media only screen 
				and (min-width : 321px) 
				and (max-width : 1024px) { 


	#leftside {
		 width: 120px;
		 width: 7.5rem;
	}

	#rightside {
		margin-left: 120px;
		margin-left: 7.5rem; 
	}	

	.tsv, .tsv:hover {
		margin-left: 110px;
	}

	#home {
		transform: scale(0.8);
		
		margin-top: -30px;
		margin-left: -5px;
	} 

	.tri {
		right: -1px;
	}

	.mainmen1, .mainmen2, .mainmen3, .mainmen4, .mainmen5, .mainmen6, .mainmen7, .mainmen8, .mainmen9, .mainmen10,
	.mainmen1:hover, .mainmen2:hover, .mainmen3:hover, .mainmen4:hover, .mainmen5:hover, .mainmen6:hover, .mainmen7:hover, .mainmen8:hover, .mainmen9:hover, .mainmen10:hover    
	{
		font-size:0.9375rem;
	}
	
	.submen1 a, .submen2 a, .submen3 a, .submen4 a, .submen5 a, .submen6 a, .submen7 a, .submen8 a, .submen9 a, .submen10 a,
	.submen1 a:hover, .submen2 a:hover, .submen3 a:hover, .submen4 a:hover, .submen5 a:hover, .submen6 a:hover, .submen7 a:hover, .submen8 a:hover, .submen9 a:hover, .submen10 a:hover  
	{
		font-size:0.75rem;
	}	

	.mainmen1:after, .mainmen2:after, .mainmen3:after, .mainmen4:after, .mainmen5:after, .mainmen6:after, .mainmen7:after, .mainmen8:after, .mainmen9:after, .mainmen10:after {
		top: 2px;
		right: 5px;
		
	}

	a.subact {
		background: transparent;
		color: white;
		border-right: 5px solid white;
	}

	.mainmen1:hover:after, #mencheck1:checked ~ .mainmen1:after,
	.mainmen2:hover:after, #mencheck2:checked ~ .mainmen2:after, 
	.mainmen3:hover:after, #mencheck3:checked ~ .mainmen3:after,
	.mainmen4:hover:after, #mencheck4:checked ~ .mainmen4:after,
	.mainmen5:hover:after, #mencheck5:checked ~ .mainmen5:after,
	.mainmen6:hover:after, #mencheck6:checked ~ .mainmen6:after,
	.mainmen7:hover:after, #mencheck7:checked ~ .mainmen7:after,
	.mainmen8:hover:after, #mencheck8:checked ~ .mainmen8:after,
	.mainmen9:hover:after, #mencheck9:checked ~ .mainmen9:after,
	.mainmen10:hover:after, #mencheck10:checked ~ .mainmen10:after	
	{
		top: 5px;
	}
	
	.startheadcnt {
		padding-left: 20px;
	}
		
	.startheadcnt h1 {
		font-size:20px;
		font-size:1.25rem;
	}	

	.startheadcnt:after {
		/*
		content: "";
		position: absolute;
		top: 0;
		right: -125px;
		width: 0;
		height: 0;
		border-bottom:86px solid #ffffff;
		border-right: 126px solid transparent;
		*/
	}
	
	.startnewsfilter {
		padding: 20px;
	}	
	
	.startnewsfilter select option {
		font-size: 0.8rem;
	}

	.teasercont {
		width: 200px;
		height: 280px;
		padding: 0;
		margin-left: 19px;
		width: 190px;
		overflow: hidden;		
		display: inline-block;

	}

	.teasercont a {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 280px; 
	}


	.teasercont img {
		border-bottom: 4px solid #000000;
		width: 200px;
		height: 160px;
	}


	.teasertxt {
		padding: 0 10px 20px 10px;
		font-size:14px;
		font-size:0.875rem;

		width: 180px;
		height: 115px;
	}
	
	.sponsdvd {
		display: none;
	}
	
/*
	.sponsmain, sponsequip {
		display: block;
	}

	.sponspartner {
		position: absolute; 
		top: 10px;
		right: 0;
	}
*/
	.sponsmain a, .sponsmain a:hover {
		/*
		width: 182px;
		height: 62px;
		margin-right: 20px;
		*/
		
		/*background-size: cover;*/
	}

	.sponsequip a, .sponsequip a:hover {
		/*
		width: 182px;
		height: 62px;
		margin-right: 20px;
		*/
	}

	.sponspartner .pp1, 
	.sponspartner .pp2,
	.sponspartner .pp3,
	.sponspartner .pp4,
	.sponspartner .pp5
	{
		/*
		width: 100px;
		height: 62px;
		margin-right: 10px;
		margin-top: 10px;
		*/
	}

	.sponspartner .pp1 {
		
	}

	.sponspartner .pp6
	{
		margin-right: 20px;
	}
	
	.sponsequip p, .sponsmain p, .sponspartner p {
		font-size: 15px;
		font-size: 0.9375rem;
		padding: 0 0 10px 20px;
	}	

	.sponspartner p {
		padding: 10px 0 0 20px;
	}
	
	.preftr {
		height: 20px;
	}
	
	.footer {
		height: auto;
		margin-right: 0;
		padding: 0 0 20px 0;
	}

	.footer a, .footer a:hover {
		text-transform: uppercase;
		font-size: 0.9rem;
		font-weight: bold;
		color: #5aaadf;
		text-align: center;
		display: inline-block;
margin-left: 30px;
	}
	.footerrights {
		padding-top: 10px;
		color: white;
		font-size:11px;
		font-size:0.6875rem;
		display: block;
	}
	

}


/*
 * Beginn Live-Ticker
 */
@media screen and (max-width:1800px) {
	#eventbox {
		
	}
	
	#tickermessages {
		max-height: 400px;
		height: 80%;
	}	
	
	.m4, .m6 {
		font-size: 1.0rem;
	}
	
	.m5 {
		font-size: 2.0rem;
	}	
	
	div.matchcell.m2.mcenter.oldmatches > div,
	div.matchcell.m2.mcenter.comingmatches > div,
	div.matchcell.m8.mcenter.blueborder.comingmatches > a {
		font-size: 2.0rem;
	}

}

@media screen and (max-width:1700px) {

	.scorehome img, .scoreguest img {
		margin-top: 50px;
		width: 100%;
		height: auto;
		max-width: 150px;
	}
	
	#ticker_home, #ticker_away, #ticker_divider {
		display: inline;
		font-size: 10rem;
	}
	
	#eventbox {
		
	}
	
}

@media screen and (max-width:1600px) {

/*
	.matchlist {
		display: block;
		border: 1px solid red;
	}

	.whiterow, .transparentrow  {
		display: block;
	}

	.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9  {
		display: inline-block;
	}

	.spieltermin {
		display: inline;
		margin-right: 20px;
	}
*/

	.spieleheimlogo img, .spielegastlogo img {
		width: 100%;
		height: auto;

		max-width: 100px;
		min-width: 50px;
	}

	.positionsection a, .positionsection a:hover, .positionsection a:visited, .positionsection a:active {
		color: #5AAADF;
		font-size: 1.5rem;
		line-height: 1.7rem;
		text-transform: uppercase;
		text-decoration: none;
		margin-right: 50px;
	}

	.stathead {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	
	.statnum {
		font-size: 2.5rem;
		margin-left: 10px;
		margin-right: 80px;
		line-height: 5.0rem;

	}

	.bigblue {
		color: #5aaadf;
		display: inline;
		font-size: 4.0rem;
		line-height: 5.25rem;
	}

	.of {	
		color: #000000;
		display: inline;
		font-size: 1.5rem;
		line-height: 4.25rem;
		text-transform: uppercase;
	}

	.statbigblack {
		color: #000000;
		display: inline;
		font-size: 2.5rem;
		line-height: 6.0rem;

	}


}

/* Die Infoblock-Teaser 1575 */
@media screen and (max-width:1830px) {
	.infoblockscraper {
		width: 90%;
		margin-left: 30px;
	}
	
	.infoblockhead {
		margin-right: 30px;
	}
	 
	.infostrblock {
	  float: left;
    margin-right: 30px;
	}
}

@media screen and (max-width:1500px) {

	.tickerright, .tickertable, .tickerleft {
		display: block;
		width: 100%;
	}

	.tickerleft {
		border-right: 0;
	}

	#tickermessages {	
		padding-left: 20px;
		max-height: 500px;
		width: 96%;
		padding-right: 20px;
	}

	.scorehome img, .scoreguest img {
		margin-top: 50px;
		width: 100%;
		height: auto;
		max-width: 200px;
	}

}

@media screen and (max-width:1500px) { 
	.rightpartner {
		right: 50px;
	}
}

@media screen and (max-width:1430px) { 
	.rightpartner {
		right: 10px;
	}
}


@media screen and (max-width:1385px) { 
	.rightpartner {
		display: none;
	}


	.sectionheaderdvd {
		width: 94%;
	}

}

@media screen and (max-width:1300px) { 
	.tc4 {
    width: 28%;
   }
   	
	.m4, .m6, .m9 a, .m9 span {
		font-size: 0.75rem;
	}
	
	.m6 span {
		font-size: 0.75rem;
	}
	
	.m5 {
		font-size: 1.00rem;
	}
	
	
	.spielstadion, .spieldatum, .spielzeit {
		font-size: 0.75rem;
	}
	
	.spielicon {
		
	}
}

@media screen and (max-width:1200px) { 

	.ansprechcell h5 {
		font-size: 0.75rem;
	}


	div.matchcell.m2.mcenter.oldmatches > div,
	div.matchcell.m2.mcenter.comingmatches > div,
	div.matchcell.m8.mcenter.blueborder.comingmatches > a {
		font-size: 1.0rem;
	}

	.spieleheimlogo img, .spielegastlogo img {
		width: 100%;
		height: auto;

		max-width: 50px;
		min-width: 30px;
	}

	.ticketlink {
		font-size: 1.0rem;
	}
	
	.leaguehl {
		font-size: 1.2rem;
	}
	
	.ltend {
		font-size: 1.2rem;
	}
	
	.plnum {
		display: inline;
		font-size: 3.0rem;
		line-height: 3.25rem;
		margin-right: 20px;
	}

	.plname {
		display: inline;
		font-size: 2.5rem;
		line-height: 3.25rem;
		text-transform: uppercase;
	}
	
	.plpos {
		font-size: 2.0rem;
		line-height: 2.25rem;
	}	

	.cards {
			text-align: left;
			display: block;
			margin-left: 0;
	}
	
	.statnum {
		margin-right: 40px;
	}

	.compall, .compbl, .comppokal, .compall:hover, .compbl:hover, .comppokal:hover, .compall:visited, .compbl:visited, .comppokal:visited {
		/*
		text-decoration: none;
		color: #888888;
		font-size: 1.5rem;
		line-height: 1.75rem;
		*/
		margin-left: 50px;
	}

	.stathead {	
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	
	.statnum {
		font-size: 1.5rem;
		margin-left: 10px;
		margin-right: 20px;
		line-height: 1.75rem;

	}

	.bigblue {
		color: #5aaadf;
		display: inline;
		font-size: 3.0rem;
		line-height: 1.0rem;
	}

	.of {	
		color: #000000;
		display: inline;
		font-size: 1.0rem;
		line-height: 3.0rem;
		text-transform: uppercase;
	}

	.statbigblack {
		color: #000000;
		display: inline;
		font-size: 2.0rem;
		line-height: 1.0rem;

	}
	
	.sleft, .sright {
		display: block;
	}
	
	.sleft {
		font-size: 1.5rem;
		text-align: left;
		width: 90%;
		padding-bottom: 5px;
	}


	.cards {

		display: inline;
		font-size: 24px;
		margin-left: 50px;
	}

	.sright {
		font-size: 1.0rem;
	}

	div.sright.pinfotxt {
		width: 80%;
	}

	.pdatacell {
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
	
	#playercntarea > div > div.pleft > div.stable.playerdata > div > div.sleft > div.stable > div > div.sright.pdatacell {
		font-size: 1.5rem;
	}
	
	#playercntarea > div > div.pleft > div.stable.playerdata > div > div.sleft > div.stable > div > div.sleft.tright.pdatacell {
		width: 100%;
	}
	
	.pinfotxt {
		padding-top: 0;
	}

}

@media screen and (max-width:1100px) {
	.positionsection a, .positionsection a:hover, .positionsection a:visited, .positionsection a:active {
		color: #5AAADF;
		font-size: 1.0rem;
		line-height: 1.2rem;
		text-transform: uppercase;
		text-decoration: none;
		margin-right: 40px;
	}

	.tc4 {
    width: 25%;
   }

	.sectionheaderdvd {
		width: 92%;
	}


}

@media screen and (max-width:1050px) {
	.spielstadion {
		display: none;
	}
	
	.stadionicon {
		display: none;
	}
	
	.spielzeitblock {
		float: left;
	}
	
	.scorehome img, .scoreguest img {
		margin-top: 15px;
		max-width: 180px;
	}	

	.tickerhead {
		color: black;
		width: 91%;	
	}

	#sectionteasers {
		padding: 0 10px 30px 0;
	}
		
}

@media screen and (max-width:1000px) {
	
	.scorehome img, .scoreguest img {
		margin-top: 15px;
		max-width: 140px;
	}	

	.tickerstats {
		background: transparent;
		height: 400px;
		clear: none;
	}
	
	.tri {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;

		border-top: 77px solid #5aaadf;
		border-left: 62px solid transparent;

	}


	.tickcell {
		font-size: 1.375rem;
		line-height: 1.4375rem;
		vertical-align: middle;
	}
	
	div.dropdownouter > div > div > div > div div > span {
		font-size: 1.0rem;
	}

	.nice-select:after {
		font-size: 1.0rem;
	}

	/* Ansprechpartner-Kram */
	.ansprech {
		display: block;
		margin: auto;
			
	}

	.ansprechrow {
		display: block;
	}

	.ansprechcell {
		display: block;
		padding: 0 0 0 0;
		margin-bottom: 20px;
		width: 100%;
	}
		
	#rightsidecnt > div.rightmainkach > div > div.articleblock > h1 {
		font-size: 1.75rem;
	}
	/* Ende Ansprechpartner-Kram */


}

@media screen and (max-width:900px) {
	.cards {
		display: inline;
		margin-left: 50px;
	}
	
	.sectionheader > h1 {
		font-size: 1.25rem;
	}

	.plnum {
		display: inline;
		font-size: 2.0rem;
		line-height: 2.25rem;
		margin-right: 20px;
	}

	.plname {
		display: inline;
		font-size: 1.5rem;
		line-height: 2.25rem;
		text-transform: uppercase;
	}
	
	.plpos {
		font-size: 1.75rem;
		line-height: 1.75rem;
	}	

	.pdatacell{
		font-size: 1.25rem;
	}
	
	#playercntarea > div > div.pleft > div.stable.playerdata > div > div.sleft > div.stable > div > div.sright.pdatacell {
		font-size: 1.25rem;
	}

	.fantrikot {
		width: 80%; 
		height: auto;
	}

	.fanlink, .fanlink:hover {
		font-size: 2.0rem;
	}

	.fantrikotback {
		width: 70%;
    bottom: 9%;
    right: 25%;
	}

	.fanlink:after {
		content: 'i';
		margin-left: 5px;
		font-size: 2.0rem;
	}

	.compall, .compbl, .comppokal, .compall:hover, .compbl:hover, .comppokal:hover, .compall:visited, .compbl:visited, .comppokal:visited {
		margin-left: 30px;
	}


}


@media screen and (max-width:850px) {
	.eventdivider {
		display: block;
		height: 1px;
	}

	.eventtext, .eventminute {
		margin-left: 0;
	}
	
	
	.spieleheimlogo img, .spielegastlogo img {
		/*display: none;*/
	}	
	
	.spielecomp {
		/*display: none;*/
	}	
	
	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.matchlist > div > div.matchcell.m4	 {
		display: none;
	}

	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.matchlist > div > div.matchcell.m6	 {
		display: none;
	}

	
	div.dropdownouter > div > div > div > div div > span {
	 	font-size: 0.75rem;
	}
	
	.leaguehl {
		font-size: 1.0rem;
	}
	
	.ltend {
		font-size: 1.0rem;
	}	

	.sectionheaderdvd {
		width: 90%;
	}

}

@media screen and (max-width:800px) {
	
	.scorehome img, .scoreguest img {
		margin-top: 15px;
		max-width: 120px;
	}	
	
	.topmenhidden {
		display: inline-block;
	}
	
	.tsv, .tsvm, .tsv:hover, .tsvm:hover, .tsv:active, .tsvm:active, .tsv:visited, .tsvm:visited {
		font-size: 2.0rem;
	}

	
	.positionsection a, .positionsection a:hover, .positionsection a:visited, .positionsection a:active {
		color: #5AAADF;
		font-size: 0.9rem;
		line-height: 1.0rem;
		text-transform: uppercase;
		text-decoration: none;
		margin-right: 30px;
	}

	#rightsidecnt > div.rightmainkach > div > div.articleblock > h1 {
		font-size: 1.5rem;
	}
	
	.toppartner  {
		display: none;
	}
	
	.toppartnerimg {
		display: none;
	}		

	.toppartnermob {
		display: block;
		top: 15px;
	}	
}

@media screen and (max-width:750px) {
	.scorehome img, .scoreguest img {
		margin-top: 15px;
		max-width: 100px;
	}

	#ticker_home, #ticker_away, #ticker_divider {
		display: inline;
		font-size: 5rem;
	}
	
	#clock {
		display: none;
	}

	#eventbox {
		left: 10%;
	}	
	
	.tickerstats {
		height: 400px;
	}
	
	.tickerclock img {
		display: none;
	}

	.tickerleft {
		display: inline-block;
	}
	
	

	.tc3 {
		
	}
	
	.tc4 {
		
	}
	
	#tickermessages {	
		width: 94%;
	}
	
	/*!!!!!*/
	.m1, .m2, .m3 {
		/*display: none;*/
	}
	
	.spielzeit {
		/*
		color: red;
		text-align: left;
		*/
	}

}

@media screen and (max-width:700px) {
	.positionsection a, .positionsection a:hover, .positionsection a:visited, .positionsection a:active {
		display: block;
		font-size: 1.2rem;
		line-height: 1.3rem;
	}
	
	.pright {
			display: none;
	}	
	
	.playerlargemob {
		display: block;	
	}
}

@media screen and (max-width:600px) {

	.cards {
		margin-left: 0;
		margin-left: -7px;
	}
		
	.m8, .m7 {
		/*display: none;*/
	}
	
	div.matchlist > div > div.matchcell.m2 {
		display: none;
	}
	
	.oldmatches > a:after, .comingmatches > span:after, .comingmatches > a:after  {
		display: none;
	}
	
}	
	
@media screen and (max-width:650px) {
	.eventtext, .eventminute {
		font-size: 0.875rem;
		line-height: 0.9rem;
	}
	
	.evcnt1, .evcnt2 {
		transform: scale(0.7);
	}	

	#tickermessages {	
		width: 92%;
	}
	
	div.dropdownouterlt > div > div > div > div div > span {
		font-size: 1.0rem;
	}

	.nice-select:after {
		font-size: 1.0rem;
	}

	.articleblock {
		padding-right: 30px;
	}
	
	.articleblockimg img, div.articletext p img {
		width: 80%;
	}
	
	div.articletext p img {
		/*margin-left: 0;*/
	}

	.articleblock span {
		width: 80%;
	}

	.sectionheaderads {
		
	}	
	
}

@media screen and (max-width:600px) {
	.tsv, .tsvm, .tsv:hover, .tsvm:hover, .tsv:active, .tsvm:active, .tsv:visited, .tsvm:visited {
		font-size: 1.5rem;
	}

	div.dropdownouterlt > div > div > div > div div > span {
		font-size: 0.8rem;
	}

	.nice-select:after {
		font-size: 0.8rem;
	}

	a.compall, a.compall:hover, a.compall:visited {
		margin-left: 1px;
	}
	
	#rightsidecnt > div.rightmainkach > div > div.articleblock > h1 {
		font-size: 1.25rem;
	}

	.sectionheaderdvd {
		width: 87%;
	}
	
	div.tickerhead div.tickcell, div.tickerhead a.tickcell.tc4	{
		font-size: 1.0rem;
	}
	
	.tickerleft {
		border-left: 10px solid transparent;
	}
	
}

@media screen and (max-width:570px) {
	.toppartnermob {
		display: block;
		top: 40px;
	}	
	
	.sectionheader > h1 {
		font-size: 1.0rem;
	}
	
	#all {
		overflow: hidden;
	}

	
}

@media screen and (max-width:480px) {
	
	div.ifont.spielicon.comingmatches,
	div.ifont.spielicon.oldmatches
 {
		display: none;
	}	
	
	
	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.matchlist > div > div.matchcell.m8.mcenter.comingmatches,
	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.matchlist > div > div.matchcell.m8.mcenter.oldmatches 
	{
		display: none;
	}
	
	div.matchlist > div > div.matchcell.m5.mcenter.comingmatches,
	div.matchlist > div > div.matchcell.m5.mcenter.oldmatches
	{
		padding: 0;
	}	
	
	div.matchcell.m1.comingmatches > div:nth-child(1) > span {
		font-size: 0.6rem;
	}	
	
	.spieldatum {
		font-size: 0.6rem;
		
		display: block;
	}

	.dropdownouter {
		height: 170px; 
	}

	div.matchlistcnt div.dropdownouter div.dropdowninner div.droptab {
		display: block;
	}
	
	div.matchlistcnt div.dropdownouter div.dropdowninner div.droptab div div.dropcell {
		display: block;
	}

	div.matchlist > div > div.matchcell.m8.mcenter.comingmatches {
		
	}

	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.dropdownouter > div > div > div > div:nth-child(1) {
		
		margin-left: 0;
	}	
	
	#rightsidecnt > div.rightmainkach > div > div.matchlistcnt > div.dropdownouter > div > div > div > div:nth-child(2) {
		
		margin-left: 0;
	}	

	div.matchlistcnt div.dropdownouter div.dropdowninner div.droptab div div.dropcell div.nice-select {
		margin-left: 0;
		margin-top: 5px;
	}
	
	div.rightcntmain div.matchlistcnt div.matchlist {
		margin-top: 40px;
	}	
	
	.spielzeit {
		font-size: 0.6rem;
		display: block;
	}

	.scorehome img, .scoreguest img {
		max-width: 50px;
	}
	
	#rightside {
		margin-top: 65px;
	}
}

/*
 * Ende Live-Ticker
 */