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

@media print {

	/* Inhaltsbreite setzen, Floats und Margins aufheben */
	/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
	#content, #page {
		width: 100%;
		margin: 0;
		float: none;
	}

	/** Seitenränder einstellen */
	@page {
		margin: 2cm
	}

	/* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
	/* Das spart Tinte */
	body {
		font: 13pt Georgia, "Times New Roman", Times, serif;
		line-height: 1.3;
		background: #fff !important;
		color: #000;
	}

	h1 {
		font-size: 24pt;
	}

	h2, h3, h4 {
		font-size: 14pt;
		margin-top: 25px;
	}

	/* 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;
	}

	pre, .form-group.row, .card-header {
		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) "> ";
		}

	$a:after > img {
		content: "";
	}

	article a[href^="#"]:after {
		content: "";
	}

	a:not(:local-link):after {
		content: " <" attr(href) "> ";
	}

	/**
 * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
 */
	.entry iframe, ins {
		display: none;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		line-height: 0pt !important;
		white-space: nowrap;
	}

	.embed-youtube, .embed-responsive {
		position: absolute;
		height: 0;
		overflow: hidden;
	}

	/* Unnötige Elemente ausblenden für den Druck */

	#header-widgets, nav, aside.mashsb-container,
	.sidebar, .mashshare-top, .mashshare-bottom,
	.content-ads, .make-comment, .author-bio,
	.heading, .related-posts, #decomments-form-add-comment,
	#breadcrumbs, #footer, .post-byline, .meta-single,
	.site-title img, .post-tags, .readability {
		display: none;
	}

	/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
	.entry:after {
		content: "\ Alle Rechte vorbehalten. (c) 2014 - 2016 TechBrain - techbrain.de";
		color: #999 !important;
		font-size: 1em;
		padding-top: 30px;
	}

	#header:before {
		content: "\ Vielen herzlichen Dank für das Ausdrucken unseres Artikels. Wir hoffen, dass auch andere Artikel von uns Ihr Interesse wecken können.";
		color: #777 !important;
		font-size: 1em;
		padding-top: 30px;
		text-align: center !important;
	}

	/* Wichtige Elemente definieren */
	p, address, li, dt, dd, blockquote {
		font-size: 100%
	}

	/* Zeichensatz fuer Code Beispiele */
	code, pre {
		font-family: "Courier New", Courier, mono
	}

	ul, ol {
		list-style: square;
		margin-left: 18pt;
		margin-bottom: 20pt;
	}

	li {
		line-height: 1.6em;
	}

	.card {
		border: 0;
	}

  .card-footer, .card-actions, .close-icon, .burger-icon {
    display: none;
  }

	.durandal-wrapper .card .card .card-header {
		background-color: #ccc !important;
	}

	label {
		display: block;
		float: none;
	}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto,
	.container, .row {
		display: block !important;
		position: relative !important;
		float: none !important;
	}

	.card-body:not(.card) {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

  table td.screw-alert {
    background-color: #ffc7ce !important;
  }

  table td.screw-warning {
    background-color: #ffc000 !important;
  }

  table td.screw-ok {
    background-color: #92d050 !important;
  }

  #my-menu {
    display:none;
  }
}