/* ############################################# 
   # 
   # fuer schmale Bildschirme Hochformat (Smartphones)
   # Screen max 420px   
   #
   ############################################# */

@media only screen and (max-width:420px) {
	
/*  ******************************
	+
	+        Layout
	+		   
	****************************** */
   
	#wrapper {
	   background-image: url("../img/hg-head-mobile.jpg");
	}
	#footer {
		background-color: var(--footer-bg-col);
		padding: 10px 0;
	}
	#footer div.inside {
		flex-direction: column;
		background-image: none;
		height: auto;
	}
		#footer-impress {
			align-self: center;
		}

/*  ******************************
	+
	+        Terminlisten
	+		   
	****************************** */

	/*  ******************************
	+    Tabellen Termine allgemein
	*/
	/* #terminuebersicht tr, .seminardetails tr {
		display: grid;
		row-gap: 0.2rem;
		grid-row-gap: 0.2rem;
		margin: 1rem 0;
		padding: 0.2rem;
		border: none;
	} */
		#terminuebersicht td, .seminardetails td {
			padding: 0.2rem;
		}

		/* Datum */
		#terminuebersicht td:nth-of-type(1), .seminardetails td:nth-of-type(1) {
			width: 100%;
			/* grid-area: date; */
		}
		/* Dozenten */
		/* #terminuebersicht td:nth-of-type(3), .seminardetails  td:nth-of-type(2) {
			grid-area: instr;
			font-size: 0.9rem;
		} */
		/* Kurskosten */
		/* #terminuebersicht td:nth-of-type(4), .seminardetails  td:nth-of-type(3) {
			grid-area: cost;
		} */
		/* Anmeldelink */
		/* #terminuebersicht td:nth-of-type(5), .seminardetails  td:nth-of-type(4) {
			grid-area: link;
			width: auto;
			justify-self: end;
		} */

	/*  ******************************
		+    Tabelle Seminardetials
	*/
	/* .seminardetails tr {
		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" 1.5rem [row3-end] */
			/* [row4-start] ". . l link link link" 1.5rem [row4-end] */
			/* / 1fr 1fr 1fr 1fr 1fr 1fr;
	}; */
	

	/*  ******************************
	+    Tabelle Terminübersicht
	*/
	/* #terminuebersicht tr {
		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" 1.5rem [row3-end] */
			/* [row4-start] ". . l link link link" 1.5rem [row4-end] */
			/* / 1fr 1fr 1fr 1fr 1fr 1fr;
	} */

		/* Kurstitel */
		/* #terminuebersicht td:nth-of-type(2) {
			grid-area: title;
			font-size: 1.1rem;
		} */
		/* Dozenten */
		/* #terminuebersicht td:nth-of-type(3) {
			font-size: 0.9rem;
		} */
		/* Kurskosten */
		/* #terminuebersicht td:nth-of-type(4) {
		} */
		/* Anmeldelink */
		/* #terminuebersicht td:nth-of-type(5) {
			width: auto;
			justify-self: end;
		} */

} /* end media query */