@media screen and (max-width: 1000px) {
	BODY {margin-top:0;}
	DL.bilderrahmen {grid-template-columns:auto;grid-template-rows:1fr auto;width:100vW;}

	.menu.btn {display:block;}
	.menu.main {display:block;width:300px;height:100vH;position:fixed;top:0;right:-350px;transition:right 1s ease;background:var(--dbg);}
	.menu.main ul {margin:10vH 0 0 0;padding:0;flex-flow:column wrap;width:100%;}

	TABLE {display:grid;grid-template-rows:auto;row-gap:20px;background:#000;}
	TR {display:grid;grid-template-rows:auto;border-bottom-style:dashed;}
	TR:hover,TR.header:hover {background:#000;}
	
	TR.header {display:flex;flex-flow:row wrap;background:var(--gbg);}
	TR.header:before {content:'sortieren nach';text-align:center;font-family:Akzent;font-size:1.1rem;line-height:58px;margin-left:10px;}
	TR.header:hover:before {color:lightsalmon;}
	TH,TR.header TH {display:block;text-align:center;line-height:50px;}
	TR.header:hover TH {color:inherit;}
	TH:hover {background:#000;}
	TR.header:hover:before {color:var(--lfg);}

	TD {width:100%;margin:0;display:grid;grid-template-columns:150px auto;}
	TD:before {content:'Wanderhure';display:inline-block;font-weight:700;}
	
	.cats TD.titel:before {content:'Kategorie';}
	.cats TD.projekte:before {content:'in Projekten';}
	.cats TD.releases:before {content:'in Releases';}
	.cats TD.total:before {content:'TOTAL';}

	.tags TD.titel:before {content:'Tags';}
	.tags TD.projekte:before {content:'in Projekten';}
	.tags TD.releases:before {content:'in Releases';}
	.tags TD.total:before {content:'TOTAL';}

	TD.logo:before {content:'Logo';}
	TD.projekt:before {content:'Projekt';}
	TD.gestartet:before {content:'Begonnen';}
	TD.reldate:before {content:'Release Datum';}
	TD.released:before {content:'Released';}
	TD.vollendet:before {content:'Release Datum';}
	TD.kategorie:before {content:'Kategorie';}
	TD.tags:before {display:none;}
	TD.anreisser:before {content:'Anreisser';}

	TD:first-child {margin-top:10px;}
	TD:last-child {margin-bottom:10px;}
	
	TH {border:none;}
}