/*-------------------------- Import Font -------------------------*/

@font-face {
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
src: url(../Fonts/SmudgerCcom.ttf);
}
@font-face {
font-family: "JamilleITCStd-Book";
font-style: normal;
font-weight: normal;
src: url(../Fonts/JamilleITCStd-Book.otf);
}
@font-face {
font-family: "JamilleITCStd-BookItalic";
font-style: italic;
font-weight: normal;
src: url(../Fonts/JamilleITCStd-BookItalic.otf);
}
@font-face {
font-family: "JamilleITCStd-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/JamilleITCStd-Bold.otf);
}
@font-face {
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
src: url(../Fonts/AvenirNextLTPro-Regular.otf);
}
@font-face {
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/AvenirNextLTPro-Bold.otf);
}

@font-face {
font-family: "Brown-Regular";
font-style: normal;
font-weight: normal;
src: url(../Fonts/Brown-Regular.otf);
}
@font-face {
font-family: "Brown-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/Brown-Bold.otf);
}
@font-face {
font-family: "Brown-RegularItalic";
font-style: italic;
font-weight: normal;
src: url(../Fonts/Brown-RegularItalic.otf);
}
@font-face {
font-family: "Brown-Light";
font-style: normal;
font-weight: normal;
src: url(../Fonts/Brown-Light.otf);
}

/*-------------------------- Reset -------------------------*/
a, img, h1, h2, h3, h4, div{
margin: 0;
padding: 0;
}
body{
font-family: "JamilleITCStd-Book";
font-style: normal;
font-weight: normal;
font-size: 0.8em;
color: #504D4B;
}
/*-------------------------- Heading -------------------------*/
h1{
font-family: "JamilleITCStd-BookItalic";
font-style: italic;
font-weight: normal;
font-size: 2.3em;
color: #4A789F;
text-align: center;
border-bottom: 1px solid #4A789F;
padding-bottom: 20px;
margin-bottom: 30px;
}

h2{
font-family: "JamilleITCStd-BookItalic";
font-style: italic;
font-weight: normal;
font-size: 2.2em;
text-align: center;
}
h3{
font-family: "JamilleITCStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.6em;
text-align: center;
line-height: 120%;
}
.heading_2{
font-family: "JamilleITCStd-BookItalic";
font-style: italic;
font-weight: normal;
font-size: 1.3em;
text-align: center;
margin-top: 5px;
line-height: 120%;
}
.heading_3{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 1.2em;
text-align: center;
margin-bottom: 15px;
margin-bottom: 15px;
}
.subhead_1{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 1em;
margin-bottom: 7px;
}
.subhead_2{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
text-align: center;
margin-top: 20px;
border-bottom: 1px solid;
padding-bottom: 5px;
margin-bottom: 10px;
}
.subhead_3{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
text-align: center;
border-bottom: 1px solid;
padding-bottom: 10px;
margin: 10px 0 7px 0;
}
/*-------------------------- 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_85{
width: 85%;
margin-left: 7%;
margin-top: 15px;
}
.width_85 img{
width: 100%;
}
.width_80{
width: 80%;
margin-left: 10%;
margin-top: 15px;
}
.width_80 img{
width: 100%;
}
.width_75{
width: 75%;
margin-left: 13%;
margin-top: 15px;
}
.width_75 img{
width: 100%;
}
.width_70{
width: 70%;
margin-left: 15%;
margin-top: 15px;
}
.width_70 img{
width: 100%;
}
.width_65{
width: 65%;
margin-left: 17%;
margin-top: 15px;
}
.width_65 img{
width: 100%;
}
.width_60{
width: 60%;
margin-left: 20%;
margin-top: 15px;
}
.width_60 img{
width: 100%;
}
.width_55{
width: 55%;
margin-left: 23%;
margin-top: 15px;
}
.width_55 img{
width: 100%;
}
.width_50{
width: 50%;
margin-left: 25%;
margin-top: 15px;
}
.width_50 img{
width: 100%;
}
.width_45{
width: 45%;
margin-left: 27%;
margin-top: 15px;
}
.width_45 img{
width: 100%;
}
.width_40{
width: 40%;
margin-left: 30%;
margin-top: 15px;
}
.width_40 img{
width: 100%;
}
.width_35{
width: 35%;
margin-left: 32%;
margin-top: 15px;
}
.width_35 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%;
}
.width_20{
width: 20%;
margin-left: 40%;
margin-top: 15px;
}
.width_20 img{
width: 100%;
}
/*-------------------------- General -------------------------*/
a , a:hover, a:active, a:link{
background: none;
}
p {
margin: 0;
text-indent: 0;
}
.indent_1 {
text-indent: 1.5em;
}
div.indent_1 p{
text-indent: 1.5em;
}
div.indent_2 p{
text-indent: -15px;
margin-left: 15px;
margin-top: 10px;
}

div.margintop_10 p{
margin-top: 10px;
text-indent: 0;
}
.margintop_10{
margin-top: 10px;
text-indent: 0;
}
.margintop_15{
margin-top: 15px;
text-indent: 0;
}
.margintop_20{
margin-top: 20px;
text-indent: 0;
}
.margintop_25{
margin-top: 25px;
text-indent: 0;
}
.marginbt_20{
margin-bottom: 20px;
}
.underline{
text-decoration: underline;
}
.center{
text-align: center;
text-indent: 0;
}

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

.drop_cap_1{
font-family: "JamilleITCStd-Book";
font-style: normal;
font-weight: normal;
float: left;
font-size: 4em;
margin: 0 0 0 0;
padding: 0 0.1em 0 0;
line-height: 95%;
}
.drop_cap_2{
font-family: "JamilleITCStd-Book";
font-style: normal;
font-weight: normal;
float: left;
font-size: 5em;
margin: 0 0 0 0;
padding: 0 0.1em 0 0;
line-height: 95%;
}
/*------------------------------- Page Break --------------------------*/
.break_before {
page-break-before: always;
}
.break_inside{
page-break-inside: avoid;
}
.break_after {
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%;
}
.fl_15{
width: 15%;
float: left;
page-break-inside: avoid;
}
.fl_15 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_25{
width: 25%;
float: right;
margin-left: 10px;
page-break-inside: avoid;
}
.fr_25 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: #005475;
}
.blue_2{
color: #7DB1B3;
}
.blue_3{
color: #136695;
}
.orange_1{
color: #EF864A;
}
.orange_2{
color: #F09164;
}
.orange_3{
color: #ecb95a;
}
.bg_blue_1{
background-color: #E4EEEE;
}
.bg_blue_2{
background-color: #CFE7E8;
border: 1px solid #57ACA5;
}
.bg_orange_1{
background-color: #F7DECC;
border: 1px solid #EDB288;
}
.bg_orange_2{
background-color: #F5EAC8;
}
.bg_yellow_1{
background-color: #F6EFD1;
border: 1px solid #F0E18D;
}
.bg_yellow_2{
background-color: #F5EBC7;
border: 1px solid #F0E18D;
}

/*-------------------------- Table -------------------------*/
table{
margin: 20px 0 20px 0;
}
td {
padding: 3px;
vertical-align: top;
}
table.tab_1{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.8em;
}
table.tab_1 th{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 1em;
padding: 10px;
border: 1px solid #FFFFFF;
border-left: none;
}
table.tab_1 td{
padding: 10px;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
table.tab_1 td.head_1{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 1.2em;
}
table.tab_1 td{
}
table.tab_1 td p{
margin-left: 20px;
}
table.tab_1 td p.point{
margin-left: 0;
float: left;
}
table.tab_2{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.75em;
text-align: center;
margin: 7px 0 15px 0;
border:none ! important;
}
table.tab_2 td{
padding: 10px;
width: 32%;
}

/*-------------------------- List -------------------------*/
ol, ul {
padding-left: 0;
margin-top: 10px;
margin-bottom: 10px;
}
ol li, ul li{
margin-left: 20px;
}

div.list {
margin-top: 10px;
page-break-inside: avoid;
}
div.list p{
margin-left: 20px;
}
div.list p.bl{
margin-left: 0;
float: left;
}
div.list_1{
margin-top: 5px;
page-break-inside: avoid;
}
div.list_1 p{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 0.75em;
margin-left: 20px;
}
div.list_1 p.bl{
margin-left: 0;
float: left;
}
.list_2{
margin-top: 10px;
page-break-inside: avoid;
}
.list_2 p{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
margin-left: 27px;
}
.list_2 p.nb{
margin-left: 0;
float: left;
}
div.float_bullet{

}
div.step_1{
margin-top: 10px;
clear: both;
page-break-inside: avoid;
}
div.step_1 p.number{
float: left;
width: 4%;
margin-left: 0;
}
div.step_1 p.number img{
width: 100%;
}
div.step_1 p{
margin-left: 6%;
}
div.step_1 p.f_regular{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
}
div.step_2{
margin-top: 15px;
page-break-inside: avoid;
}
div.step_2 p.number{
width: 5%;
margin: 10px 0 7px 47%;
}
div.step_2 p.number img{
width: 100%;
}
div.step_2 p{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 1.2em;
text-align: center;
}
div.step_3{
margin-top: 20px;
margin-bottom: 7px;
clear: both;
page-break-inside: avoid;
}
div.step_3 p.number{
float: left;
width: 4%;
margin-left: 0;
}
div.step_3 p.number img{
width: 100%;
}
div.step_3 p{
margin-left: 6%;
}
div.step_3 p.subhead_1{
margin-bottom: 0;
}
/*-------------------------- Format -------------------------*/
.italic_1{
font-family: "JamilleITCStd-BookItalic";
font-style: italic;
font-weight: normal;
}
.italic_2{
font-family: "Brown-RegularItalic";
font-style: italic;
font-weight: normal;
}
.bold_1{
font-family: "JamilleITCStd-Bold";
font-style: normal;
font-weight: bold;
}
.bold_2{
font-family: "Brown-Bold";
font-style: normal;
font-weight: bold;
}
.bold{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: bold;
}
/*-------------------------- Textbox -------------------------*/
div.tbox_1{
padding: 10px;
margin: 20px 0;
}
div.tbox_1 p.head{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 1.2em;
text-align: center;
border-bottom: 1px solid;
padding-bottom: 5px;
margin-bottom: 20px;
}
div.tbox_2{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
padding: 10px;
margin: 20px 0;
}
div.tbox_2 p.subhead{
font-size: 1.2em;
text-align: center;
border-bottom: 1px solid #504D4B;
padding-bottom: 7px;
}
div.tbox_2 p.head_1{
font-size: 1.4em;
text-align: center;
border-bottom: 1px solid #000000;
padding-bottom: 5px;
margin-bottom: 5px;
}
p.tbox_3 {
padding: 10px;
margin: 20px 0;
}
p.tbox_3{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.8em;
line-height: 150%;
page-break-inside: avoid;
}
p.tbox_3 span.hinweis{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 1.5em;
}
.ft_size{
font-size: 1.15em;
margin-bottom: 15px;
}
.legend_1 {
font-size: 0.85em;
text-align: center;
margin-bottom: 20px;
}
.legend_1 p.subhead_1{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 1.1em;
margin: 7px 0 3px 0;
}
.legend_2{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 1.1em;
text-align: center;
margin: 7px 0 15px 0;
line-height: 120%;
}
.legend_3{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.8em;
text-align: center;
margin: 7px 0 15px 0;
}
.legend_4 p{
margin-bottom: 20px;
}
.legend_4 p.subhead_1{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 1em;
margin: 10px 0 5px 0;
}
.legend_5 p{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 0.75em;
margin-bottom: 20px;
}
.legend_5 p.subhead_1{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 0.9em;
margin: 10px 0 5px 0;
}
.bder_1{
border-bottom: 1px solid #000000;
width: 60%;
margin: 0 0 30px 20%;
}
.bder_2{
border-bottom: 1px solid #000000;
margin-bottom: 30px;
padding-bottom: 20px;
}
.bder_3{
border-bottom: 1px solid #000000;
padding-bottom: 20px;
margin-bottom: 10px;
font-size: 0;
}
.bder_4{
border-bottom: 1px solid;
border-top: 1px solid;
padding: 10px 0;
}
.basteln{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 2.8em;
text-align: center;
margin-bottom: 20px;
page-break-before: always;
}
.font_regular{
font-family: "AvenirNextLTPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.85em;
}
div.buch p{
font-family: "Brown-Regular";
font-style: normal;
font-weight: normal;
font-size: 1em;
text-align:center;
}
div.imp p{
font-size: 0.9em;
margin-top: 10px;
}
div.imp .impressum{
font-family: "AvenirNextLTPro-Bold";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
text-align: left;
color: #000000;
border: none;
margin: 20px 0;
padding: 0;
}
div.toc p{
color: #29211A;
font-size: 0.95em;
margin-top: 3px;
margin-left: 15px;
}
div.toc p.inhalt{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 3.5em;
text-align: center;
margin: 0 0 25px 0;
}
div.toc p.kapitel{
font-family: "SmudgerCcom";
font-style: normal;
font-weight: normal;
font-size: 1.8em;
color: #136695;
margin: 25px 0 0 0;
line-height: 120%;
}
div.register{
font-size: 0.85em;
}
div.register p{
margin-left: 15px;
text-indent: -15px;
}
div.register p.char{
font-family: "JamilleITCStd-Bold";
font-style: normal;
font-weight: bold;
font-size: 1em;
margin-top: 10px;
}
div.register .marginleft p{
margin-left: 25px;
}
div.register p.marginleft{
margin-left: 25px;
}
.cl{
clear: both;
}
.font_light{
font-family: "Brown-Light";
font-style: normal;
font-weight: normal;
}
.height_80{
height: 80%;
text-align: center;
margin-top: 15px;
}
.height_80 img{
height: 100%;
}