/**
 * 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;
  margin-top: 0;
  }

  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; }
  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) "> ";
  }

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


  header {
    position: static;
  }

  header .sub-header {
    height: 68px;
  }

  .block-info-site .content .info-site .logo-name p {
    margin: 0;
  }
  .block-info-site .content .info-site .logo-name p img {
    width: 100px;
  }

  #main-wrapper {
    margin-top: 100px;
  }

  #top_page, .site-name, .slogan, #block-search-api-page-votre-recherche, .main_menu, .breadcrumbs, .block-slider, .social-wall, .tabs, .resp-tabs-list, .resp-arrow, .pagination-tabs, .action-links, .field-name-retour-actualites, .view-filters, .pager, footer {
    display: none !important;
  }

  h2.resp-accordion, .resp-tab-content {
    border: none !important;
    display: block !important;
  }
  h2.resp-accordion {
    font-size: 20px !important;
  }

  .accordion {
    margin-left: 0 !important;
  }
  .accordion .content {
    display: block !important;
  }

  .node-formation,
  .node-formation-externe {
    margin: 2rem 0;
  }
  .node-formation .group-titre-formation .span-wrapper,
  .node-formation-externe .group-titre-formation .span-wrapper {
    display: inline;
  }
  .node-formation .group-categorie-formation,
  .node-formation-externe .group-categorie-formation {
    text-decoration: none;
  }
  .node-formation .group-categorie-formation:after,
  .node-formation-externe .group-categorie-formation:after {
    content: none !important;
  }
  .node-formation .group-categorie-formation > div,
  .node-formation-externe .group-categorie-formation > div {
    display: list-item;
    list-style: disc;
    margin-left: 2rem;
  }
  .node-formation .field-name-field-ecole .taxonomy-term-description,
  .node-formation-externe .field-name-field-ecole .taxonomy-term-description {
    display: none;
  }
  .node-formation .field-name-field-ecole .field-item p,
  .node-formation-externe .field-name-field-ecole .field-item p {
    margin: 0;
  }
}