/* ############################################# 
   # 
   # 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: flex;
		margin: 1rem 0;
		padding: 0.2rem;
		border: none;
		flex-direction: column;
	} 
		#terminuebersicht td, .seminardetails td {
			/* width: 100%; */
			padding: 0.2rem;
			height: auto;
		}

		/* Datum */
		/* #terminuebersicht td:nth-of-type(1), .seminardetails td:nth-of-type(1) {
		} */
		/* Dozenten */
		#terminuebersicht td:nth-of-type(3), .seminardetails  td:nth-of-type(2) {
			font-size: 0.9rem;
		}
		/* Kurskosten */
		#terminuebersicht td:nth-of-type(4), .seminardetails  td:nth-of-type(3) {
			width: 45%;
		}
		/* Anmeldelink */
		#terminuebersicht td:nth-of-type(5), .seminardetails  td:nth-of-type(4) {
			width: 45%;
			text-align: right;
			/* padding-right: 0.5rem; */
		}

	/*  ******************************
		+    Tabelle Seminardetials
	*/
	.seminardetails tr {
	}

	/*  ******************************
	+    Tabelle Terminübersicht
	*/
	#terminuebersicht tr {
	} 

		/* Kurstitel */
		#terminuebersicht td:nth-of-type(2) {
			font-size: 1.1rem;
		}
		/* Dozenten */
		/* #terminuebersicht td:nth-of-type(3) {
		} */
		/* Kurskosten */
		/* #terminuebersicht td:nth-of-type(4) {
		} */
		/* Anmeldelink */
		/* #terminuebersicht td:nth-of-type(5) {
		} */

} /* end media query */