/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/

@media print {
 
    @page { margin: 2cm; }

    body {
	font: 12pt arial, serif;
	line-height: 1.1;
	background: #fff !important;
	color: #000;
    }

    h2, h3, h4 { margin-top: 1rem; }
    h1 { font-size: 1.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.2rem; margin: .5em 0; }
 
    /* Alle Seitenumbrüche definieren */
    a {
	page-break-inside:avoid
    }
    blockquote {
	page-break-inside: avoid;
    }
    h1, h2, h3, h4, h5, h6 {
	page-break-after:avoid; 
	page-break-inside:avoid
    }
    img {
	page-break-inside:avoid; 
	page-break-after:avoid;
    }
    table, pre { page-break-inside:avoid }
    ul, ol, dl  { page-break-before:avoid }
    
    /* Linkfarbe und Linkverhalten darstellen */
    a:link, a:visited, a {
	background: transparent;
	color: #520;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
    }

    a {
	page-break-inside:avoid
    }

    /*
    a[href^=http]:after {
	content:" <" attr(href) "> ";
    }
   */

    hr { display: none; }

    .ingredients {
	float: left;
	width: 33%;
	padding-right:2rem;
	display: table-cell;
    height: calc(100vh - 6cm)
    }
    #intro-method {
	width: 85%;
	display: table-cell;
    }
    .hidden-print, .screen-hide { display: none; }
    .hidden-screen { font-size: 1rem; }
    

    /* tables */
    table {
	page-break-inside: avoid;
	page-break-after: auto;
    }

    tr, td {
	page-break-inside: avoid;
	page-break-after: auto;
    }
    
    thead {
	display: table-header-group;
    }
    
    tfoot {
	display: table-footer-group;
    }
}
