/*
Author: Christian Matz
Author URI: http://christianmatz.com
Description: Print Stylesheet
Version: 1.0
License:
License URI:
Text Domain: muebmediadesign
*/

@media print {

/* Inhaltsbreite setzen, Floats und Margins aufheben */
/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
#content, #header, #page, #menu, .wrapper, .container, .page-header {
width: 100%;
margin: 0;
padding: 0;
float: none;
background: none;
}
#header {
  position: relative !important;
  height: auto !important;
  margin-bottom: 1.5cm;
}
#header #logo {
  -webkit-transform: translateY(0) scale(1) !important;
          transform: translateY(0) scale(1) !important;
          max-height: 100%;
          top: 0;
}
#logo img {
  max-width: 4cm !important;
}
.post-content, .page-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-description h1, .page-description h2 {
	font-size: 2.0rem;
	line-height: 3.2rem;
}
#masonry-list {
  height: auto !important;
}
.masonry-list-wrapper .item {
  width: 100%;
  float: none;
  left: auto !important;
  top: auto !important;
  position: relative !important;
}
.masonry-list-wrapper .item .content-container img, .masonry-list-wrapper .item .content-container .entry-video, .masonry-list-wrapper .item .content-container .flexslider {
  width: 2cm;
}
.masonry-list-wrapper .item .featured-area {
  display: none;
}
.masonry-list-wrapper .item .sticky,
.masonry-list-wrapper .item .categorys {
  display: none;
}
.masonry-list-wrapper .widget-item {
  display: none;
}

/** Seitenränder einstellen */
@page {
  margin: 0;
}

/* 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;
width: 80%;
margin-left: auto;
margin-right: auto;
}
/*article p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}*/
h1 {
font-size: 24pt;
padding: 0 !important;
}

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; }
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: #0042A4;
/*font-weight: bold;*/
text-decoration: underline;
/*text-align: left;*/
}

a {
    page-break-inside:avoid
}

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

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

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

article p 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*/

#headerSizer, #main-menu, .sidebar, .metabox, .page-comments, #footer, nav, .shariff, #filterbar
{
display: none !important;
}

/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
article:after {
content: "\ Alle Rechte vorbehalten. (c) 2017 Institut für Userexperiencedesign - designismakingsense.de";
color: #555 !important;
font-size: 1.2em;
padding: 30px 0;
}
#content:before {
content: "\ Vielen Dank für das Ausdrucken unseres Artikels. Wir hoffen, dass auch andere Artikel von uns Dein Interesse wecken können: www.designismakingsense.de";
color: #555 !important;
font-size: 1.2em;
padding: 30px 0;
text-align: center !important;
}

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

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

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

li {
line-height: 1.6em;
}



}