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


/* 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: 11pt Montserrat, Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
background: #fff !important;
color: #000;
}

h1 {
font-size: 20pt;
line-height:24pt;
}

h2{
    font-size: 18pt
}

h3{
    font-size: 16pt
}

h4{
    font-size: 14pt
}

h2, h3, h4 {
margin-top: 12pt;
}

/* 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, 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, .uk-nav-primary, .footer-nav, .uk-background-cover, .recipe a, .card-link, .uk-icon-button, nav ul, .uk-navbar-toggle, .uk-logo, .flex-buttons, .uk-accordion-title
{
display: none;
}

/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */

/* 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.5em;
margin-bottom: 4pt;
}

button{
    display:none;
}



.recipe{
    position: relative;
    display: block;
}

.recipe .recipe-header{
    direction: rtl;
    text-align: left;
}

img{
    max-width: 200px;
}

.recipe img{
    max-width: 100%;
}

.recipe-header div{
    display:inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 2pt;
}

.recipe-header div:first-child{
    width:68%;
}

.recipe-header div{
    width:30%;
}

.uk-card{
    margin-bottom:24pt;
}

header{
    position: relative!important;
}

#switcher-accordion{
    list-style-type:none;
    margin:0;
    padding: 0;
}
.uk-accordion-content{
    display:block!important;
    margin-bottom: 24pt;
    position: relative;
}