/*-------------------------- Import Font -------------------------*/
@font-face {
font-family: "HelveticaLTStd-Roman";
font-style: normal;
font-weight: normal;
src: url(../Fonts/HelveticaLTStd-Roman.otf);
}
@font-face {
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/HelveticaLTStd-Bold.otf);
}
@font-face {
font-family: "HelveticaLTStd-Obl";
font-style: italic;
font-weight: normal;
src: url(../Fonts/HelveticaLTStd-Obl.otf);
}
@font-face {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
src: url(../Fonts/BASICCOMMERCIALLTPRO-BOLD.OTF);
}

@font-face {
font-family: "BASICCOMMERCIALLTPRO-ROMAN";
font-style: normal;
font-weight: normal;
src: url(../Fonts/BASICCOMMERCIALLTPRO-ROMAN.OTF);
}

@font-face {
font-family: "MYRIADPRO-SEMIBOLD";
font-style: normal;
font-weight: bold;
src: url(../Fonts/MYRIADPRO-SEMIBOLD.OTF);
}
@font-face {
font-family: "MYRIADPRO-SEMIBOLDIT";
font-style: italic;
font-weight: bold;
src: url(../Fonts/MYRIADPRO-SEMIBOLDIT.OTF);
}
@font-face {
font-family: "MyriadPro-Light";
font-style: normal;
font-weight: normal;
src: url(../Fonts/MyriadPro-Light.otf);
}
@font-face {
font-family: "MYRIADPRO-REGULAR";
font-style: normal;
font-weight: normal;
src: url(../Fonts/MYRIADPRO-REGULAR.OTF);
}
@font-face {
font-family: "BRADLEYTEXTINGPRO-REGULAR";
font-style: normal;
font-weight: normal;
src: url(../Fonts/BRADLEYTEXTINGPRO-REGULAR.TTF);
}
/*-------------------------- Reset -------------------------*/
a, img, h1, h2, h3, h4, div{
margin: 0;
padding: 0;
}
body{
font-family: "HelveticaLTStd-Roman";
font-style: normal;
font-weight: normal;
font-size: 0.8em;
}
/*-------------------------- Heading -------------------------*/
h1{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 2.5em;
}
.chap2{
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
font-size: 2.5em;
border-bottom: 2px solid white;
margin-bottom: 15px;
text-align: center;
}

h2{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 2em;
border-bottom: 1px solid #4C4D4F;
padding-bottom: 5px;
margin-bottom: 30px;
}
h3{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 2em;
border-bottom: 1px solid #4C4D4F;
padding-bottom: 5px;
margin-bottom: 30px;
margin-top: 5px;
}
.heading_1{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 2em;
border-bottom: 1px solid #4C4D4F;
padding-bottom: 5px;
margin-bottom: 30px;
color: #2AC4F4;
}

.heading_2{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
margin-top: 15px;
color: #2AC4F4;
}
.heading_3 {
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
margin: 15px 0 15px 0;
color: #2AC4F4;
font-size: 1.2em;
border: none;
}
/*-------------------------- Image -------------------------*/

.full_page {
max-width: 100%;
max-height: 100%;
text-align: center;
}

.width_100{
width: 100%;
margin-top: 15px;
}
.width_100 img{
width: 100%;
}
.width_90{
width: 90%;
margin-left: 5%;
margin-top: 15px;
}
.width_90 img{
width: 100%;
}
.width_80{
width: 80%;
margin-left: 10%;
margin-top: 15px;
}
.width_80 img{
width: 100%;
}
.width_70{
width: 70%;
margin-left: 15%;
margin-top: 15px;
}
.width_70 img{
width: 100%;
}
.width_60{
width: 60%;
margin-left: 20%;
margin-top: 15px;
}
.width_60 img{
width: 100%;
}
.width_50{
width: 50%;
margin-left: 25%;
margin-top: 15px;
}
.width_50 img{
width: 100%;
}
.width_40{
width: 40%;
margin-left: 30%;
margin-top: 15px;
}
.width_40 img{
width: 100%;
}
.width_30{
width: 30%;
margin-left: 35%;
margin-top: 15px;
}
.width_30 img{
width: 100%;
}
.width_25{
width: 25%;
margin-left: 37%;
margin-top: 15px;
}
.width_25 img{
width: 100%;
}
/*-------------------------- General -------------------------*/
a , a:hover, a:active, a:link{
background: none;
padding: 0;
}
p {
color: #4C4D4F;
margin: 0;
text-indent: 0;
}
.indent_0 {
text-indent: 0;
}
div.indent_0 p{
text-indent: 0;
}
.margintop_10{
margin-top: 15px;
text-indent: 0;
}


.margintop_15{
margin-top: 15px;
text-indent: 0;
}
.margintop_15 p{
margin-top: 15px;
text-indent: 0;
}
.margintop_20{
margin-top: 20px;
text-indent: 0;
}
.margintop_30{
margin-top: 30px;
text-indent: 0;
}
.underline{
text-decoration: underline;
}
.center{
text-align: center;
text-indent: 0;
}

.text_right{
text-align: right;
text-indent: 0;
}

.drop_cap{
font-style: normal;
font-weight: normal;
float: left;
font-size: 2em;
margin: 0 0 0 0;
padding: 0 0.1em 0 0;
line-height: 100%;
}

/*------------------------------- Page Break --------------------------*/
.break_before {
page-break-before: always;
}
.break_inside{
page-break-inside: avoid;
}
.break_after {
page-break-after: always;
}
.break_before_after {
page-break-before: always;
page-break-after: always;
}
/*------------------------------- Float --------------------------*/
.float_left{
float: left;
padding-right: 10px;
}
.float_right{
float: right;
padding-left: 10px;
}

.fl_50{
width: 50%;
float: left;
margin-right: 10px;
page-break-inside: avoid;
}
.fl_50 img{
width: 100%;
}
.fl_40{
width: 40%;
float: left;
margin-right: 10px;
page-break-inside: avoid;
}
.fl_40 img{
width: 100%;
}
.fl_30{
width: 30%;
float: left;
margin-right: 10px;
page-break-inside: avoid;
}
.fl_30 img{
width: 100%;
}
.fl_25{
width: 25%;
float: left;
margin-right: 10px;
page-break-inside: avoid;
}
.fl_25 img{
width: 100%;
}
.fl_20{
width: 20%;
float: left;
margin-right: 10px;
page-break-inside: avoid;
}
.fl_20 img{
width: 100%;
}
.fr_40{
width: 40%;
float: right;
margin-left: 10px;
page-break-inside: avoid;
}
.fr_40 img{
width: 100%;
}
.fr_30{
width: 30%;
float: right;
margin-left: 10px;
page-break-inside: avoid;
}
.fr_30 img{
width: 100%;
}
.fr_20{
width: 20%;
float: right;
margin-left: 10px;
page-break-inside: avoid;
}
.fr_20 img{
width: 100%;
}
/*--------------------Color------------------------------*/
.blue{
color: blue;
}
.black{
color: black;
}
.blue_1{
color: #2AC4F4;
}
.blue_2 {
color: #45A3DB;
}
.blue_3 {
color: #3B6472;
}
.red_1{
color: #F37471;
}
.orange_1{
color: #FCAF17;
}
.yellow_1 {
color: #FFDE00;
}
.purple_1{
color: #A46B96;
}
.green_1{
color: #00A15A;
}
.green_2{
color: #8CC63F;
}
.bg_green {
background-color: #00A15A;
}
.bg_green_2 {
background-color: #8DC63F;
}
.bg_yellow {
background-color: #FCAF17;
}

.bg_red {
background-color: #F37471;
}

.bg_blue {
background-color: #00AEEF;
}
.bg_grey {
background-color: #939598;
}
.bg_blue_1 {
background-color: #2AC4F4;
}
.bg_purple {
background-color: #A46B96;
}
/*-------------------------- Table -------------------------*/
table{
margin: 20px 0 20px 0;
}
td {
padding: 3px;
vertical-align: top;
}
td p{
text-indent: 0;
}
table.tab_1 {
margin-top: 10px;
}
table.tab_1 td{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;


}
table.tab_1 td.size{
font-size: 2.5em;
line-height: 80%;


}

table.tab_1 td.left{
padding-left: 6px;


}
table.tab_1 td.font{
font-size: 0.75em;


}

table.tab_2 {
margin-top: 10px;
background-color: #2AC4F4;
padding: 10px;
color: #ffffff;
width: 100%;
page-break-inside: avoid;
}
table.tab_2  td.head{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;

}

table.tab_2  td{
vertical-align: middle;
padding: 8px 0 8px 0;
}
table.tab_3 {
margin-top: 20px;
font-size: 1.1em;

}


table.tab_3 td span.number {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
color: #2AC4F4;

}
table.tab_3 td.border{

border-right: 2px solid #2AC4F4;
width: 10px;
padding-right: 0;
padding-top: 28px;

}
table.tab_3 td{

padding-top: 20px;
}
table.tab_3 td.left_1{

padding-left: 20px;
}

table.tab_3 td p.border_1{
border-top: 2px solid #2AC4F4;
}
table.tab_3 td span.top{
margin-top: 10px;

}
table.tab_4 {
margin-top: 20px;

}
table.tab_4 td.light{
font-family: "MyriadPro-Light";
font-style: normal;
font-weight: normal;
font-size: 1.2em;
text-align: center;
padding-top: 5px;

}

table.tab_4 td {
vertical-align: middle;
width: 30%;
}
table.tab_4 td.left {
padding-left: 20px;
}
/*-------------------------- List -------------------------*/
ol, ul {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
ol li, ul li{
margin-left: 20px;
}

div.bullet_para {
margin-top: 15px;
clear: left;
page-break-inside: avoid;
}
div.bullet_para p.bl_2{
float: left;
margin-left: 0;
}
div.bullet_para p{
margin-left: 20px;
}




div.bullet_1 {
margin-top: 0;
clear: left;
page-break-inside: avoid;
}
div.bullet_1 p.fl{
float: left;
margin-left: 0;
}
div.bullet_1 p{
margin-left: 20px;
}



div.bullet_2 {
margin-top: 15px;
clear: left;
}
div.bullet_2 p.number{
float: left;
margin-left: 0;
}
div.bullet_2 p{
margin-left: 20px;
}


div.bullet_3 {
margin-top: 15px;
clear: left;
page-break-inside: avoid;
}
div.bullet_3 p.number{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
float: left;
margin-left: 0;
color: #2AC4F4;
}
div.bullet_3 p{
margin-left: 20px;
}



div.bullet_4 {
margin-top: 0;
clear: left;
page-break-inside: avoid;
}
div.bullet_4 p.bl_1{
float: left;
margin-left: 0;
}
div.bullet_4 p{
margin-left: 20px;
}
/*-------------------------- Format -------------------------*/
.italic_1{
font-family: "HelveticaLTStd-Obl";
font-style: italic;
font-weight: normal;
}
.italic_2{

}
.bold_1{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
}
.bold_2{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #2AC4F4;
margin-top: 15px;
}
.bold_3 {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
color: #FCAF17;
}
/*-------------------------- Textbox -------------------------*/
div.ingredient{

}
div.ingredient p.fur{

}
div.toc p{
margin-top: 8px;
}
div.toc p.top{
margin-top: 12px;
}
div.toc p.inh{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.5em;
border-bottom: 1px solid #4C4D4F;
padding-bottom: 5px;
margin-bottom: 30px;
}
div.toc p.bold_1{
font-size: 1.1em;
}
.marginleft_1{
margin-left: 15px;
}
.marginleft_1 p{
margin-left: 15px;
}

div.textbox_1 {
background-color: #2AC4F4;
page-break-inside: avoid;
color: white;
padding: 10px;
margin-top: 10px;

}
div.textbox_1 p{
color: white;
}
div.textbox_1 p.head{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 15px;


}

div.textbox_2 {
color: white;
padding: 10px;
page-break-inside: avoid;
margin-top: 15px;

}
div.textbox_2 p{
color: white;
text-align: center;

}

div.textbox_2 p.head{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.5em;
text-align: center;


}


div.textbox_3 {
color: white;
padding: 10px;
page-break-inside: avoid;
margin-top: 15px;

}
div.textbox_3 p{
color: white;
text-align: center;

}

div.textbox_3 p.head{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.4em;
text-align: center;


}
div.tbox_1 {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
padding: 25% 15% 35% 15%;
text-align: center;
color: #ffffff;

}
div.tbox_1 p.intro{
font-family: "BASICCOMMERCIALLTPRO-ROMAN";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
color: #ffffff;

}
div.textbox_4 {
padding: 10px;
background-color: #F3F5F5;
font-family: "MYRIADPRO-REGULAR";
font-style: normal;
font-weight: normal;
border: 7px solid #2AC4F4;
text-align: center;


}
div.textbox_4 p.head_4{
font-family: "BRADLEYTEXTINGPRO-REGULAR";
font-style: normal;
font-weight: normal;
color: #3B6472;
font-size: 3em;


}

div.textbox_4 p.subhead_4{
font-family: "MYRIADPRO-SEMIBOLD";
font-style: normal;
font-weight: bold;
color: #3B6472;
font-size: 1.5em;
margin-top: 20px;
}
div.textbox_4 p.bold_i{
font-family: "MYRIADPRO-SEMIBOLDIT";
font-style: italic;
font-weight: bold;
color: #3B6472;
font-size: 1.4em;
marin-top: 20px;
}

div.textbox_4 p.regular{
color: #3B6472;
font-size: 1.3em;
margin-top: 15px;
}
.bold_5 {
font-family: "MYRIADPRO-SEMIBOLD";
font-style: normal;
font-weight: bold;
}

.border_4 {
border-bottom: 1.5px solid #3B6472;
padding: 0;
}
div.legend {
page-break-inside: avoid;
}
div.legend p{
text-align: center;
margin-top: 8px;
}
.chapter {
font-family: "HelveticaLTStd-Obl";
font-style: italic;
font-weight: normal;
color: #707070;
font-size: 0.8em;
}
.portion {
border-bottom: 1px solid;
padding-top: 3px;
}
.zuber {
font-family: "HelveticaLTStd-Obl";
font-style: italic;
font-weight: normal;
margin-top: 15px;
}
.pro {
font-family: "HelveticaLTStd-Obl";
font-style: italic;
font-weight: normal;
margin-top: 15px;
}
.register {
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #FCAF17;
font-size: 1.2em;

}
div.regis {
font-size: 0.8em;

}
div.regis  p{
margin-left: 20px;
text-indent: -20px;

}
div.regis  span.bold{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #FCAF17;

}
div.regis  p.head{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #FCAF17;
font-size: 1.1em;

}
div.regis  p.chapter_1{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #FCAF17;
font-size: 1em;
margin-top: 15px;

}
.stichregister {
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #2AC4F4;
font-size: 1.1em;
margin: 0 0 20px 0;
}
div.stich {
font-size: 0.8em;
}
div.stich  span.bold{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
color: #2AC4F4;
}
div.buch {
background-color: #FCAF17;
padding: 20px 15px;
color: white;
font-size: 1.2em;
}
div.buch p{
color: white;
}
div.buch p.begin {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
font-size: 2.2em;
text-align: center;
}
div.buch span.bold{
font-family: "HelveticaLTStd-Bold";
font-style: normal;
font-weight: bold;
}
.border_2 {
margin-top: 20px;
border-bottom: 3px solid #2AC4F4;
}
.up_r {
font-size: 0.7em;
}

.faus {
font-family: "BASICCOMMERCIALLTPRO-BOLD";
font-style: normal;
font-weight: bold;
font-size: 2.2em;
text-align: center;
color: #FCAF17;
}
.punkte {
font-size:1.4em;
color: #FCAF17;
text-align: center;
margin-top: 20px;
}
.erna p{
font-size: 1.1em;
margin-top: 10px;
}