body {
  font: 13pt Tahoma, "Times New Roman", Times, serif;
  line-height: 1.3;
  background: rgb(234, 239, 240) !important;
  color: #000;
}

button {
  margin-right: 14px;
  margin-left: 14px;
  margin-top: 14px;
  border: 1px;
  margin-bottom: 2px;
  width: inherit;
  font-size: 25px;
  color: rgba(65, 130, 234, 0.692);
  text-shadow: -1px -1px #b1afaf;

  text-align: center;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  border-radius: 5px;
  box-shadow: 2px 2px 6px #b1afaf, -4px -4px 6px #ffffff;
}

button:hover {
  text-shadow: +1px +1px #b1afaf;

  border-radius: 5px;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  box-shadow: inset 2px 2px 6px #bebebe, inset -2px -2px 6px #ffffff;
}

/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
* Origen: https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/
*/

@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: 1.5cm
  }

  /* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
  /* Das spart Tinte */
  .noprint {
    display: none;
  }

  body {
    font: 13pt Tahoma, "Times New Roman", Times, serif;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }

  h1 {
    font-size: 24pt;
    border-bottom: 1px solid #000;
  }

  h2,
  h3,
  h4 {
    font-size: 14pt;
    margin-top: 25px;
    border-bottom: 2px solid rgb(215, 235, 245);
  }

  /* 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;
  }

}