#close-open {display:none;}
	#relicsinfo {max-width:950px;}
	#main .container ul.row {display:inline-block; line-height:1.25; width:100%; margin-bottom:0; padding:10px; border-bottom:1px solid;}
	#main .container ul.row::before	{display:none;}
	#main .container ul.row::after	{display:none;}
	#main .container ul.row>li {display:inline-block; position:relative;}
	#main .container ul.row>li:first-child {max-width:300px; width:33%;}
	#main .container ul.row>li:last-child  {max-width:655px; width:66%;}
	#main .container ul.row li[class^="image_"]{vertical-align:middle;}
	#main .container ul.row li[class^="info_"]{padding:10px; vertical-align:middle;}

@media screen and (max-width:767px) {
	#main .container ul.row {text-align:center;}
	#main .container ul.row>li {display:block;}
	#main .container ul.row>li:first-child {width:100%;}
	#main .container ul.row>li:last-child  {width:100%;}
}

	.images {display:block; width:100%;border-radius:10px;}

@media {
	.image_allrelics, .image_perk	{display:block!important; width:100%!important; max-width:785px!important;}
}

@media {/* beispiel zur info */
	.beispiel::before    {white-space:pre-wrap; content:"text1. \A";}
	.beispiel::after     {content:"text2.";}
}