/* ############################################# 
   # 
   # fuer schmale Bildschirme 
   # Screen max 749px   
   #
   ############################################# */

@media only screen and (max-width:749px) {
	
/*  ******************************
	+
	+        Terminlisten
	+		   
	****************************** */

	body.terminliste tr {
		display: grid;
		grid-template:
			[row1-start] "date date date date date date" 1.2rem [row1-end]
			[row2-start] "title title title title title cost" 1.5rem [row2-end]
			[row3-start] "instr instr instr instr link link" 2rem [row3-end]
			/ 1fr 1fr 1fr 1fr 1fr 1fr;
		row-gap: 0.2rem;
		grid-row-gap: 0.2rem;
		margin: 0.5rem 0;
		border: none;
	}

		/* Datum */
		body.terminliste td:nth-of-type(1) {
			grid-area: date;
		}
		/* Kurstitel */
		body.terminliste td:nth-of-type(2) {
			grid-area: title;
			font-size: 1.1rem;
		}
		/* Dozenten */
		body.terminliste td:nth-of-type(3) {
			grid-area: instr;
			font-size: 0.9rem;
		}
		/* Kurskosten */
		body.terminliste td:nth-of-type(4) {
			grid-area: cost;
		}
		/* Anmeldelink */
		body.terminliste td:nth-of-type(5) {
			grid-area: link;
			width: auto;
			justify-self: end;
		}

/*  ******************************
	+
	+        Kurstabellen
	+		   
	****************************** */

	tr {
		display: grid;
		/* grid-template:
			[row1-start] "date date date date date date" 1.2rem [row1-end]
			[row2-start] "instr instr instr instr instr instr" 1.5rem [row2-end]
			[row3-start] "cost cost cost cost link link" 2rem [row3-end]
			/ 1fr 1fr 1fr 1fr 1fr 1fr;
		row-gap: 0.2rem; */

		grid-template:
			[row1-start] "date date date date date date" 1.2rem [row1-end]
			[row2-start] "instr instr instr instr instr instr" auto [row2-end]
			[row3-start] "cost cost cost cost link link" 2rem [row3-end]
			/ 1fr 1fr 1fr 1fr 1fr 1fr;
		row-gap: 0.2rem;


		grid-row-gap: 0.2rem;
		margin: 0.5rem 0;
		border: none;
	}

		/* Datum */
		td:nth-of-type(1) {
			grid-area: date;
		}
		/* Kurstitel */
		/* td:nth-of-type(2) {
			grid-area: title;
			font-size: 1.1rem;
		} */
		/* Dozenten */
		td:nth-of-type(2) {
			grid-area: instr;
			font-size: 0.9rem;
		}
		/* Kurskosten */
		td:nth-of-type(3) {
			grid-area: cost;
		}
		/* Anmeldelink */
		td:nth-of-type(4) {
			grid-area: link;
			width: auto;
			justify-self: end;
		}


} /* end media query */