html { min-height: 100%; margin-bottom: 1px; } /* dient dazu, einen vertikalen Rollbalken zu erzwingen, damit zu kurze Seiten nicht hüpfen*/

/* ----------------------------------------------------------------------------- * 
 *                           Text- und Hintergrund-Farben                        *
 * ----------------------------------------------------------------------------- */

body, a, article
{color: #0B0B0B}
h3, h4, h5, .logo, .kopffeld, .kopffeld_indexseite, .titel h1, .tabellentyp_ueberblick b, .dozentenliste p:nth-child(3), .dozentenliste p:nth-child(4) 
{color: #5A7C9B}
.tabellentyp_ueberblick i 
{color: #999}

body
{background: #EEE}
th, .typ_linkallgemein, article, .fussnavigation div, .tabellentyp_stundenplaene tr td:nth-child(1)
{background: #FFF}
.typ_hintergrundinfo, .typ_ueber_uns, .typ_ueber_uns_aside 
{background: #BDDED0}
.typ_direkteinstieg, .typ_letztes_update, .typ_buchempfehlung  
{background: #C2D9E4}
.tabellentyp_einfach, .tabellentyp_zeitaufwand, .tabellentyp_lehrinhalte, .tabellentyp_kurstermine, .tabellentyp_stundenplaene, .tabellentyp_info td, .tabellentyp_fup, .tabellentyp_aktuelles td, .anmeldung_personalien td:nth-child(2) input, .anmeldung_personalien td:nth-child(2) textarea  
{background: #EFE7BC;}
.formularknopf
{background: #CDCDCD}


/* ----------------------------------------------------------------------------- * 
 *                                Standard-Rahmen                                *
 * ----------------------------------------------------------------------------- */

aside .typ_linkallgemein, article, .tabellentyp_zeitaufwand, .tabellentyp_kurstermine td, .tabellentyp_stundenplaene td, th, .tabellentyp_info td,
.tabellentyp_fup, .tabellentyp_aktuelles td, .typ_direkteinstieg, .typ_aktuell, .typ_ueber_uns, .typ_ueber_uns_aside   
{border: thin solid #C0C0C0;}
.indexseite {border: none}
.fussnavigation div 
{border: thin solid #B0B0B0;}
aside img, nav img, article img 
{border: thin solid #A0A0A0;}


/*--------------------------------------------------------------------------------*/

body { 
	font-family: sans-serif; 
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    margin: 0;
}

/*
@supports (-webkit-appearance:none) {
	article {text-align: left;}
}
*/
.page-wrap {margin: 0 auto; padding: 10px 20px; max-width: 1600px; }

p {margin: 0 0 0.6em 0;}

ul {margin: 0.5em 0 0 -1.5em}
li {margin-bottom: 0.5em;}

h1 {font-size: 1.5em; font-weight: normal; line-height: 1em;} 
h2 {font-size: 1em; font-weight: normal; line-height: 1em; margin-bottom: -0.5em;}
h3, h4, h5 {font-size: 1em; font-weight: bold; margin-bottom: 0.5em;} /* Artikel und aside-Zwischentitel */
h3 {font-size: 1.1em}
h5 {margin-bottom: -1.3em}
th {font-weight: normal; /* background-color: #FFF; */}
hr {border: none; border-top: thin solid #C0C0C0; margin-top: 1.5em;} 


section {padding: 0; overflow: auto; /* clearing für die floatenden article */}

figcaption {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 0.3em;
}

.logo {
	font-family: Bodoni MT;
	font-stretch: condensed;  /* separat stretch nötig wegen FF */
	font-style: italic;
	font-size: 4.0em;
	float:left;
	width: 130px;
	padding: 0 5px 0 5px;
	margin: -15px 0 0 0.15em;
}
.logo_indexseite {
	font-family: Bodoni MT;
	font-stretch: condensed;  /* separat stretch nötig wegen FF */
	font-style: italic;
	font-size: 3em;
	margin-left: 0.3em;
	color: #5A7C9B;
}

.spinoff_indexseite {
	position: absolute; 
	top: 0.4em; 
	margin-left: 7em; 
	color: #5A7C9B;
}
.spinoff_indexseite h1 {line-height: 70%}

.logo p {
	font-size: 0.3em;
	margin: -5px 0 0 0;
}

.kopffeld {
	margin-left: 7%;
	width: 65%;
	float: left;
	height: 90px;
	padding: 10px 0.6%;
}


a {text-decoration: none;}
/*a:link { outline: none; display: block;} wozuwar dies? Kann damit kein inline a href machen...*/
a:visited {outline: none;}


.abstand_nav_und_aside_indexseite {height: 13em;}
/* ----------------------------------------------------------------------------- * 
 *                                       Navigation                              *
 * ----------------------------------------------------------------------------- */

.aktiv { border-bottom: #5A7C9B thick solid; }
.inaktiv { border-bottom: #EEE thick solid; }

.hornav {clear:left; border-top: #CBC9C9 thin solid; padding: 1em 0; margin-bottom: 0.5em}
.hornav table td {padding: 10px 0px 5px 0px;}
.hornav .zwischenraum {width: 3em;}

nav {float:left; overflow: hidden;  /* clearing für die floatenden LIs */}
nav li {list-style: none; margin: 0 0.5em 0.8em -0.5em; }
nav td { padding: 0.5em 0 0.3em 0; }
nav .nav-bild {margin: 3em 1.6em 1em 0em;}
nav img {border-radius: 10px; box-shadow: 5px 5px 20px grey;}
nav hr {margin: 2em 2em 2em 0;}
.nav-toggle {
   	cursor: pointer;
	text-decoration: none;
	text-align: center;
  	width: auto;
  	height: auto;
	font-size: 2em; left: 5px; 
	position: absolute;
  	top: 50px;
	color: rgba(0, 0, 0, 0.5);
 /* 	-webkit-transition: all 0.15s ease-out 0s;
  	-moz-transition: all 0.15s ease-out 0s;
  	transition: all 0.15s ease-out 0s;
  	z-index: 2; */
}
.ueber_uns {
	width: 20%;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ueber_uns section {padding: 0 1em 1em 1em}
.typ_ueber_uns, .typ_ueber_uns_aside {border-radius: 10px; padding-bottom: 1em; text-align: justify; margin-bottom: 2em;}



#toggle-left {display: none;}
#toggle-left:checked ~ .page-wrap nav {left: 0px;}



 

/* ----------------------------------------------------------------------------- * 
 *                                       Aside                                   *
 * ----------------------------------------------------------------------------- */

aside {
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0 2%;
	margin-bottom: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*
    margin-bottom: -99999px !important; /* Trick für gleichlange Spalten  - dazu gehört ein overflow: hidden für den umgeb. Container */
   /* padding-bottom: 99999px !important; /* Trick für gleichlange Spalten */
}
aside section {padding: 0 1em; margin-bottom: 1em;}

.typ_aktuell {border-radius: 10px; padding-bottom: 1em; text-align: justify; margin-bottom: 2em;}

.typ_linkallgemein {border-radius: 10px; padding-bottom: 1em; margin-bottom: 2em;}
.typ_linkallgemein td {padding-right: 0.5em;}

.typ_hintergrundinfo {border-radius: 10px; padding-bottom: 1em; text-align: justify; margin-bottom: 2em;}
.typ_hintergrundinfo .rechtsbuendig {text-align: right;}

.typ_letztes_update {border-radius: 10px; padding-bottom: 0em; margin-bottom: 2em;}
.typ_letztes_update p {padding: 0.5em 0; margin-top: -0.5em;}

.typ_direkteinstieg {border-radius: 10px; padding-bottom: 0em; margin-bottom: 2em;}
.typ_direkteinstieg h4 {line-height: 1.2em; margin-bottom: -0.5em;}
.typ_direkteinstieg p {padding: 0.5em 0; margin-top: -0.5em;}

.typ_buchempfehlung {border-radius: 10px; padding-bottom: 1em; margin-bottom: 2em; text-align: left;}
.typ_buchempfehlung div {text-align: center; padding-top: 1em;}
.typ_buchempfehlung p {text-align: left; padding-top: 1em; padding-bottom: 0.5em;}
.typ_buchempfehlung .buchbild {float: left; margin-right: 1em;}
.typ_buchempfehlung .buchtitel {min-width: 140px; overflow: hidden; text-align: left;}
.typ_buchempfehlung .buchtitelzusatz {clear:left; text-align: left;}
.typ_buchempfehlung figcaption {clear:left; text-align: left; padding-top: 1em; line-height: 1.3em;} 

.typ_foto {margin: 2em 1em;} /*Fotos in aside */
aside img {border-radius: 10px; box-shadow: 5px 5px 20px grey;}
.buchbild img {border-radius: 0; }
aside hr {margin: 3em 0;}

.hinfotitel {font-weight: bold; margin-bottom: 0.5em; text-align: left;}

input.hackbox {display:none;}/* default-Zustand */

span.volltext {display:none; height: auto; padding-bottom: 0.5em;}

label.mehr_lesen1 { cursor:pointer; }
label.mehr_lesen1::after { content:"mehr lesen...";}/* bei gesetztem Haken */
input.mehr_lesen1:checked ~ span.volltext { display:block; } 
input.mehr_lesen1:checked ~ label.mehr_lesen1::after { content:"schliessen"; }
.mehr_lesen1:hover {padding: 0.9em 0;} /* padding dient zur Vergrösserung des Hoverfeldes*/

label.mehr_lesen { cursor:pointer; }
label.mehr_lesen::after { content:"mehr lesen...";}/* bei gesetztem Haken */
input.mehr_lesen:checked ~ span.volltext { display:block; } 
input.mehr_lesen:checked ~ label.mehr_lesen::after { content:"schliessen";}
.mehr_lesen:hover {padding: 0.9em 0;} /* padding dient zur Vergrösserung des Hoverfeldes*/



/* ----------------------------------------------------------------------------- * 
 *                                Haupttext                                      *
 * ----------------------------------------------------------------------------- */

article {
	float: left;
	margin-bottom: 2em;
	margin-right: 0.5em;
	padding: 0 2%;
	text-align: justify;
	line-height: 1.4em;

	overflow: hidden;  /*clearing für die floatenden gleichlangen Spalten (.mainContent und .aside) */
	
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
	
}

article img {border-radius: 10px; box-shadow: 5px 5px 20px grey;}
.titel h1 {font-size: 1.5em; font-weight: bold; padding-top: 0.3em;}
.titel p  {margin-top: 2em;}
.abstkorr {margin-top: 1em;}

.titel_indexseite h1 {font-size: 1.7em; font-weight: bold; line-height: 1.1em; color: #5A7C9B; text-align: left}
.titel_indexseite h2 {font-size: 1.4em; font-weight: normal; color: #5A7C9B; text-align: left; margin: 0.5em 0;}
.titel_indexseite h3 {font-size: 1.4em; font-weight: bold; text-align: left; margin: -0.8em 0 1.2em 0 }
.titel_indexseite .tabellentyp_einfach a:visited {outline: none;}
.bild_indexseite {margin: 3em 0;}	


.dozentenseite_inhalt li {line-height: 1.2em} /*für Liste auf den Dozentseiten*/
.dozbild {float: left; margin: 1em 1.5em 0 0 }
.dozbiogr  {min-width: 180px; overflow: hidden; text-align: left; margin-top: 1.5em;}
.dozbiogr p {line-height: 1.2em; margin-top: 0em; }

.fussnavigation {clear: left; padding: 1em 0 1em 0; }
.fussnavigation div {
	font-size: 0.8em;
	line-height: 1.3em;
	height: 70px; width: 70px;
	border-radius: 10px;
	text-align: center;
	margin-right: 1em;
}
.fussnavigation a:visited {outline: none;}
.fussnavigation p:nth-child(1) {font-size:1.5em; padding-top: 0.4em; margin-bottom: 0.2em;}


.yy {height: auto; width: 100%; margin-top: 1em; display: block;}
.zz {height: auto; width: 100%; margin-top: 1em; display: none;}

.yy div {position: absolute; top: 210px; left: 2em; color: #3E6A5F;}
.zz div {position: absolute; top: 210px; left: 2em; color: #3E6A5F;}


.etwas_bewegen {
	text-align: center; 
	color: #384F64; 
	margin-top: -1.5em; 
	font-size: 1.8em;
}

.au_dank {font-size: 20pt}

.typ_auswahl_information {border-radius: 10px; border: thin solid black; padding: 0 0.5em; background: #EFE7BC; margin-bottom: 1em; text-align: left;}

/* ----------------------------------------  Tabellen  - werden in media-Querys z.T. überschrieben! --------------------------------------------*/

.tabellentyp_leer {width: 100%; max-width: auto; margin: 1.3em 0; border: none;}
.tabellentyp_leer td {vertical-align: top; padding: 0 o.5em;} /*Auf Info-Seite*/

.tabellentyp_einfach {background-color: #EFE7BC; margin-top: 1.3em;}
.tabellentyp_einfach td {font-size: 0.93em; padding: 0.5em 0.8em; }

.tabellentyp_zeitaufwand {width: 100%; max-width: 500px; margin: 1.3em 0; font-size: 1em;}
.tabellentyp_zeitaufwand tr td:nth-child(1) {text-align: left;}
.tabellentyp_zeitaufwand tr td:nth-child(2) {text-align: center;}
.tabellentyp_zeitaufwand tr th:nth-child(1) {text-align: left;}
.tabellentyp_zeitaufwand tr th:nth-child(2) {text-align: center;}
.tabellentyp_zeitaufwand th {border-top:  solid thin #C0C0C0; border-right:  solid thin #C0C0C0; padding: 0 0.8em 0.2em; vertical-align: top;}
.tabellentyp_zeitaufwand td {border-right:  solid thin #C0C0C0; padding: 0.4em 0.8em; vertical-align: top;}

.tabellentyp_institutsleitung {margin-top: -1em;}
.tabellentyp_institutsleitung td {text-align: left; padding: 0.5em 0 1em 1em; vertical-align: top;}
.tabellentyp_institutsleitung tr td:nth-child(1) {width: 150px; padding-top: 2em;}

.tabellentyp_ueberblick {border-bottom: 1px solid #C0C0C0; width: 100%; max-width: 800px; margin: 1.3em 0;}
.tabellentyp_ueberblick td {border-top: 1px solid #C0C0C0; padding: 0.5em 1em; text-align: left; vertical-align: top;} 
/*.tabellentyp_ueberblick b {color: #5A7C9B; }*/ 
.tabellentyp_ueberblick i {font-size: 0.85em; font-style: normal; /*color: #999*/}
.tabellentyp_ueberblick tr td:nth-child(1) {width: 6em; } /*6em nötig w/ FF*/
.tabellentyp_ueberblick tr td:nth-child(1):link {outline: none; }
/*.tabellentyp_ueberblick tr td:nth-child(1):hover {background-color: #ddd;} */
.tabellentyp_ueberblick table {	margin-top: 0em;}
.tabellentyp_ueberblick table th {border: none; border-bottom: 1px solid #C0C0C0; padding: 0 2em 0.2em 0;}
.tabellentyp_ueberblick table td {border: none; padding: 0em 2em 0em 0em;}
/*.tabellentyp_ueberblick table tr td:nth-child(1):hover {background-color: transparent;} */
.tabellentyp_ueberblick .abstkorr_ueberblick td {padding-top: 0.4em;}
.tabellentyp_ueberblick .normalbreit th {padding-right: 0.5em; line-height: 1.2em; text-align: left;}
.tabellentyp_ueberblick .schmal td, th {padding-right: 0; line-height: 1.2em; text-align: left;}

.tabellentyp_ueberblick .smart td:nth-child(1) {text-align: left; padding: 0 0 0.5em 0; width: 100%;} /*v.a. nötig w/ FF*/
/* tabellentyp_ueberblick td .schwach {color: #6B6B6B; padding-top: 0.5em; font-style: italic;}
.tabellentyp_ueberblick td .schwach1 {color: #6B6B6B; font-style: italic;} Reserve für ausgebucht*/

.tabellentyp_lehrinhalte {margin-top: 1em; padding: 15px 0;} 
.tabellentyp_lehrinhalte td {text-align: left; vertical-align: top; }
.tabellentyp_lehrinhalte tr td:nth-child(1) {padding: 0.5em 0em 0.5em 1.5em; font-size: 0.8em;}
.tabellentyp_lehrinhalte tr td:nth-child(2) {padding: 0.5em 1em 0.5em 0.5em;}

.tabellentyp_kurstermine {width: 100%; max-width: 400px; margin: 1em 0;}
.tabellentyp_kurstermine td {padding: 0.7em; line-height: 1.5em;}
.tabellentyp_kurstermine tr td:nth-child(1) {width: 40%}
.tabellentyp_kurstermine tr td:nth-child(2) {width: 60%}

.tabellentyp_stundenplaene {width: 100%; max-width: 700px; margin: 1.5em 0 0 0; font-size: 1em;}
.tabellentyp_stundenplaene td, th {line-height: 1.4em; padding: 0.4em 0.1em; text-align: center;}
/*.tabellentyp_stundenplaene tr td:nth-child(1) {background-color: #FFF;} */

.tabellentyp_info {width: 100%; max-width: 500px; margin: 1.3em 0;}

.tabellentyp_info th {padding: 0.4em 0; text-align: center; vertical-align: top; border-bottom: 1px solid #C0C0C0;}
.tabellentyp_info td {line-height: 1.5em; text-align: center; vertical-align: top;}

.tabellentyp_fup {width: 100%; max-width: 500px; margin: 1.3em 0;}
.tabellentyp_fup td {padding: 0.5em; text-align: left; vertical-align: top;}

.tabellentyp_aktuelles {width: 100%; max-width: 900px; margin: 1.3em 0;}
.tabellentyp_aktuelles th {padding: 0.5em; text-align: center; vertical-align: top; border-bottom: 1px solid #C0C0C0; }
.tabellentyp_aktuelles td { padding: 0.5em; line-height: 1.5em; text-align: left; vertical-align: top;}

.dozentenliste { border-bottom: thin solid #C0C0C0; text-align: left;}
.dozentenliste p:nth-child(1) {margin: 0.5em 0 0 0;}
.dozentenliste p:nth-child(2) {margin: 0 0 0.3em 2em;}
.dozentenliste p:nth-child(3) {margin: 0 0 0.6em 2em;}
.dozentenliste p:nth-child(4) {margin: -0.6em 0 0.6em 2em;}

.anmeldung_personalien, .anmeldung_beginn, .anmeldung_mitteilung {max-width: 40em}
.anmeldung_personalien td:nth-child(1), .anmeldung_beginn td:nth-child(1), .anmeldung_mitteilung td:nth-child(1) {width: 15%; text-align: right; padding: 0.8em; }
.anmeldung_personalien td:nth-child(2) {width: 30%;} 
.anmeldung_personalien td:nth-child(2) input {width: 90%; text-align: left; height: 1.6em;border: 1px #DFDFDF inset;} 
.anmeldung_personalien td:nth-child(2) textarea {width: 90%; text-align: left; height: 12em; border: 1px #DFDFDF inset;}

.anmeldung_beginn td:nth-child(1) {width: 250px; text-align: right; padding: 0.8em; }
.anmeldung_beginn td:nth-child(2) {width: 65%; padding: 3em 2em;} 
.anmeldung_beginn div {display: inline-block; width: 10em;}

.formularknopf {width: 130px; border: 4px #DFDFDF outset; height: 2.5em; }

.anmeldung_absenden {margin: auto; text-align: center;}
.anmeldung_absenden td:nth-child(1) {width: 40%; }
.anmeldung_absenden td:nth-child(2) {width: 30%; }

footer {border-top: thin #C0C0C0 solid; padding-top: 1em;}
footer ul li {display: inline; font-size: 0.9em; margin: 0 0.2em; }



/* ----------------------------------------------------------------------------- * 
 *                                      Hover-Farben                             *
 * ----------------------------------------------------------------------------- */


.hoverallg:hover, .logo:hover, .hornav td:hover, nav td:hover, .nav-toggle:hover, .typ_linkallgemein td:hover, .typ_linkallgemein p:hover, .fussnavigation div:hover,
.tabellentyp_ueberblick tr td:nth-child(1):hover  
{background-color: #DDD;}

.hornav .zwischenraum:hover 
{background-color: #EEE;} 

.typ_hintergrundinfo a .hinfotitel:hover, .mehr_lesen1:hover, .mehr_lesen:hover 
{background-color: #A1D0BC;} 

.typ_letztes_update p:hover, .typ_direkteinstieg p:hover
{background-color: #9AC0D2;}

.typ_letztes_update .hover_aus p:hover {background-color: transparent}

/*.titel_indexseite:hover {background-color: #DDD;} */

.typ_aktuell_rot a:hover
{background-color: #E86B7A;}

.dozentenliste p:nth-child(3):hover 
{background-color: #E0E0E0;}

.tabellentyp_lehrinhalte td:nth-child(2):hover, .titel_indexseite td:hover, .typ_hier:hover 
{background-color: #E4D894;}

.anmeldung_absenden input:hover, .tabellentyp_lehrinhalte td.transparent:hover, .tabellentyp_ueberblick table tr td:nth-child(1):hover, 
.dozentenliste p.transparent:hover 
{background-color: transparent;}



/* ----------------------------------------------------------------------------- * 
 *                                  Media-Queries                                *
 * ----------------------------------------------------------------------------- */

/*
@supports (-webkit-appearance:none) {
	article {font-size: 2em;}
	.abstand_nav_und_aside_indexseite .typ_ueber_uns, .typ_ueber_uns_aside {text-align: left;}
}
*/
@media only screen and (min-width: 1101px) {
	.hornav .reduziert					{display: none;}
	.nav-toggle 						{display: none;}
	article .karte_smart				{display: none;}
	.tabellentyp_ueberblick .schmal 	{display: none;}
	.tabellentyp_ueberblick .smart 		{display: none;}
	.tabellentyp_ueberblick .normalbreit {display: block;}
	article .karte_normal 				{display: block;}
	
	article .typ_ueber_uns				{display: none;}
	
	.hornav table 		{margin-left: 17%;}
	nav                 {width: 15%;}
	article        		{width: 60%;}
	.inhalt 			{-moz-column-count: 2; -moz-column-gap: 2em; column-count: 2; column-gap: 2em;}
	.inhalt section 	{overflow: auto; }
	aside 		  		{width: 25%; margin-left: 75%;}
/*	.fussnavigation 	{margin-left: 13%}  */
	footer ul 			{margin-left: 12%;}

	.typ_ueber_uns_aside	{display: none;}
	
	.yy {height: auto; width: 100%; margin-top: 1em; display: block;}
	.zz {height: auto; width: 100%; margin-top: 1em; display: none;}

}
	
@media only screen and (max-width: 1100px) {
	.hornav .reduziert 					{display: none;}
	.nav-toggle 						{display: none;}
	.tabellentyp_ueberblick .normalbreit{display: none;}
	.tabellentyp_ueberblick .smart 		{display: none;}
	article .karte_normal				{display: none;}	
	article .karte_smart				{display: block;}

	.tabellentyp_ueberblick .schmal 	{display: block;}
	
	.tabellentyp_stundenplaene 	{font-size: 0.75em;}
	.tabellentyp_aktuelles 		{font-size: 0.9em;}
	
	.hornav table 		{margin-left: 21%;}
	nav 				{width: 20%}
	article		  		{width: 55%;}
	aside 		  		{width: 25%; margin-left: 75%;}
	footer ul 			{margin-left: 16%;}
	.etwas_bewegen 		{font-size: 1.4em;}
	
	.typ_ueber_uns_aside	{display: none;}
	
	article .typ_ueber_uns				{display: none;}
	
	.yy {height: auto; width: 100%; margin-top: 1em; display: block;}
	.zz {height: auto; width: 100%; margin-top: 1em; display: none;}

}

@media only screen and (max-width: 900px) {
	.hornav .reduziert 					{display: none;}
	.nav-toggle 						{display: none;}
	.tabellentyp_ueberblick .normalbreit{display: none;}
	.tabellentyp_ueberblick .smart 		{display: none;}
	article .karte_normal				{display: none;}	
	article .karte_smart				{display: block;}
	
	article .typ_ueber_uns				{display: none;}
	
	.hornav table  		{margin-left: 25%;}
	.hornav .zwischenraum {width: 1.4em;}
	nav 				{width: 26%}
	article		  		{width: 72%;}
	aside               {display: none}
	/*aside  				{clear: left; width: 76%; margin-left: 24%;} */
	footer ul 			{margin-left: 20%;}
	
	.etwas_bewegen 			{font-size: 1.1em;}
	.typ_ueber_uns		   	{display: none;}
	.nav-bild				{display: none;}
	.typ_ueber_uns_aside	{display: block;}
	.abstand_nav_und_aside_indexseite {height: 0em;}

	.yy {height: auto; width: 100%; margin-top: 1em; display: none;}
	.zz {height: auto; width: 100%; margin-top: 1em; display: block;}
	article .typ_ueber_uns				{display: block;}
}

@media only screen and (max-width: 640px) {
	body  {padding: 0 0.5em;} /*für Smartphones*/
	
	.logo p								{display: none;}	
	.kopffeld h2						{display: none;}
	.hornav .voll  						{display: none;}
	nav hr    							{display: none;}
	.nav-bild							{display: none;}
	article .bild_indexseite	 		{display: none;}
	article .karte_normal				{display: none;}
	.tabellentyp_ueberblick .normalbreit{display: none;}
	.tabellentyp_ueberblick .schmal 	{display: none;}
	.hornav .reduziert					{display: block;}
	.nav-toggle  					/*	{display: block;}  */
	article .karte_smart 				{display: block;}
	.tabellentyp_ueberblick .smart 		{display: block;}

	.page-wrap			{padding: 20px 3px ; min-width: 300px;}
	h1     				{font-size: 0.8em;}
	.logo  				{float:left; font-size: 1.8em; margin-top: -15px; width: 70px /*statt bisher 50px w/fehlende Bodoni auf Smartphones*/ }
	.kopffeld			{float: left; height: 35px; width: 70%; margin: -1.6em 0 0 0; }			

	.hornav 			{padding: 0 0 0 30px; font-size: 0.9em;}
	.hornav table 		{margin: 0 1em 0 1em; }
	.hornav table td 	{text-align: center; padding: 10px 0em 5px 0.3em; line-hight: 0.5em;}
	.hornav .inaktiv    {border-bottom: #EEE thick solid;}
	
	nav                 				{display: none;}
	article .typ_ueber_uns				{display: block;}
	/*
	nav 		  		{position: absolute;
  	              		top: 110px;
  	              		left: -200px;
				  		font-size: 0.9em;	
				  		-webkit-transition: all 0.3s ease-out 0s;
				  		-moz-transition: all 0.3s ease-out 0s;
				  		transition: all 0.3s ease-out 0s;
				  		width: 150px;
						border: 1px #CBC9C9 solid;
				  		border-radius: 0 15px 15px 0;
						box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); 
                  		background: #EEE;
				  		z-index: 2000;}
	nav .inaktiv 		{border-bottom: #EEE thick solid;}  */
	
	article				{width: auto; border:none; font-size: 0.9em; padding: 0 7px;}
	.formularknopf      {width: 110px; font-size: 0.9em }

	aside  				{clear: left; width: auto; margin-left: 0%; font-size: 0.9em;}

	.fussnavigation div {margin-right: 0.7em;}

	footer ul 			{margin-left: -1em;}
	footer ul li 		{font-size: 0.74em; margin: 0;}
	
	.etwas_bewegen 		{font-size: 0.9em; margin-top: -2.5em;}
	
	.logo_indexseite	{font-size: 1.9em; margin-top: -0.6em;}
	.spinoff_indexseite {top: 0em; margin-left: 5em;}
	.spinoff_indexseite h2 {font-size: 75%;}
	.spinoff_indexseite h1 {font-size: 90%; line-height: 90%;}
	
	.typ_ueber_uns		   {display: none;}

	.typ_ueber_uns_aside   {display: block;}
	
	.yy {height: auto; width: 100%; margin-top: 1em; display: none;}
	.zz {height: auto; width: 100%; margin-top: 1em; display: block;}

}

@media only screen and (max-width: 360px) {
	article				{font-size: 0.77em; padding: 0 5px;}
	aside 				{font-size: 0.77em;}
	.fussnavigation div {margin-right: 0em;}
	footer ul 			{margin-left: -2em;}
	.etwas_bewegen 		{font-size: 0.7em;}

}

/* @supports (-webkit-appearance:none) and (x:0) {article, .typ_hintergrundinfo {text-align: left;}} */
@media screen and (-webkit-min-device-pixel-ratio:0) {article, .typ_hintergrundinfo, .typ_aktuell, .typ_ueber_uns, .typ_ueber_uns_aside {text-align: left;}} 



/* ----------------------------------------------------------------------------- * 
 *                             Bildauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
 
img {
	/* width: 670px; */
	max-width: 100%;
	height: auto;
}


/* ----------------------------------------------------------------------------- * 
 *                  Teaserboxen mit Bild und Text .box.teaser                    *
 * ----------------------------------------------------------------------------- */

/*
.slides {
	margin: 2.816901408% 0;
}

.teaser {
	margin-bottom: 2em;
	padding: 20px;
	border: 1px solid rgba(133,165,204,0.2);
}

.box.teaser {
	float: left;
	margin-right: 2.816901408%;
    width: 48.50746269%;
	overflow: auto;
}

.teaser p {
	font-size: 1em; /* 16 px */
/*
.box.teaser:nth-of-type(2n+2) {
 margin-right: 0;
}



/*
nav.profile {
  position: fixed;
  top: 0px;
  right: -270px;
  bottom: 0px;
  left: auto;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  height: auto;
  width: 200px;
  background: #ddd;
  z-index: 2000; }

.profile-toggle {
  text-decoration: none;
  text-align: center;
  width: 44px;
  height: 44px;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  position: absolute;
  top: 0px;
  right: 40px;
  bottom: 0;
  left: auto;
  z-index: 2; }

.profile-toggle:hover {
  color: #000000; }

#toggle-right {
  display: none; }
#toggle-right:checked + .page-wrap nav.profile {
  right: 0px; }
#toggle-right:checked + .page-wrap .profile-toggle {
  right: 220px; }



.schmal {
	
}

.tabellentyp_kurstermine {
	
}