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.chapter_start { page-break-inside: avoid; } div.chapter_start h1.chapter01 { color: #7f82bd; font-size: 1.7em; background-color: #DAE693; padding: 0.35em 0.15em 0.25em 0.25em; font-weight: 100;} div.chapter_IMG { margin:0; } div.chapter_start h1.chapter02 { color: #3e7339; font-size: 1.7em; background-color: #BEDB8B; padding: 0.25em; font-weight: 100;} h1.chapter01_Q { color: #4D4D4D; font-size: 2em; background: #DBEED3; padding: 1em; page-break-before:always; font-weight: 100;} .big { font-size: 2em; } span.subtitle_1 { color: #333333; } h3.subtitle_start_chapter01 { color: #5c5088; font-size: 1.6em; font-weight: 100; } h3.subtitle_start_chapter02 { color: #3e7339; font-size: 1.3em; font-weight: 100;} p.p_start { color: #333333; font-size: 1.2em; } h1.title_123 { font-size: 2.5em; color: #4d4d4d; padding: 0.2em 0.2em 0.2em 0.4em; page-break-inside: avoid; background-color: #DDECF3; margin: 0 0 1em 0; page-break-before:always; font-weight: 100;} h1.chapter07 { font-size: 2.5em; color: #4d4d4d; padding: 0.2em 0.2em 0.2em 0.4em; page-break-inside: avoid; background-color: #DDECF3; margin: 0 0 1em 0; page-break-before:always; font-weight: 100;} h1.chapter07 .color02 { color: #544EA6; } h1.klappe_before { font-size: 2em; color: #75B33E; padding: 0.2em 0.2em 0.2em 0.4em; page-break-inside: avoid; background-color: #D8EFA6; margin: 0 0 1em 0; page-break-before:always; font-weight: 100;} h1.klappe_back { font-size: 2em; color: #CE5B19; padding: 0.2em 0.2em 0.2em 0.4em; page-break-inside: avoid; margin: 0 0 1em 0; page-break-before:always; font-weight: 100;} h1.klappe_before .color01 { color: #CE5B19; } span.color01 { color: #7caece; } span.color02 { color: #544ea6; } span.color03 { color: #4d4d4d; } span.klappe_back { color: #CD4D17; } h3.blue { color: #7b91c3; font-size: 1.6em; margin: 1.1em 0 0.4em 0; font-weight: 100;} div.blue_box { background-color: #dee3f0; width: 100%; margin: 0.5em 0; padding: 0 0 0.5em 0; } div.blue_box_without_title { background-color: #dee3f0; width: 100%; margin: 0.5em 0; padding: 0.5em 0 0.5em 0; } div.blue_box_without_title p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } div.blue_box_without_title p.blue { color: #544ea6; } div.blue_box_without_title p.red { color: #cc3616; } div.blue_box h3 { background-color: #7b91c3; color: white; margin: 0.5em 0; font-size: 1.6em; padding: 0.3em 0.6em 0.3em; text-indent: 0; font-weight: 100; } div.blue_box p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } p.box_subtitle { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; color: #7b91c3; font-weight:bold; margin: 1.2em 0 0; } p.liste span.box_keyword { color: #666666; font-weight:bold; } .smaller { font-size: 0.8em; } table { border-collapse: collapse; font-size: 1em; width: 100%; margin: auto; } tr { page-break-inside: avoid; } td { text-align:left; margin:0; page-break-inside: avoid; height:auto; } td+td { text-align:right; padding: 0.1em 0.3em 0.1em 0.1em; page-break-inside: avoid; margin:0; } td p { padding: 1px !important; page-break-inside: avoid; } tr.green { background: #99cf82; } tr.white { background: #ffffff; } tr.light-blue { background: #DEE3F0; } span.red { color: #cc3616; } span.blue { color: #544ea6; } h3.chapter01_Q { font-size: 1em; color: #632B9B; padding: 0.8em 0.2em 0.1em 0.4em; margin: 0.7em 0 0 0; page-break-inside: avoid; background-color: #E8F2F7; font-weight: 100; } h3.chapter01_Q+p { font-size: 1em; padding: 0.1em 0.2em 0.4em 0.4em; margin: auto; background-color: #E8F2F7; } h3.klappe_back { font-size: 1.3em; margin: 1.5em 0 0.5em; color: #CE5B19; font-weight: 100; } h4.klappe_back { font-size: 1.3em; margin: 1.1em 0 0.1em; color: #75B33E; font-weight: 100; } h3.klappe_back + h4.klappe_back { margin: 0.2em 0 0.1em; } .chapter03 h1, .chapter03 h2 { color: #cf691b; font-weight: 100; } .chapter04 h1, .chapter04 h2 { color: #84C739; font-weight: 100; } .chapter05 h1, .chapter05 h2 { color: #DEBE29; font-weight: 100; } .chapter06 h1, .chapter06 h2 { color: #B2008D; font-weight: 100; } .chapter03 span.recipe_info { color: #68000a; font-weight: bold; font-size: 1.1em; } .chapter04 span.recipe_info { color: #428242; font-weight: bold; font-size: 1.1em; } .chapter05 span.recipe_info { color: #D68621; font-weight: bold; font-size: 1.1em; } .chapter06 span.recipe_info { color: #9B0078; font-weight: bold; font-size: 1.1em; } .chapter03 div.box_tip h3.box_tip { background-color: #F1D2BA; color: #666666; margin: 0.3em 0; font-size: 1.3em; padding: 0.2em 0.2em 0.2em 0.6em; text-indent: 0; font-weight: 100; } .chapter04 div.box_tip h3.box_tip { background-color: #C6DF9C; color: #636563; margin: 0.3em 0; font-size: 1.3em; padding: 0.2em 0.2em 0.2em 0.6em; text-indent: 0; font-weight: 100; } .chapter05 div.box_tip h3.box_tip { background-color: #F1E4AA; color: #666666; margin: 0.3em 0; font-size: 1.3em; padding: 0.2em 0.2em 0.2em 0.6em; text-indent: 0; font-weight: 100; } .chapter06 div.box_tip h3.box_tip { background-color: #E8B2DD; color: #666666; margin: 0.3em 0; font-size: 1.3em; padding: 0.2em 0.2em 0.2em 0.6em; text-indent: 0; font-weight: 100; } .chapter03 div.box_tip { background-color: #F9EBF5; width: 80%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter04 div.box_tip { background-color: #F7FFDE; width: 80%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter05 div.box_tip { background-color: #F9F7D5; width: 80%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter06 div.box_tip { background-color: #F4D9EE; width: 80%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter03 div.box_tip p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } .chapter04 div.box_tip p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } .chapter05 div.box_tip p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } .chapter06 div.box_tip p { font-size: 1em; padding: 0em 1em 0em 1em; text-indent: 0; } .chapter03 div.recipe_kcal { background-color: #F9EBF5; width: 100%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter04 div.recipe_kcal { background-color: #F7FFDE; width: 100%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter05 div.recipe_kcal { background-color: #F9F7D5; width: 100%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter06 div.recipe_kcal { background-color: #F4D9EE; width: 100%; margin: 1em auto 0.5em; padding: 0 0 0.1em 0; } .chapter03 div.recipe_kcal h4.recipe_kcal { background-color: #F1D2BA; color: #666666; margin: 0.5em 0; font-size: 0.9em; padding: 0.3em 0.9em 0.3em; text-indent: 0; font-weight: normal; } .chapter04 div.recipe_kcal h4.recipe_kcal { background-color: #C6DF9C; color: #636563; margin: 0.5em 0; font-size: 0.9em; padding: 0.3em 0.9em 0.3em; text-indent: 0; font-weight: normal; } .chapter05 div.recipe_kcal h4.recipe_kcal { background-color: #F1E4AA; color: #666666; margin: 0.5em 0; font-size: 0.9em; padding: 0.3em 0.9em 0.3em; text-indent: 0; font-weight: normal; } .chapter06 div.recipe_kcal h4.recipe_kcal { background-color: #E8B2DD; color: #666666; margin: 0.5em 0; font-size: 0.9em; padding: 0.3em 0.9em 0.3em; text-indent: 0; font-weight: normal; } .chapter03 div.recipe_kcal p { font-size: 0.8em; padding: 0em 1em 0em 1em; text-indent: 0; font-weight: 100; } .chapter04 div.recipe_kcal p { font-size: 0.8em; padding: 0em 1em 0em 1em; text-indent: 0; font-weight: 100; } .chapter05 div.recipe_kcal p { font-size: 0.8em; padding: 0em 1em 0em 1em; text-indent: 0; font-weight: 100; } .chapter06 div.recipe_kcal p { font-size: 0.8em; padding: 0em 1em 0em 1em; text-indent: 0; font-weight: 100; } .chapter03 .keyword{ background-color: #F9EBF5; } .chapter04 .keyword{ background-color: #DEF76B; } .chapter05 .keyword{ background-color: #E7DF58; } .chapter06 .keyword{ background-color: #D880C6; } .chapter08 .keyword{ color: #75B33E; font-weight: bold; } .chapter03 h2 .small { color: #848284; font-size: 0.75em; } .chapter04 h2 .small { color: #7b7d7b; font-size: 0.75em; } .chapter05 h2 .small { color: #808080; font-size: 0.75em; } .chapter06 h2 .small { color: #808080; font-size: 0.75em; } div.recipe_info+div.ingredients { margin-top: 0.2em; } div.recipe_info + p { margin-top: 1em; } p.bold_title { margin: 1.5em 0 0; font-weight: bold; } p.bold_title_blue { margin: 1.5em 0 0; font-weight: bold; color: #7B91C3; } div.recipe_info p { margin-bottom: 0.2em; margin-top: 0em; } h2.recipe_title { page-break-before: always; font-size: 2em; } h2 { font-size: 2em; } div.recipe_title h2 { margin-top: 0.2em; } div.recipe_title_nopb { page-break-before: avoid; } div.recipe_title { page-break-before: always; } 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; } h2 { font-size: 1.5em; font-weight: normal; margin-top: 1.5em; margin-bottom: 0.3em; } 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.5em; margin-bottom: -0.8em; } */ .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; } p.vorwort { font-size: 1em; margin-top: 0.4em; margin-bottom: 0.4em; }*/ img.impressum { margin-bottom: 0.3em; 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; } span.allcaps {text-transform:uppercase;} .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: 1.5em; } div.img + h2 { margin-top: 0.5em; } h1+div.reduced { height: 60% !important;} div.reduced { height: 70% !important;} div.reduced img { height: 100% !important;} div.img p { text-align: center; } div.img + div.img { margin-top: 2em; } img + img { margin-top: 1.5em; } .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 { /*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; } /*.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; } .nachspann { font-size: 1.3em; color: #CE5B19; padding-top: 0.1em; padding-bottom: 0.1em; } .nachspann_big { font-size: 1.8em; color: #CE5B19; } p.nachspann_a a { color: #6BA73E; } div.garantie-box { background-color: rgb(252, 184, 18); padding: 0.5em; margin-top: 1em; }