@media screen {

	*, *:before, *:after {
		-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
		-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
		box-sizing: border-box; /* Opera/IE 8+ */
	}

	body
	{
		color: black;
		font-size: 1.2em;
		line-height: 1.5em;
		font-family:'normal';
		background-color: white;
		text-align: justify;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		cursor: url(../pic/cursor.png) 0 0, url(../pic/cursor.gif) 0 0, auto;
	}

	/*
		Schrift
	*/

	b
	{
		font-family:'bold', sans-serif;
		font-style: normal;
	}

	i
	{
		font-family:'italic', sans-serif;
		font-style: normal;
	}

	@font-face
	{
		font-family: 'normal';
		src: url('../../fonts/montserrat/light.woff2')  format('woff2');
	}

	@font-face
	{
		font-family: 'bold';
		src: url('../../fonts/montserrat/regular.woff2')  format('woff2');
	}

	@font-face
	{
		font-family: 'italic';
		src: url('../../fonts/montserrat/lightitalic.woff2')  format('woff2');
	}

	@font-face
	{
		font-family: 'boecklin';
		src: 	url('../../fonts/boecklin/boecklin.woff2') format('woff2');
	}

	.boecklin {
		font-family: 'boecklin';
		font-size: 1.2em;
	}


	/*
		id für Rezept-Seiten
	*/

	#rezept
	{
		margin-left: 20px;
		margin-right: 20px;
		padding: 0px;
		vertical-align:top;
	}

	/*
		Überschriften
	*/

	h1, h2, h3
	{
		font-family: 'boecklin';
		line-height: 1.5em;
		text-align: left;
		margin-top: 2em;
		-ms-hyphens: none;
		-moz-hyphens: none;
		-webkit-hyphens: none;
		hyphens: none;
	}

	h1
	{
		font-size: 2em;
		-ms-hyphens: none;
		-moz-hyphens: none;
		-webkit-hyphens: none;
		hyphens: none;
	}

	h2
	{
		font-size: 1.4em;
	}

	h3
	{
		font-size: 1.2em;
	}

	/*
		Links
	*/

	a, a:visited
	{
		color: black;
		cursor: url(../pic/cursor-aktiv.png), url(../pic/cursor-aktiv.gif), auto;
	}

	/*a:hover, a:active
	{
		color: #de0000;
	}*/

	a.anm
	{
		text-decoration: none;
		vertical-align: 4px;
		font-size: 80%;
		font-weight: bolder;
	}

	a.u-strich
	{
		text-decoration: underline;
	}

	/* externe Links */

	a[href^='http://'], a[href^='https://']
	{
		font-style: italic;
		padding-right: 18px;
		background: url('../../pic/link-ext0.svg') right no-repeat;
	}
	a[href^='http://']:hover, a[href^='http://']:active, a[href^='https://']:hover, a[href^='https://']:active
	{
		background: url('../../pic/link-ext1.svg') right no-repeat;
	}

	/*
		Quotes
	*/

	q
	{
		quotes: "»" "«" "›" "‹" "‚" "’";
	}

	.wichtig
	{
		font-family:'bold', sans-serif;
	}

	/* Umbrüche */

	hr
	{
		color: black;
		height: 0.188em;
		margin: 1.250em;
	}

	br.next {
		clear: both;
	}

	/*
		Tabellen
	*/

	td
	{
		vertical-align: top;
		background-repeat: no-repeat;
	}

	table.kopf, table.fuss
	{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	td.kopf-li, td.kopf-re, td.fuss-li, td.fuss-re
	{
		width: 0px;
		border: 0px;
		padding: 0px;
		height: auto;
	}
	td.kopf-mi
	{
		font-family: 'boecklin', sans-serif;
;
		font-size: 2em;
		line-height: 1.1em;
		vertical-align: middle ;
		text-align: center;
	}
	td.fuss-mi
	{
		vertical-align: middle ;
		text-align: center;
	}

	table.absatz-inhalt, table.absatz
	{
		width: 200px;
		height: 40px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	table.absatz
	{
		margin-left:auto;
		margin-right:auto;
	}

	td.zu
	{
		text-align: left;
		border-bottom: 0.126em solid black;
		padding-top: 1em;
		font-family: 'boecklin';
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: bold;
	}
	td.zl
	{
		text-align: right;
		border-bottom: 0.063em solid black;
		padding-right: 1em;
	}
	td.zr
	{
		text-align: left;
		border-bottom: 0.063em solid black;
	}
	td.zm
	{
		text-align: center;
		border-bottom: 0.063em solid black;
	}

	table.hinweis
	{
		margin: 20px auto;
		border: 2px solid;
	}
	td.hinweis
	{
		vertical-align: middle;
		font-weight: bolder;
		padding:10px;
	}
	td.hinweispfeil-re, td.hinweispfeil-li, td.hinweisdot-re, td.hinweisdot-li
	{
		width: 0px;
		border: 0px;
		padding: 0px;
		background-image: none;
	}

	img.mi
	{
	margin: 10px auto;
	display: block;
	clear: both;
	}

	img.foto
	{
	margin: 10px auto 50px;
	width: 75%;
	display: block;
	clear: both;
	}

	/*
		Versalien
	*/

	.versal::first-letter {
		text-transform: uppercase;
		font-family: 'boecklin';
		color: black;
		font-size: 1.6em;
		margin: 0;
	}

	.druck {
		width: 39px;
		height: 50px;
		text-decoration: none;
		display: block;
		background: url('../pic/druck.svg') 0px 0px;
		float: right;
		margin-bottom: 50px;
	}
	.druck:hover, .druck:active {
	    background-position: 0px 50px;
	}

	/*
		responsive
	*/


	@media only screen and (min-width: 24em)
	{
		#rezept
		{
			margin-left: 30px;
			margin-right: 30px;
		}

		td.kopf-li, td.fuss-re
		{
			width: 120px;
			height: 150px;
		}
		td.kopf-re, td.fuss-li
		{
			width: 0px;
			height: 150px;
			border: 0px;
			padding: 0px;
		}
	}

	@media only screen and (min-width: 40em)
	{
		#rezept
		{
			margin-left: 50px;
			margin-right: 50px;
		}

		td.kopf-li, td.kopf-re, td.fuss-li, td.fuss-re
		{
			width: 120px;
			height: 150px;
		}

		table.hinweis
		{
			border: none;
		}
			td.hinweispfeil-li
		{
			width: 41px;
			background-image: URL(../pic/pfeil-li.svg);
		}
		td.hinweispfeil-re
		{
			width: 41px;
			background-image: URL(../pic/pfeil-re.svg);
		}
		td.hinweisdot-li
		{
			width: 20px;
			background-image: URL(../pic/dot-li.svg);
		}
		td.hinweisdot-re
		{
			width: 20px;
			background-image: URL(../pic/dot-re.svg);
		}
        td.hinweispfeil-re, td.hinweispfeil-li, td.hinweisdot-re, td.hinweisdot-li
		{
			border: 0px;
			padding: 0px;
			background-position: center;
			background-repeat:no-repeat;
 		}
	}

}

@media print {


	body
	{
		color: black;
		font-size: 1em;
		font-family: Helvetica, Arial, Geneva, sans-serif;
		background-color: white;
		text-align: left;
	}

	p
	{
		margin: 0.5em;
	}

	/*
		id für Rezept-Seiten
	*/

	#rezept
	{
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px;
		vertical-align:top;
	}

	/*
		Überschriften
	*/

	h1, h2, h3
	{
		text-align: left;
		margin-top: 0em;
		page-break-after:avoid;
	}

	h1
	{
		font-size: 1.5em;
	}

	h2
	{
		font-size: 1.2em;
	}

	h3
	{
		font-size: 1.0em;
	}

	/*
		Links
	*/

	a
	{
		color: black;
		text-decoration: none;
	}

	a.anm
	{
		display: none;
	}

	a.u-strich
	{
		text-decoration: none;
	}

	/*
		Quotes
	*/

	q
	{
		quotes: "„" "“" "‚" "’";
	}

	.wichtig
	{
		font-weight: bolder;
	}

	/* Umbrüche */

	hr
	{
		color: black;
		height: 0.188em;
		margin: 1.250em;
	}

	br.next 
	{
		clear: both;
	}

	img
	{
		display: none;
	}


	/*
		Tabellen
	*/

	td
	{
		vertical-align: top;
		/*border: 1px solid red;*/
		background-repeat: no-repeat;
	}

	table.kopf, table.fuss
	{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	td.kopf-li, td.kopf-re, td.fuss-li, td.fuss-re
	{
		display: none;
	}
	td.kopf-mi
	{
		font-size: 1.5em;
		font-weight: bolder;
		text-align: left;
	}
	td.fuss-mi
	{
		display: none;
	}

	table.absatz-inhalt, table.absatz
	{
		display: none;
	}

	td.zu
	{
		text-align: left;
		border-bottom: 0.06em solid black;
		padding-top: 1em;
		font-size: 1em;
		line-height: 1.5em;
		font-weight: bold;
	}
	td.zl
	{
		text-align: right;
		border-bottom: 0.03em solid black;
		padding-right: 1em;
	}
	td.zr
	{
		text-align: left;
		border-bottom: 0.03em solid black;
	}

	table.hinweis
	{
		margin: 20px auto;
		border: 1px solid;
	}
	td.hinweis
	{
		vertical-align: middle;
		font-weight: normal;
		padding:10px;
	}
	td.hinweispfeil-re, td.hinweispfeil-li
	{
		display: none;
	}


	/*
		Versalien
	*/

	.versal::first-letter {
		text-transform: uppercase;
		color: black;
		font-size: 1em;
		margin: 0;
	}

	.boecklin {
		color: black;
		font-weight: bold;
	}


}