#runen-menue {max-width:850px;}
	@media (min-width:  1px) and (max-width:868px) { #runen-menue {max-width:425px;} }
	.runen-small {float:left; width:60px; height:84px; border:0px solid lightgrey;}	/*transition:all 0.0s linear; transition:all 0.2s ease;*/
	.runen-small:hover {background-position:0 -85px; cursor:pointer;}
	.runen-small.active {background-position:0 -85px;}
	.runen-small.active:focus, .runen-small.active:hover {transform: scale(1.2)}
	.runen-small.runentempel {width:85px; height:85px;}	/*width:96px; height:150px;*/
	.runen-small.runentempel::hover {background-position:center bottom; background-size:65%;}	/*-150px;*/
	.runen-small.runentempel.active {background-position:center bottom; background-size:65%;}	/*-150px;*/
/* RUNEN */
	.runen-small.ausdauer {background-image:url(/static/runen/ausdauer_small.jpg);}
	.runen-small.leben {background-image:url(/static/runen/leben_small.jpg);}
	.runen-small.staerke {background-image:url(/static/runen/staerke_small.jpg);}
	.runen-small.geschwindigkeit {background-image:url(/static/runen/geschwindigkeit_small.jpg);}
	.runen-small.gold {background-image:url(/static/runen/gold_small.jpg);}
	.runen-small.runentempel {background-image:url(/static/runen/runengebaeude_small.jpg); background-repeat:no-repeat; background-size:63%; background-position:center top;}
	
	#runentext {font-weight:700;}
	#runen {}
	.runen-table {display:none; max-width:600px; margin-bottom:20px;}
/* table */
	.table-text {display:none; padding:10px 0; border:0px solid red;}
	.runen-text-bold {display:none; height:17px; font-weight:bold; text-align:center; border:0px solid red;}


 	.table {display:none; border:2px solid darkgrey; box-shadow:8px 8px 5px lightgrey;}
	.tr {display:table-row; text-align:center;}
	.td {display:table-cell; word-break:break-word; border:1px solid lightgrey;}
	.h6 {padding-right:0px !important; font-weight:bold; text-align:center !important; background-color:#ccc; border-color:grey;}
	.sp0 {width: 70px;}
	.sp1 {width: 70px;}
	.sp2 {width:115px; text-align:right; padding-right:25px;}
	.sp3 {width:115px; text-align:right; padding-right:25px;}
	.sp4 {width:115px; text-align:right; padding-right:25px;}
	.sp5 {width:190px; text-align:right; padding-right:10px;}
	.sp6 {}
	.sp7 {}
	.td[class*=sp] {height:24px; vertical-align:middle;}
	.sp5::before {content:"Verbesserung um ";}

	.row00.sp0::before {content:"Rune";}
	.row00.sp1::before {content:"Level";}
	.row00.sp2::before {content:"Time";}
	.row00.sp3::before {content:"Price";}
	.row00.sp4::before {content:"Change";}
	.row00.sp5::before {content:"Function";}

	.td.gold 		{background-position:95%;}
	.td.futter 		{background-position:95%;}
	.td.goldstar 	{background-position:95%;}
	.td.bluestar 	{background-position:95%;}
	.td.time 		{background-position:95%;}
	.td.gem 		{background-position:95%; background-size:15px;}
	.td img		   {width:24px; vertical-align:middle;}
	.table-img 	   {width:100%; text-align:center;}
	.table-img img {width:35px;}

	.runen-listimg {
		width:100%;
		max-height:775px;
		margin-bottom:20px;
		box-shadow:8px 8px 5px lightgrey;
	}
	.runen-listimg img { width:100%; }
	
@media (max-width:530px) {
	.td.time {text-align:center; background-image:none;padding-right:0;}
	.sp2 {padding-right:24px;}
	.sp3 {padding-right:24px;}
	.sp4 {padding-right:24px;}
	.sp5::before {content:"+ ";}
	.row00.sp1::before {content:"Lv";}
	.table-img img {width:27px;}
}

@media (max-width:530px) {


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