@media screen and (max-width: 768px){
		#newscharts-content{
			width: auto;
			list-style: none;
		}
		#lfd_nr{
			display: none;
		}
		#popular-Tab{
			padding: 0 10px 20px 0px;
			/*width: 285px; */
			list-style: none;  
			display: block; 
			background-color: #fff; 
			box-shadow: unset;
			margin-left: auto;
			margin-right: auto;
		}
		#discussed-Tab{
			padding: 0 10px 20px 10px;
			width: 285px;
			list-style: none; 
			display: block; 
			background-color: #fff; 
			box-shadow: unset;
			margin-left: auto;
			margin-right: auto;
			border-top: 1px solid #ccc;
		}
		#newest-Tab{
			padding: 0 10px 20px 10px;
			width: 285px; 
			display: block;
			list-style: none; 
			background-color: #fff;
			box-shadow: unset;
			margin-left: auto;
			margin-right: auto;
			border-top: 1px solid #ccc;
		}
		.mynewscharts_image{
			display: none;
		}
		/*
		.newscharts-dachzeile{
			margin-top: 5px;
			margin-bottom: 5px;
			font-size: 14px;
			text-transform: uppercase;
		}
		.newscharts-title{
			font-weight: bold;
			width: auto;
			font-size: 16px;
		}
		*/
		.newscharts-head{  
			padding-top: 10px; 
			margin-bottom: 10px;
			text-align: center;
			
		}
		.views-row-first{
			height: auto;
			font-size: medium;
			padding-bottom: 10px;
		}
		.views-row-even{
			height: auto;
			font-size: medium;
			padding-bottom: 10px;
		}	
		.views-row-last{
			height: auto;
			font-size: medium;
			padding-bottom: 10px;
		}
		/*
		.charts-column{
			width: 100%;
			padding-left: 10px;
			padding-right: 10px;
			height: 90px;
			display: inline-block;
			line-height: 18px;
			margin-bottom: 20px;
		}
		*/
		.charts-column{
			width: 100%;
			/*padding-left: 10px;*/
			padding-right: 10px;
			height: 90px;
			/*display: inline-block;*/
			line-height: 18px;
			float: left;
			display: grid;
			grid-template-columns: 25px auto;
		}
		.nmb{
			grid-row: 1 / span 2;
			/*text-align: center;*/
			/*margin-top: auto;*/
			margin-bottom: auto;
			font-size: 26px;
			color: #ccc;
			height: 18px;
			padding-top: 23px;
		}
		.newscharts-dachzeile{
			font-size: 14px;
			margin-top: 5px;
			margin-bottom: 5px;
			grid-column: 2;
			/*margin-top: auto;*/
			text-transform: uppercase;
			display: block;
			grid-row: 1;

		}
		.newscharts-title{
			/*font-size: smaller;*/
			/*font-weight: bold;*/
			width: auto;
			grid-column: 2;
			margin-bottom: auto;
			margin-top: auto;
			grid-row: 1 / span 1;
			height: 6px;
		}
		.charts-column-first{
			float: left;
			/*border-left: solid 1px #ccc; */
			/*border-right: solid 1px #ccc;	*/
		}
		.charts-column-last{
			float: left;
			/*padding-left: 10px;*/
			/*border-left: solid 1px #ccc; */
			/*border-right: solid 1px #ccc;	*/
			width: 100%;
		}
		.charts-row{

		}
		.charts-row-first{
			width: 100%;
		}
		.charts-row-last{
			width: 100%;
		}
		.popularcharts{
			width: 60%;
			margin-right: auto;
			margin-left: auto;
		}
		.newscharts-column .premiumteaser{
			padding: 0px;
			grid-column-start: 1;
			grid-column-end: 3;
			display: grid;
		}	
	}
	@media screen and (max-width: 375px){
		.popularcharts{
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			display: grid;
			grid-template-columns: 1fr;
		}
		.newscharts-row{
			display: grid;
		}
		.newscharts-column{
			display: grid;
			grid-template-columns: 35px auto;
			grid-template-rows: auto;
			margin-top: 5px;
		}
		.nmb{
			grid-row: 1 / span 2;
			/*text-align: center;*/
			/*margin-top: auto;*/
			margin-bottom: auto;
			font-size: 26px;
			color: #ccc;
			height: 18px;
			padding-top: 14px;
		}
		.newscharts-dachzeile{
			font-size: 13px;
			margin-top: 5px;
			margin-bottom: 0px;
			grid-column: 2;
			/*margin-top: auto;*/
			text-transform: uppercase;
			display: grid;
			grid-row: 1;
			align-items: end;

		}
		.newscharts-title{
			/*font-size: smaller;*/
			/*font-weight: bold;*/
			width: auto;
			grid-column: 2;
			margin-bottom: auto;
			margin-top: 5px;
			grid-row: 2;
			height: 40px;
			display: grid;
			align-items: baseline;
			line-height: normal;
		}
		.newscharts-column .premiumteaser{
			padding: 0px;
			grid-column-start: 1;
			grid-column-end: 3;
			display: grid;
		}

	}
	@media screen and (min-width: 376px) and (max-width: 479px){
		.popularcharts{
			width: 90%;
			margin-right: auto;
			margin-left: auto;
		}
	}
	@media screen and (min-width: 480px){
		.popularcharts{
			display: grid;
			width: 100%;
			margin-right: auto;
			margin-left: auto;
		}
		.newscharts-row{
			display: grid;
		}
		.newscharts-column{
			display: grid;
			grid-template-columns: 35px auto;
			grid-template-rows: auto;
			margin-top: 5px;
		}
		.newscharts-title{
			/*font-size: smaller;*/
			/*font-weight: bold;*/
			width: auto;
			grid-column: 2;
			margin-bottom: auto;
			margin-top: 5px;
			grid-row: 2;
			height: 40px;
			display: grid;
			align-items: baseline;
			line-height: normal;
		}
		.newscharts-column .premiumteaser{
			padding: 0px;
			grid-column-start: 1;
			grid-column-end: 3;
			display: grid;
		}
	}
	@media screen and (min-width: 769px){
		#newscharts-content{
			/*width: 900px;*/
			list-style: none;
			}
		#lfd_nr{
			padding: 0 10px 20px 10px;
			width: 45px;
			background-color: #fff; 
			display: block; 
			float: left; 
			box-shadow: unset;
		}
		#popular-Tab{
			padding: 0 10px 20px 10px;
			width: 100%; 
			list-style: none; 
			float: left; 
			display: block; 
			background-color: #fff; 
			box-shadow: unset;
		}
		#discussed-Tab{
			padding: 0 10px 20px 10px;
			width: 285px;
			float: left;
			list-style: none; 
			display: block; 
			background-color: #fff; 
			box-shadow: unset;
		}
		#newest-Tab{
			padding: 0 10px 20px 10px;
			width: 285px; 
			display: block;
			float: left;
			list-style: none; 
			background-color: #fff;
			box-shadow: unset;
		}
		.newscharts-head{ 
			float: left;  
			margin-top: 40px; 
			/*margin-bottom: 10px*/
		}
		.nmb{
			grid-row: 1 / span 2;
			/*text-align: center;*/
			/*margin-top: auto;*/
			margin-bottom: auto;
			font-size: 36px;
			color: #ccc;
			height: 18px;
			padding-top: 16px;
		}
		.newscharts-dachzeile{
			font-size: 14px;
			margin-top: 5px;
			margin-bottom: 5px;
			grid-column: 2;
			/*margin-top: auto;*/
			text-transform: uppercase;
			display: block;
			grid-row: 1;

		}
		.newscharts-title{
			/*font-size: smaller;*/
			/*font-weight: bold;*/
			width: auto;
			grid-column: 2;
			margin-bottom: auto;
			margin-top: auto;
			grid-row: 1 / span 1;
			height: 6px;
		}
		/*
		.views-row-first{
			height: 280px;
			font-size: medium;
		}
		*/
		.views-row-even{
		height: 70px;
		font-size: medium;
		}
		.views-row-last{
			height: 70px;
			font-size: medium;
		}
		.newscharts-column{
			/*width: 50%;*/
			/*padding-left: 10px;*/
			padding-right: 10px;
			height: 90px;
			/*display: inline-block;*/
			line-height: 18px;
			float: left;
			display: grid;
			grid-template-columns: 35px auto;
		}
		.newscharts-column .premiumteaser{
			padding: 0px;
			grid-column-start: 1;
			grid-column-end: 3;
			display: grid;
		}
		.charts-column-first{
			float: left;
		/*	border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;	*/
		}
		.charts-column-last{
			float: left;
			padding-left: 10px;
		/*	border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;	*/
		}
		.charts-row{
			display: grid;
			width: 100%;
			grid-template-columns: 1fr 1fr;
		}
		.newscharts-row{
			display: grid;
			width: 100%;
			grid-template-columns: 1fr 1fr;
		}
		/*
		.charts-row-first{
			display: grid;
			width: 100%;
			grid-row: 1;
			grid-template-columns: 1fr 1fr;
		}
		.charts-row-last{
			display: grid;
			width: 100%;
			grid-template-columns: 1fr 1fr;
		}
		*/
	}
	.newscharts-head{
		width: 100%;  
		list-style: none; 
		font-weight: bold; 
		text-transform: uppercase; 
		margin-bottom: 10px;
		padding-bottom: 20px;
		border-bottom: solid 1px #ccc;
	}
	.newscharts-title>a{
		color: #000;
	}
	.newscharts-title>a:link a:visited{
		color: #000;
	}
	.views-row-even>:first-child .mynewscharts_image{
		display: none;
	}
	.views-row-last>:first-child .mynewscharts_image{
		display: none;
	}
	.comments-count{
		font-size: small;
	}
