body{ font-family: "Trebuchet MS", Verdana, Arial, sans-serif; padding: 0; margin-left: 5%; margin-right: 5%; } @font-face{ font-family: 'caveat-bold'; src: url('../Fonts/caveat-bold.ttf') format('truetype'); } @font-face{ font-family: 'Montserrat-Regular'; src: url('../Fonts/Montserrat-Regular.ttf') format('truetype'); } @font-face{ font-family: 'Montserrat-Bold'; src: url('../Fonts/Montserrat-Bold.ttf') format('truetype'); } div.KapAufmacherUE2 h1{ font-weight: normal; font-family: 'Montserrat-Regular'; font-size: 1.72em; margin: 0em 0em 0em 0em; text-align: left; display: block; padding: 0em 0em 0.5em 0em; line-height: 120%; } span.light{ font-family: 'Montserrat-Bold'; } h1.typ{ font-weight: normal; font-family: 'caveat-bold'; font-size: 2.62em; padding: 0em 0em 0em 0em; text-align: center; margin: 0.5em 0em 0.5em 0em; line-height: 120%; } h1.typ1{ font-weight: normal; font-family: 'Montserrat-Bold'; font-size: 1.52em; margin: 0em 0em 0em 0em; text-align: left; padding: 0em 0em 0.5em 0em; line-height: 120%; } p.Aufmacher_Aufmacher-Fliess{ font-weight: normal; margin: 0em; padding: 0em 0em 0em 0em; } h1.service{ font-weight: normal; font-family: 'Montserrat-Bold'; font-size: 1.72em; margin: 0em 0em 0em 0em; text-align: left; padding: 0em 0em 0.5em 0em; line-height: 120%; } h2.typ{ font-weight: normal; font-family: 'Montserrat-Bold'; font-size: 1.72em; margin: 0.3em 0em 0em 0em; text-align: center; padding: 0em 0em 0.5em 0em; line-height: 120%; } div.avoid > h3.typ, p + h3.typ, div.extra_abhaengig1 + div.illustration1, div.extra_abhaengig1 + div.img, div.extra_abhaengig + h3.typ, div.extra_abhaengig1 + h3.typ{ margin: 1em 0em 0.5em 0em !important; padding: 0em 0em 0.2em 0em; } div.illustration1 + h3.typ, div.illustration2 + h3.typ, div.img + h3.typ{ margin: 1em 0em 0.5em 0em !important; padding: 0em 0em 0.2em 0em; } div.ueberschrift_extra_abhaengig + h3.typ1, div.ueberschrift_extra_abhaengig + h3.typ{ margin: 0.5em 0em 0em 0em; } div.ueberschrift_extra_abhaengig1 + h6.uz1, div.ueberschrift_extra_abhaengig + h6.uz{ margin: 0.2em 0em 0.2em 0em !important; } h3.typ{ font-weight: normal; font-family: 'Montserrat-Bold'; font-size: 1.1em; margin: 0em 0em 0.5em 0em; padding: 0em 0em 0.2em 0em; text-align: left; line-height: 120%; } div.kap2 h3.typ1{ margin: 0em 0em 0.8em 0em !important; } h3.typ1{ font-weight: normal; font-family: 'Montserrat-Bold'; font-size: 1.33em; margin: 1.5em 0em 0.8em 0em; text-align: left; } p.untertitel{ text-align: center; color: #333; font-size: 1.2em; } p.zubereitungen{ color: #333; font-size: 1.2em; font-family: 'Kalam-Regular'; } p.zubereitung{ color: #333; } h2.rezept{ font-weight: normal; font-family: 'Kalam-Regular'; font-size: 1.82em; margin: 0em 0em 0.2em 0em; text-align: center; display: block; padding: 0em; line-height: 120%; } p.Tipp-Name{ display: block; font-family: 'Montserrat-Regular'; margin: 1em 0em 0.3em 0em; } /*color settings*/ p + div.avoid h3.typ, p + div.avoid div.ueberschrift_extra_abhaengig, div.illustration1 + div.ueberschrift_extra_abhaengig, div.illustration2 + div.ueberschrift_extra_abhaengig, div.img + div.ueberschrift_extra_abhaengig, p + div.ueberschrift_extra_abhaengig{ margin-top: 1em; } p.Region_Ziele-Head{ font-family: 'caveat-bold'; font-size: 1.3em; text-align: left; margin: 0em; } p.zitat{ font-family: 'caveat-bold'; font-size: 1.3em; text-align: center; margin: 0 3em; } p.zitat_autor{ font-size: 0.9em; text-align: center; font-style: italic; } /*blue*/ div.kap1 span.ziffer, div.kap1 p.materialliste, div.kap1 p.materiallisten, div.kap1 span.step, div.kap1 p.portion, div.kap1 p.Aufmacher_Aufmacher-Fliess, span.blue{ color: #307FAE; } span.checkliste5{ background-color: #57A0D7; } div.kap1 h2.rezept{ color: #57A0D7; } div.kap1 div.extra_abhaengig5{ background-color: #57A0D7; color: #fff; } /*green*/ div.kap2 span.ziffer, div.kap2 p.materialliste, div.kap2 p.materiallisten, div.kap2 span.step, div.kap2 p.portion, div.kap2 h2.typ, div.kap2 p.Aufmacher_Aufmacher-Fliess, span.green{ color: #228C79; } span.checkliste6{ background-color: #228C79; } div.kap2 h2.rezept{ color: #228C79; } div.kap2 h3.typ{ border-bottom: 1px solid #228C79; } div.kap2 div.extra_abhaengig5{ background-color: #228C79; color: #fff; } /*ultramarin*/ div.kap3 span.ziffer, div.kap3 p.materialliste, div.kap3 p.materiallisten, div.kap3 span.step, div.kap3 p.portion, div.kap3 h2.typ, div.kap3 p.Aufmacher_Aufmacher-Fliess, span.ultramarin{ color: #EA8932; } div.kap3 h2.rezept{ color: #EA8932; } div.kap3 h3.typ{ border-bottom: 1px solid #EA8932; } div.kap3 div.extra_abhaengig5{ background-color: #EA8932; color: #fff; } /*orange*/ div.kap4 span.ziffer, div.kap4 p.materialliste, div.kap4 p.materiallisten, div.kap4 span.step, div.kap4 p.portion, div.kap4 h2.typ, div.kap4 p.Aufmacher_Aufmacher-Fliess, span.orange { color: #F1882E; } div.kap4 span.checkliste{ border: solid #F1882E 1px; } span.checkliste4{ background-color: #F1882E; } div.kap4 h2.rezept{ color: #F1882E; } div.kap4 h3.typ{ border-bottom: 1px solid #F1882E; } div.kap4 div.extra_abhaengig5{ background-color: #F1882E; color: #fff; } /*lila*/ div.kap5 span.ziffer, div.kap5 p.materialliste, div.kap5 p.materiallisten, div.kap5 span.step, div.kap5 p.portion, div.kap5 h2.typ, div.kap5 p.Aufmacher_Aufmacher-Fliess, span.lila{ color: #612150; } div.kap5 p.linie{ border-top: 1px solid #612150; } div.kap5 span.checkliste{ border: solid #612150 1px; } div.kap5 h2.rezept{ color: #612150; } div.kap5 div.extra_abhaengig2{ border: 1px solid #612150; } div.kap5 h3.typ{ border-bottom: 1px solid #612150; } div.kap5 div.extra_abhaengig5{ background-color: #612150; color: #fff; } div.extra_abhaengig5 div.ueberschrift_extra_abhaengig{ color: #fff; font-family: 'Kalam-Regular'; font-size: 1.2em; } img.kreis{ width: 1.5em; vertical-align: middle; line-height: 125%; display: block; padding-bottom: 0.3em; float: left; margin-right: 0.5em; background-color: #fff; } img.poi{ width: 1.3em; vertical-align: middle; display: block; float: left; margin-right: 0.5em; } img.ziffer{ width: 1.2em; vertical-align: middle; margin-right: 0.5em; } img.number{ width: 1.2em; vertical-align: middle; margin-right: 0.5em; } p{ padding: 0em 0em 0em 0em; margin: 0em; text-align: left; font-size: 0.96em; } div.extra_abhaengig1 p.address{ padding: 0em 0em 0em 0em; margin: 0.2em 0em 0em 0em; } p.address + p.address{ margin: 0 } p.address, p.address1{ font-size: 0.84em; padding: 0em 0em 0em 0em; margin: 0.1em 0em 0em 0em; } p.extra_text1{ font-size: 0.95em; } span.Haed-Trip-Ziffer{ font-family: 'Montserrat-Bold'; } h6.Head-POI{ padding: 0em 0em 0.2em 0em; margin: 1em 0em 0.5em 0em; font-family: 'Montserrat-Bold'; border-bottom: 0.05em solid #000; font-size: 1.15em; } h6.poi{ font-family: 'Montserrat-Bold'; font-size: 1em; padding: 0em 0em 0em 0em; margin: 0em 0em 0.2em 0em; text-align: center; } h6.uz{ font-family: 'Montserrat-Bold'; font-size: 1em; padding: 0em 0em 0em 0em; margin: 1em 0em 0.5em 0em; text-align: center; font-weight: lighter; } div.extra_abhaengig h6.uz, div.extra_abhaengig1 h6.uz, div.extra_abhaengig2 h6.uz{ font-family: 'Montserrat-Bold'; font-size: 1em; padding: 0em 0em 0em 0em; margin: 1em 0em 0.5em 0em; text-align: left; font-weight: lighter; } h6.uz1{ font-family: 'Montserrat-Bold'; font-size: 0.96em; padding: 0em 0em 0em 0em; margin: 1em 0em 0.2em 0em; text-align: center; font-weight: lighter; } div.img + h6.uz2{ margin-top: 0.7em; } h6.uz2{ font-family: 'Montserrat-Bold'; font-size: 1.2em; padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; text-align: left; font-weight: lighter; color: #005899; } h6.uz1 + h6.uz2{ margin: 0em 0em 0em 0em !important; } div.img, div.img img{ width: 100% !important; text-align: center; } div.cover, div.cover img{ width: 100% !important; text-align: center; margin: auto; } div.ueberschrift_extra_abhaengig img.inline{ width: 2em; } img.inline{ width: 2.1em; } img.inline2{ width: 0.6em; vertical-align: middle; } img.icon{ width: 10%; text-align: center; margin: -1.5em 45% 0.5em 45%; } img.icon1{ width: 20%; text-align: center; margin: 0.8em 40% 1em 40%; } div.bildunterschrift{ margin: 0.2em 0em 0em 0em; padding: 0em 0em 0em 0em; font-size: 0.82em; } div.bildunterschrift p{ text-align: left; color: #000; text-align: center; } p.copyright{ font-style: italic; font-size: 0.86em; } div.optimierung{ background-color: #ededed; padding: 0.7em; } div.optimierung p{ margin: 0em; padding: 0em; } h1.leseprobe{ font-weight: lighter; font-family: 'PatrickHandSC-Regular', sans-serif; text-align: center; color: #B0B0B2; font-size: 2.4em; } h1.toc{ font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.75em; font-weight: normal; padding-bottom: 2em; } /*impressum*/ .P_1_5em{ margin: 0em 0em 0em 0em; padding: 1.5em 0em 0em 0em; } .p_07em{ margin: 0em 0em 0em 0em; padding: 0.7em 0em 0em 0em; } span.CO_black{ color: black; } .pt15em{ padding-top: 1.5em; } .pb15em{ padding-bottom: 1.5em; } .pt1em{ padding-top: 1em !important; } div.kap2 div.extra_abhaengig1 + div.extra_abhaengig1{ margin: 0 0 1em 0 !important; } div.extra_abhaengig1 p, div.extra_abhaengig p{ font-size: 0.9em; } div.extra_abhaengig1 p{ text-align: center !important; } div.extra_abhaengig1{ padding: 0.5em; margin: 1em 0 0em 0; text-align: center; } div.extra_abhaengig1 + p{ margin: 1em 0 1em 0; } div.extra_abhaengig5{ padding: 0.5em; margin: 1em 0; } div.extra_abhaengig{ padding: 0.5em; margin: 2.5em 0 0em 0; border: #E8190B 1px solid; } div.extra_abhaengig + p{ margin: 1em 0 0 0; } span.square{ background-color: #E8190B; padding: 0em 0.4em; font-size: 0.5em; } div.extra_abhaengig p.address{ color: #000 !important; } div.extra_abhaengig2{ padding: 0.5em; margin: 2em 0 0.5em 0; border: #D63E24 1px solid; } div.extra_abhaengig3{ padding: 0.5em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; margin: 1em 0; } p + div.illustration1, p + div.illustration2, div.illustration1 + p, div.illustration2 + p, p + div.img, div.img + p, div.img + div.ueberschrift_extra_abhaengig{ margin-top: 0.7em; } div.ueberschrift_extra_abhaengig1{ font-family: 'caveat-bold'; text-align: center; font-size: 1.63em; margin-bottom: 0em; color: #E8190B; } div.ueberschrift_extra_abhaengig{ font-family: 'Montserrat-Bold'; text-align: center; font-size: 1.23em; margin-bottom: 0.5em; } div.ueberschrift_extra_abhaengig2{ font-family: 'Montserrat-Bold'; text-align: left; } div.ueberschrift_extra_abhaengig2 + h6.uz{ margin: 0.2em 0em 0.2em 0em !important; } p + div.ueberschrift_extra_abhaengig2{ padding-top: 1.5em; } .pb1em{ padding-bottom: 1em; } .pt07em{ padding-top: 0.7em; } .pb07em{ padding-bottom: 0.7em; } .pt05em{ margin-top: 0.5em !important; } .pt02em{ padding-top: 0em; } .pb05em{ padding-bottom: 0.5em !important; } div.extra_abhaengig .pb05em{ padding-bottom: 0.5em !important; padding-top: 0em !important; margin-top: 0em !important; } td.pt1em{ padding-top: 1em !important; } td.center.pt1em{ padding-top: 1em !important; } .pt02em{ padding-top: 0.2em !important; } .pt03em{ padding-top: 0.3em !important; } .mtn{ margin-top: -0.2em !important; } .pb02em{ padding-bottom: 0.15em !important; } .mt05em{ margin-top: 0.5em; } .titel{ font-size: 1.2em; margin-top: 1em; margin-bottom: 0.5em; } h1.nachspann{ font-size: 1.67em; font-weight: normal; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; } div.impressum p.impress_top{ margin-top: 2em; } div.impressum{ font-size: 0.9em; } /*Garantie*/ div.garantie{ font-size: 1.1em; line-height: 120%; padding: 0em; page-break-before: always; } div.garantie{ font-size: 95%; } p.garantie{ margin-top: 0em; margin-bottom: 0em; } p.garantie2{ margin-top: 0em; } div.garantie-img, div.garantie-img img{ text-align: center; margin: 0.2em 25%; width: 50%; } div.garantie-box p{ text-indent: 0pt; font-family: sans-serif; } p.garantie-us{ text-indent: 0pt; font-family: sans-serif; text-align: left; font-size: 1em; padding-top: 0.4em; padding-bottom: 0em; margin-bottom: 0em; font-weight: bold; margin-top: 1em; } p.garantie-us_down{ text-indent: 0pt; font-family: sans-serif; text-align: left; font-size: 1em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0.8em; margin-top: 1em; } p.garantie-us-first{ text-indent: 0pt; font-family: sans-serif; text-align: left; font-size: 1em; font-weight: bold; padding-top: 0em; padding-bottom: 0em; margin-top: 0em; margin-bottom: 0em; } p.garantie-us-title{ text-indent: 0pt; font-family: sans-serif; text-align: center; font-size: 1.08em; color: rgb(215, 112, 35); font-weight: bold; margin: 1em 0 1em; } div.garantie-box{ background-color: rgb(255, 241, 206); padding: 0.3em 1.4em 0.3em 1.4em; margin-top: 1em; } .tel_kasten{ padding-left: 0em; padding-right: 0.1em; padding-bottom: 0.1em; margin-left: 0; page-break-inside: avoid; } .tel_pad_left_kasten{ padding-left: 0.4em; } .tel_pad_top_kasten{ margin-top: 0.5em; } table.tel_kasten tel_pad_top_kasten tr td { background-color: rgb(255, 241, 206); } p.impress{ padding: 0em 0em 0.2em 0em; margin: 0em 0em 0em 0em; } img.impressum{ padding-right: 0em; line-height: 120%; width: 3%; vertical-align: middle; } div.facebook img{ width: 1.5em; } /*Garantie ende*/ div.logo, div.logo img{ text-align: center; margin: 0.5em 14%; width: 72%; } .nobr{ white-space: nowrap; } div.avoid{ page-break-inside: avoid; } div.illustration1, div.illustration1 img{ width: 90%; margin: 0em 5% 0em 5%; text-align: center; } div.illustration2, div.illustration2 img{ width: 80%; margin: 0em 10% 0em 10%; text-align: center; } div.illustration3, div.illustration3 img{ width: 70%; margin: 0.7em 15%; text-align: center; } div.illustration4, div.illustration4 img{ width: 60%; margin: 0.7em 20%; text-align: center; } div.illustration5, div.illustration5 img{ width: 50%; margin: 0.7em 25%; text-align: center; } div.illustration6, div.illustration6 img{ width: 34%; margin: 0.2em 33%; text-align: center; } div.illustration7, div.illustration7 img{ width: 30%; margin: 0em 35%; text-align: center; } div.KapAufmacherUE1{ page-break-after: always; padding: 0.5em 0.5em 0.5em 0.5em; color: #fff; } div.KapAufmacherUE1 div.img, div.KapAufmacherUE1 div.img img{ padding: 0em 0 0.7em 0; } div.KapAufmacherUE1 p.address{ border-top: 0.05em solid #fff; color: #fff !important; } div.coord p{ font-family: 'Montserrat-Bold'; font-size: 1.1em; margin-bottom: 1em; } .break{ page-break-before: always; } div.rezept div.blockjoker1{ font-size: 1em; font-family: 'Montserrat-Bold'; margin: 1em 0; } div.blockjoker1{ font-size: 1.1em; font-style: italic; margin-bottom: 1em; } div.blockjoker1 p{ text-align: center; } span.checkliste{ width: 0.35em; padding: 0 0.1em; margin: 0.2em; line-height: 120%; display: inline-block; } span.checkliste2, span.checkliste3, span.checkliste4, span.checkliste5, span.checkliste6{ width: 0.35em; padding: 0 0.1em; margin: 0.2em; line-height: 120%; display: inline-block; } p.materialliste{ padding: 0em 0; } p.portion{ font-weight: bold; } p.materiallisten + p.materialliste{ margin-top: 0.2em; } p.materiallisten{ padding: 0.5em 0 0 0; font-family: 'Kalam-Regular'; font-size: 1.2em; } p.linie{ padding: 0.5em 0; } span.step{ font-family: 'Kalam-Regular'; font-size: 1.5em; line-height: 120%; } table.service, table.typ1, table.typ2, table.typ3, table.typ, table.legende, caption, tbody, tfoot, thead, th{ margin: 0em; border: 0em; vertical-align: baseline; background: transparent; border-collapse: collapse; border-spacing: 0; } table.service tbody tr td{ padding: 0 0.2em; } table.service tbody tr td p{ font-size: 0.76em; } table.typ1{ margin-top: 1em; } table.typ1 tr td{ padding: 0.2em; font-size: 0.9em; vertical-align: top; } table.typ1 tr td p{ padding: 0.2em; } p.Restaurant-2-Head-grau{ color: #575656; padding-top: 1em; font-family: 'Montserrat-Regular'; } p.Box-Text-grau{ color: #575656; } h2.typ + p.gm{ margin-top: -1em; margin-bottom: 1em; } p.gm{ font-size: 0.86em; padding: 0em; margin: 0em; } p.inhalt_step{ margin-top: 0.5em; } p.materialliste + p.inhalt_step{ margin-top: 1em; } span.untertitel{ display: block; font-size: 0.8em; } div.vorwort h1{ font-family: 'Montserrat-Bold'; text-align: center; } img.checklist{ width: 1em; vertical-align: middle; } img.arrow { width: 0.5em !important; vertical-align: middle; } img.star{ width: 1em; vertical-align: middle; } p.google{ font-size: 0.86em; } div.illustration2 + p.legende{ margin: 0em; padding: 0em; } .red{ color: #D63E24; } div.center p{ text-align: center; } div.klappe1{ background-color: #36B0B3; color: #fff !important; padding: 0.5em; } div.klappe1 p{ font-family: 'Montserrat-Bold'; } div.img3, div.img3 img{ width: 40%; text-align: left; margin-bottom: 0.5em; } div.img2, div.img2 img{ width: 60%; text-align: left; } div.hinweis{ color: #626463; } p.center{ text-align: center; } span.nr, p.nr{ font-family: 'caveat-bold'; color: #E8190B; } span.nr{ font-size: 1.2em; margin-right:0.2em; } p.nr{ font-size: 2em; text-align: center; } p.Sechs-Richtige{ text-align: center; } p.land{ text-align: center; font-family: 'Montserrat-Regular'; font-size: 0.93em; } p.Kapitel_Piktogramme{ margin-top: 1em; text-align: center; margin-bottom: 1em; } p.square{ margin-bottom: 1em !important; } span.line{ color: #E8190B; } p.Distanzstrahl_Distanz-Text{ font-size: 0.9em; text-indent: -9.8em !important; margin: 0.5em 0 0.5em 9.8em !important; page-break-inside: avoid; } p.Distanzstrahl_Distanz-Text1{ font-size: 0.9em; text-indent: -11.8em !important; margin: 0.5em 0 0.5em 11.8em !important; page-break-inside: avoid; } div.service{ background-color: #FECC00; padding: 0.5em; } table tr td h6.uz{ text-align: left !important; }