@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------- /
/  Ersteller:	Beat Wolfensberger
/
/  History
/  --------------------------------------------
/  Datum		Version	Wer		Änderung
/  --------------------------------------------
/  xx.xx.xxxx	1.0.0	bwo		CSS erstellt
/  15.04.2015	1.0.5	bwo		Anpassung Print- und Screendarstellung
/  28.10.2016	2.0.0	bwo		Anpassung Print/Screen auf neues CI
/  01.11.2016	2.1.0	bwo		Webfonts eingefügt
/  01.11.2016	2.1.1	bwo		Generelle Anpassungen
/  18.05.2021	3.0.0	bwo		Umbau auf Responsiveness
/  xx.xx.xxxx	x.x.x		
/  ------------------------------------------- */


/* -------------------------------------------- /
/  Webfonts                                     /
/  ------------------------------------------- */

@font-face {
	font-family: 'Doko-Book';
	src: url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Doko-Book.eot?#iefix") format("embedded-opentype"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Doko-Book.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Doko-Bold';
	src: url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Doko-Bold.eot?#iefix") format("embedded-opentype"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Doko-Bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Router-Book';
	src: url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Book.eot?#iefix") format("embedded-opentype"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Book.woff") format("woff"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Book.svg#UtopiaStd-Book") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Router-Medium';
	src: url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Medium.eot?#iefix") format("embedded-opentype"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Medium.woff") format("woff"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Medium.svg#UtopiaStd-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Router-Bold';
	src: url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Bold.eot?#iefix") format("embedded-opentype"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Bold.woff") format("woff"), url("https://003.lmvz.ch/lehrmittelagenda/css/fonts/Router-Bold.svg#UtopiaStd-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
}



/* ---------------------------------------------
/  Reset
/  -------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* ---------------------------------------------
/  Inhaltsbereiche
/  -------------------------------------------*/

header, nav, main, footer {
	font-family: 'Router-Book', sans-serif;
}
header, main, footer {
	width: 100%;
	clear: both;
	display: flow-root;
}
header {}
nav {
	margin: 0;
}
main {
	hyphens: auto;
}
footer {
	border-top: 1px solid #bbb;
}



/* ---------------------------------------------
/  IDs
/  -------------------------------------------*/

#headLogo, #headAdresse {
	margin: 0;
}
#headLogo {
	padding: 0 1em 0 0;
}
#headAdresse {
}



/* ---------------------------------------------
/  Klassen
/  -------------------------------------------*/

.navScreen {}
.navPrint {}
.tabLabel, .tabContent {}
.tabSpacer {}
.headerFactsheet, .headerInfosheet {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.headerInfosheet {
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #bbb;
}
.hinweisBox {
	padding: 0.5em;
	margin: 2em 0 0 0;
	background-color: #eee;
}
.hinweisBox h3 {
	font-size: 1em;
	margin: 0 0 0.2em 0;
	padding:0;
}
.hinweisBox p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
.footerLeft, .footerRight {
	display: inline;
	margin: 0;
	padding: 0;
}
.footerLeft {
	text-align: left;
	float: left;
}
.footerRight {
	text-align: right;
	float: right;
}




/* ---------------------------------------------
/  Tags
/  -------------------------------------------*/

body {}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Doko-Bold', serif;
	font-weight:normal;
	text-decoration: none;
	color: #000;
	letter-spacing:0.3px;
}
h1 {}
h2 {
	clear: both;
}
p {
	color: #000;
}
ul {
	margin: 0;
	list-style-position: inherit;
}
ul li {
	margin: 0;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	display: inline-block;
	text-decoration: none;
	padding: 0 0.4em 0 0;
	margin: 0 0.2em 0 0;
	border-right: 1px solid #bbb;
}
nav ul li:last-child {
	padding: 0;
	margin: 0;
	border-right: none;
}
table tr td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 0.2em;
}
table tr td ul {
	list-style-position: inherit;
	list-style-type: circle;
}
table tr td ul li {
	margin: 0;
}
header table tr td {
	vertical-align: bottom;
}
#headAdresse h1 {
	margin:0;
	padding:0;
}
#headAdresse p {
	margin: 0;
	padding: 0;
}
footer p {
	color: #000;
	text-align: right;
	margin: 0;
	padding: 0;
}
img {
    border: none;
}
a, a:visited {
	color: #3A4193;
	text-decoration: none;
	font-family:'Router-Bold', sans-serif;
}
a:hover, a:active {
	color: #6F73AF;
	text-decoration: none;
	font-family:'Router-Bold', sans-serif;
}
.tabContent p:last-child {
	margin: 0;
}
footer ul {
	margin: 0;
	padding: 0;
}
footer ul li {
	list-style-type: none;
}
footer ul li:last-child {
}






/* ---------------------------------------------
/  Screen-Beschreibungen
/  -------------------------------------------*/

@media screen and (min-width: 760px) {
	header, main, footer {
		max-width: 800px;
		padding: 0;
		margin: 0 auto;
	}
	header{}
	nav {
		padding: 3.3em 0 0 0;
	}
	main {
		margin: 4em auto 3em auto;
		font-size: 1.05em;
	}
	footer{
		padding: 0.25em 0 0 0;
	}
	footer ul li {
		display: inline-block;
		padding: 0 0.5em 0 0;
		margin: 0 0.5em 0 0;
		border-right: 1px solid #bbb;
	}
	footer ul li:last-child {
		padding: 0;
		margin: 0;
		border: none;
	}
	.footerLeft {
		width: 70%;
	}
	.footerRight {
		width: 30%;
	}
	body {
		background-color: #ffffff;
		margin: 3em 2em;
	}
	.navScreen {
		display: inline;
	}
	.navPrint {
		display: none;
	}
	.tabLabel {
		width: 30%;
		min-width: 180px;
		margin: 0 0 1em 0;
		padding: 0 1em 0 0;
		border: none;
		background-color: transparent;
		display: inline-block;
		white-space: nowrap;
		float: left;
		clear: both;
	}
	.tabContent {
		width: 70%;
		margin: 0 0 1em 0;
		padding: 0 1em 0 0;
		border: none;
		display: inline-block;
		float: left;
	}
	.tabSpacer {
		padding-top: 1em;
	}
	h1 {
		font-size: 2.1em;
		margin: 0 0 1em 0;
	}
	h2 {
		font-size: 1.3em;
		margin: 1.5em 0 0.4em 0;
	}
	p {
		margin: 0px 0px 0.5em 0;
	}
	ul {
		padding: 0 0 0 1.1em;
	}
	ul li {
		padding: 0 0 0.3em 0;
	}
	table tr td ul {
		margin: 0;
		padding: 0 0 0 1.2em;
	}
	table tr td ul li {
		padding: 0 0 0.3em 0;
	}
	#headAdresse h1 {
		font-size:1.05em;
	}
	#headAdresse p, footer p {
		font-size: 0.95em;
	}
}

@media screen and (min-width:200px) and (max-width:760px) {
	header, main, footer {
		max-width: 800px;
		padding: 0;
		margin: 0 auto;
	}
	header{}
	nav {
		width: 100%;
		padding: 0.5em 0 0 0;
	}
	main {
		margin: 4em auto 3em auto;
		font-size: 1.05em;
	}
	footer{
		padding: 0.25em 0 0 0;
	}
	footer ul li {
		display: block;
		padding: 0;
		margin: 0;
		border: none;
	}
	footer ul li:last-child {
		padding: 0;
		margin: 0;
		border: none;
	}
	.footerLeft {
		width: 50%;
	}
	.footerRight {
		width: 50%;
	}
	body {
		background-color: #ffffff;
		margin: 3em 2em;
	}
	.navScreen {
		display: inline;
	}
	.navPrint {
		display: none;
	}
	.tabLabel {
		width: 100%;
		margin: 0;
		padding: 0 0.3em;
		border: 1px solid #bbb;
		border-bottom: none;
		background-color: #eee;
		display: block;
		float: left;
		white-space: nowrap;
		float: left;
		clear: both;
	}
	.tabContent {
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0.2em 0.3em 0 0.3em;
		border: 1px solid #bbb;
		border-top: none;
		display: inline-block;
		float: left;
	}
	.tabSpacer {
		padding-top: 0.8em;
	}
	h1 {
		font-size: 2.1em;
		margin: 0 0 1em 0;
	}
	h2 {
		font-size: 1.3em;
		margin: 1.5em 0 0.4em 0;
		clear: both;
	}
	p {
		margin: 0px 0px 0.5em 0;
	}
	ul {
		padding: 0 0 0 1.1em;
	}
	ul li {
		padding: 0 0 0.3em 0;
	}
	table tr td ul {
		margin: 0;
		padding: 0 0 0 1.2em;
	}
	table tr td ul li {
		padding: 0 0 0.3em 0;
	}
	#headAdresse h1 {
		font-size:1.05em;
	}
	#headAdresse p, footer p {
		font-size: 0.95em;
	}
}

/* ---------------------------------------------
/  Drucken-Beschreibungen
/  -------------------------------------------*/

@media print {
	header, main, footer {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	header{}
	nav {
		padding: 3.3em 0 0 0;
	}
	main {
		margin: 4em 0 3em 0;
	}
	footer{
		padding: 0.25em 0 0 0;
		font-size: 0.85em;
	}
	body {
		background-color: transparent;
		margin: 4em 2em 4em 4.5em;
	}
	.navScreen {
		display: none;
	}
	.navPrint {
		display: inline;
	}
	.tabLabel {
		width: 35%;
		margin: 0 0 1em 0;
		padding: 0 1em 0 0;
		border: none;
		background-color: transparent;
		display: inline-block;
		white-space: nowrap;
		float: left;
		clear: both;
	}
	.tabContent {
		width: 65%;
		margin: 0 0 1em 0;
		padding: 0 1em 0 0;
		border: none;
		display: inline-block;
		float: left;
	}
	.tabSpacer {
		padding-top: 0.9em;
	}
	h1 {
		font-size: 1.75em;
		margin: 0 0 1em 0;
	}
	h2 {
		font-size: 1.1em;
		margin: 1.5em 0 0.4em 0;
	}
	p {
		margin: 0px 0px 0.5em 0;
	}
	ul {
		padding: 0 0 0 1.3em;
	}
	ul li {
		padding: 0 0 0.3em 0;
	}
	table tr td ul {
		margin: 0;
		padding: 0 0 0 1.4em;
	}
	table tr td ul li {
		padding: 0 0 0.3em 0;
	}
	#headAdresse h1 {
		font-size: 0.80em;
	}
	#headAdresse p, footer p {
		font-size: 0.75em;
	}
}