body { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; padding:0; margin-left:5%; margin-right:5%; font-size:95%; } p { font-size: 1em; margin-bottom:0.3em; margin-top:0; } div.recipe_info p { margin-bottom: 0.2em; margin-top: 0em; } div.recipe_title { page-break-before: always; } div.recipe_title h2 { margin-top: 0.2em; } div.recipe_title_nopb { page-break-before: avoid; } div.ingredients p { margin-bottom: 0.1em; margin-top: 0em; } div.ingredients { margin-bottom: 1em; } img { max-width:100%; } h1 { font-size: 2em; font-weight: normal; /*padding-top: 1em;*/ /*padding-bottom: 0.5em;*/ text-align: left; -webkit-hyphens:none; } h2 { font-size: 1.5em; font-weight: normal; margin-top: 1.5em; margin-bottom: 0.3em; -webkit-hyphens:none; } h3 { font-size: 1em; font-weight: bold; margin-top: 1.5em; margin-bottom: 0.4em; /*margin-bottom: -0.8em;*/ -webkit-hyphens:none; } h4 { font-size: 1em; font-weight: bold; margin-top: 1em; margin-bottom: 0.2em; /*margin-bottom: -0.8em;*/ -webkit-hyphens:none; } .first { margin-top: 0; padding-top: 0; } h5 { font-size: 0.8em; font-weight: normal; margin-top: 0.9em; margin-bottom: 0.5em; text-transform: uppercase; text-align: left; -webkit-hyphens:none; } p.vorwort { font-size: 1em; margin-top: 0.4em; margin-bottom: 0.4em; } img.impressum { /*margin-bottom: -0.1em;*/ margin-right: 0.1em; } img.inline { margin-top: 0em; margin-bottom: 0em; } div.cover { margin: 0em; padding: 0em; text-align: center; vertical-align: middle; width: 100%; } img.cover { text-align: center; vertical-align: middle; max-height: 80%; max-width: 80%; } span.bold { font-weight: bold; } b { font-weight: bold; } span.italic { font-style: italic; } i { font-style: italic; } span.underline { text-decoration: underline; } span.bolditalic { font-weight: bold; font-style: italic; } span.tief { font-size: 0.8em; vertical-align: sub; } span.hoch { font-size: 0.8em; vertical-align: super; } span.gespert { letter-spacing: 0.2em; } span.smallcaps { font-variant: small-caps; } .nobr { white-space: nowrap; -webkit-hyphens:none; } .center { text-align: center; } a[href] { text-decoration: none; } a { font-weight: bold; } .inline { display: inline; margin: 0.1em; } .right { text-align: right; } div.listnum p { vertical-align: middle; } .image_caption { font-size: 0.8em; } div.img { /*page-break-inside: avoid;*/ text-align: center; margin-top: 0.5em; /*padding-top: 0.5em;*/ /*margin-bottom: -0.8em;*/ } div.img + p { margin-top: 0.5em; } p + div.img { margin-top: 1.5em; } div.img + h2 { margin-top: 1.2em; } div.reduced { height: 80% !important;} div.reduced img { height: 100% !important;} div.img p { text-align: center; } div.box + div.box { margin-top: 1.5em; } div.img + div.img { margin-top: 0.7em; } img + img { margin-top: 0.9em; } .italic { font-style: italic; } .pb_before { page-break-before: always; margin-top:0; padding-top:0; } .pb_after { page-break-after: always; } .pb_after_avoid { page-break-after: avoid; } .pb_before_avoid { page-break-before: avoid; } .subtitle { font-weight:bold; /*margin-top: -0.5em;*/ margin-bottom: 0.1em; } h2 + .subtitle { margin-top: 0.8em; } div.garantie { page-break-before: always; } div.garantie-img { text-align: center; width: 100%; } div.garantie-box p { text-indent: 0pt; font-family: sans-serif; text-align: left; } div.garantie-box p.garantie-us { text-indent: 0pt; font-family: sans-serif; text-align: left; font-size: 1.2em; } div.garantie-box p.garantie-top { text-indent: 0pt; font-family: sans-serif; text-align: left; margin-top: 1em; } div.garantie-box p.garantie-small { text-indent: 0pt; font-family: sans-serif; text-align: left; font-size: 80%; } p.signature { text-align: right; font-size: 1.2em; } .numbers { font-weight: bold; } .keyword { font-weight: bold; } .begining { font-size: 1.2em; line-height: 1.5em; } .ingredients + .recipe_info { margin-bottom: 1.3em; } div.reduced+p.wertmarke { margin-top: 1em !important; } .wertmarke { font-size: 0.8em; font-weight: lighter; margin-top: 1em; /*padding-top: 2em;*/ /*margin-bottom: -3.0em;*/ } div.recipe_info { margin-top: 1em; } h2.klappe { font-size: 1.1em; /*margin-bottom: -0.5em;*/ } div.logo { text-align: center; margin-top: 4em; } .impress_top{ margin-top: 2em; } div.impress p { /*margin-bottom: -0.6em;*/ } div.impress { font-size: 0.9em; } /*----- color styles -----*/ .chapter01 { color: rgb(212, 144, 33); } .chapter02 { color: rgb(120, 187, 65); } .chapter03 { color: rgb(63, 101, 52); } .chapter04 { color: rgb(156, 0, 22); } .chapter05 { color: rgb(70, 108, 89); } .chapter06a { color: rgb(199, 0, 141); } .chapter06 { color: rgb(215, 77, 175); } .nachspann { font-size: 1.3em; color: rgb(234, 161, 58); padding-top: 0.1em; padding-bottom: 0.1em; } h1.vorwort { font-size: 2em; font-weight: normal; color: rgb(220, 192, 42); padding-bottom: 0.5em; } h6 { font-size: 0.9em; font-style: italic; margin-top: 0.8em; margin-bottom: 0.4em; color: rgb(0, 0, 255); } p.tools_title { font-size: 1.4em; color: rgb(255, 255, 255); } .box { background-color: rgb(246, 231, 208); padding: 1em; margin-top: 1.5em; } .chapter_start_chapter02 { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; page-break-after: always; background-color: rgb(215, 77, 175); } .chapter_start_chapter03 { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; background-color: rgb(156, 204, 124); } .chapter_start_chapter04 { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; background-color: rgb(202, 0, 22); } .chapter_start_chapter05 { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; background-color: rgb(125, 152, 139); } .chapter_start_chapter06a { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; background-color: rgb(215, 77, 175); } .chapter_start_chapter06 { color: rgb(255, 255, 255); padding: 0pt 0.5em 0.5em; page-break-inside: avoid; background-color: rgb(215, 77, 175); } div.garantie-box { background-color: rgb(252, 184, 18); padding: 0.5em; margin-top: 1em; } span.vorwort { color: rgb(220, 192, 42); } div.title_motto { color: rgb(76, 76, 76); font-style: italic; margin-left: 1.5em; } .klappe { color: rgb(199, 0, 141); } .klappe_back { color: rgb(142, 0, 22); }