@media screen  {
	.vorschau {height: 100px;border: 1px solid #ddd;margin: 10px 5px 0 0;}
  	output {display: block;}
  	#produktliste {display: block;width:100%;max-width:100vw;position:relative;z-index:100;}
  	.pagination{padding:10px 0 0 0;margin:0;}
  	.page-link{color:#000}
  	#listentext {display:block:width:100%;max-width:100vw;margin-bottom:10px;text-align:center;font-size:1.4em;}
  	#trennlinie {display:block;margin:0;padding:0;max-height:20px;width:100%;}
  	.card {clear:both;border:0;margin-bottom:10px;}
	.cheader{display: none;}
	.card_header_product {display: none;}
  	.card_header_kurztext {display: none;}
	#merkzettel {display: none;}
	.cheader_s{display: inline_block;}
	.card_header_product _s{display: inline_block;}
  	.card_header_kurztext_s {display: inline_block;}
  	#merkzettel_s {word-wrap: break-word;display:inline-block;text-align:left;vertical-align:top;}
	}
	@media screen and (max-width: 1023px) {
		#trennzeile{display:none;}
		#merkzettel {display: none;}
		#merkzettel_s{display: inline_block;}
		.card {display: inline-block;position:relative;float:left;width:98%;text-align:left;margin:1.5%;padding: 0.5%;overflow:hidden;}
	}