@font-face {
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
src: url(../Fonts/MyriadPro-Regular.otf);
}
@font-face {
font-family: "MyriadPro-Semibold";
font-style: normal;
font-weight: normal;
src: url(../Fonts/MyriadPro-Semibold.otf);
}

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

@font-face {
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
src: url(../Fonts/Galliard-Roman.ttf);
}

@font-face {
font-family: "Galliard-Italic";
font-style: italic;
font-weight: normal;
src: url(../Fonts/Galliard-Italic.ttf);
}

@font-face {
font-family: "Galliard-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/Galliard-Bold.ttf);
}

@font-face {
font-family: "Galliard-Black";
font-style: normal;
font-weight: normal;
src: url(../Fonts/Galliard-Black.otf);
}

@font-face{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
src: url(../Fonts/ACaslon-BoldItalic.ttf);
}
@font-face{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
src: url(../Fonts/ACaslonPro-Bold.ttf);
}

/*-------------------------- Heading -------------------------*/

body{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 0.85em;
}

h1{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
font-size: 2.5em;
line-height: 100%;
color: #F15922;
margin-top: 10px;
text-align: center;
}
h1.reg{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 2em;
text-align: center;
margin-bottom: 25px;
color: #000000;
}
.sub_h1{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
text-align: center;
font-size: 1.4em;
color: #000000;
text-indent: 0;
line-height: 110%;
margin-top: 0px;
}

h2{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
font-size: 2.5em;
margin-top: 0;
margin-bottom: 20px;
line-height: 100%;
}

h3{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 1.45em;
margin-bottom: 7px;
margin-top: 0;
}

.heading_1{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 2em;
margin-top: 10px;
text-indent: 0;
margin-bottom: 15px;
}
.heading_1_1{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.6em;
margin-top: 10px;
text-indent: 0;
margin-bottom: 20px;
color: #17A362;
}
.heading_2{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
margin-top: 25px;
text-indent: 0;
font-size: 1.8em;
}
.sub_heading_2{
font-size: 1.1em;
color: #8E9093;
}
.des{
color: #7b7d80;
font-size: 1em;
}
.heading_3{
margin-top: 20px;
font-size: 1.2em;
text-indent: 0;
margin-bottom: 7px;
}
.subhead_1{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
margin-top: 20px;
color: #F15922;
font-size: 1.4em;
text-indent: 0;
}
.subhead_2{
font-family: "MyriadPro-Semibold";
font-style: normal;
font-weight: normal;
margin-top: 20px;
color: #883F98;
font-size: 1.05em;
text-indent: 0;
}
.subhead_3{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
font-size: 1.2em;
color: #883F98;
margin-top: 20px;
text-indent: 0;
}
/*-------------------------- Image -------------------------*/
.full_page {
width: 100%;
text-align: center;
}
.width_100{
width: 100%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_100 img{
width: 100%;
}
.width_90{
width: 90%;
margin-left: 5%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_90 img{
width: 100%;
}
.width_80{
width: 80%;
margin-left: 10%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_80 img{
width: 100%;
}
.width_75{
width: 75%;
margin-left: 12%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_75 img{
width: 100%;
}
.width_70{
width: 70%;
margin-left: 15%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_70 img{
width: 100%;
}
.width_65{
width: 65%;
margin-left: 22%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_65 img{
width: 100%;
}
.width_60{
width: 60%;
margin-left: 20%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_60 img{
width: 100%;
}
.width_55{
width: 55%;
margin-left: 22%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_55 img{
width: 100%;
}
.width_50{
width: 50%;
margin-left: 25%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_50 img{
width: 100%;
}
.width_45{
width: 45%;
margin-left: 32%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_45 img{
width: 100%;
}
.width_40{
width: 40%;
margin-left: 30%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_40 img{
width: 100%;
}
.width_35{
width: 35%;
margin-left: 32%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_35 img{
width: 100%;
}
.width_30{
width: 30%;
margin-left: 35%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_30 img{
width: 100%;
}
.width_27{
width: 27%;
margin-left: 36%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_27 img{
width: 100%;
}
.width_25{
width: 25%;
margin-left: 37%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_25 img{
width: 100%;
}
.width_22{
width: 22%;
margin-left: 41%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_22 img{
width: 100%;
}
.width_20{
width: 20%;
margin-left: 40%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_20 img{
width: 100%;
}
.width_15{
width: 15%;
margin-left: 42%;
margin-top: 15px;
page-break-inside: avoid;
}
.width_15 img{
width: 100%;
}
img {
padding: 0;
margin: 0;
}

/*-------------------------- General -------------------------*/

a , a:hover, a:active, a:link{
background:none;
}
p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1em;
}
.indent_0 {
text-indent: 0;
}
div.indent_0 p{
text-indent: 0;
}
.indent_15{
text-indent: 1em;
}

.margintop_1{
margin-top: 15px;
text-indent: 0;
}
.margintop_2{
margin-top: 30px;
text-indent: 0;
}
.textunderline{
text-decoration: underline;
}
.center{
text-align:center;
text-indent: 0;
}

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

.drop_cap{
font-size: 2em;
line-height:100%;
}

/*------------------------------- 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_number{
float: left;
}
.fl_number span{
background-color: #883F98;
color: #FFFFFF;
padding: 1px 7px;
display: block;
text-align: center;
}
.fl_number span.other{
background-color: #883F98;
color: #FFFFFF;
padding: 1px 3px;
display: block;
text-align: center;
}
.fl_number1{
width: 5%;
float: left;
}
.fl_number1 img{
width: 100%;
}
.fl_4{
width: 4%;
float: left;
}
.fl_4 img{
width: 100%;
}
.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_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_20{
width: 20%;
float: right;
margin-left: 10px;
page-break-inside: avoid;
}
.fr_20 img{
width: 100%;
}
/*--------------------Color------------------------------*/
.blue{
color: blue;
}
.blue_1{
color: #0066B3;
}
.blue_2{
color: #385D9E;
}
.blue_3{
color: #0094C0;
}

.black{
color: black;
}
.purple{
color: #883F98;
}
.pink_1{
color: #B3499B;
}
.pink_2{
color: #ED145B;
}
.orange_1{
color: #F15922;
}
.yellow_1{
color: #FFC907;
}
.green_1{
color: #17A362;
}
.white{
color: #FFFFFF;
}
.grey_1{
color: #636466;
}
.red_1{
color: #8E083D;
}
/*-------------------------- Table -------------------------*/
table{
margin: 10px 0 15px 0;
}
td {
padding: 5px;
vertical-align: top;
}
td p{
text-indent: 0;
}
table.tab_inhalt{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.1em;
width: 100%;
}
table.tab_inhalt td.col1{
width: 25%;
}
table.tab_inhalt td.col2{
width: 75%;
}
/*-------------------------- Format -------------------------*/
.italic_1{
font-family: "Galliard-Italic";
font-style: italic;
font-weight: normal;
}
.italic_2{
font-family: "MyriadPro-It";
font-style: italic;
font-weight: normal;
}
.bold_1{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
}
.bold_2{
font-family: "Galliard-Bold";
font-style: normal;
font-weight: bold;
}
.bold_3{
font-family: "MyriadPro-Semibold";
font-style: normal;
font-weight: normal;
}
.bold_5{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
}
.bold_6{
font-family: "ACaslon-BoldItalic";
font-style: italic;
font-weight: bold;
}
ul{
padding-left: 0;
}
ul li{
margin-left: 20px;
}
ul.bullet_purple{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
color: #883F98;
}
ul.bullet_purple li span{
color: #000000;
}
ul.step{
margin-top: 15px;
}
ul.step li{
color: #F15922;
margin-top: 5px;
font-size: 0.9em;
}
ul.step li span{
color: #000000;
}
/*-------------------------- Textbox -------------------------*/
div.textbox_1{
font-family: "MyriadPro-It";
font-style: italic;
font-weight: normal;
padding: 10px;
margin-top: 15px;
color: #0066B3;
border: 1px solid #0066B3;
font-size: 0.85em;
page-break-inside: avoid;
}
div.textbox_1 p{
text-indent: 0;
}
div.textbox_1 p.head{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
color: #000000;
}
div.textbox_1 p.subhead{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
margin-top: 10px;
}
div.textbox_1 ul{
padding-left: 0;
color: #EE2931;
margin-top: 10px;
margin-bottom: 0;
}
div.textbox_1 ul li{
margin-left: 20px;
}
div.textbox_1 ul li span{
color: #0066B3;
}

div.textbox_2{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
margin-top: 20px;
color: #883F98;
border: 1px solid #883F98;
padding: 10px;
page-break-inside: avoid;
font-size: 0.9em;
}
div.textbox_2 p{
text-indent: 0;
}
div.textbox_2 p.head{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 7px;
color: #000000;
}

div.textbox_2_1{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
margin-top: 15px;
color: #883F98;
page-break-inside: avoid;
font-size: 0.85em;
}
div.textbox_2_1 p{
text-indent: 0;
}
div.textbox_2_1 ul{
margin-top: 0;
color: #000000;
}
div.textbox_2_1 p.head{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 5px;
color: #000000;
}
div.textbox_2_1 p.head1{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 0px;
margin-top: 10px;
color: #000000;
}
div.textbox_2_1 p.subhead{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
color: #000000;
margin-top: 5px;
}

div.textbox_2_2{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
margin-top: 15px;
color: #883F98;
font-size: 0.85em;
}
div.textbox_2_2 p{
text-indent: 0;
}
div.textbox_2_2 ul{
margin-top: 0;
color: #000000;
}
div.textbox_2_2 p.head{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 5px;
color: #000000;
}
div.textbox_2_2 p.head1{
font-family: "Galliard-Roman";
font-style: normal;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 0px;
margin-top: 10px;
color: #000000;
}
div.textbox_2_2 p.subhead{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
color: #000000;
margin-top: 5px;
}
div.textbox_3{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
background-color: #FFDE3F;
padding: 10px;
margin-top: 20px;
font-size: 0.9em;
page-break-inside: avoid;
}
div.textbox_3 p{
text-indent: 0;
}

div.textbox_4{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
width: 60%;
margin-left: 20%;
padding: 10px;
color: #FFFFFF;
background-color: #0094C1;
margin-top: 20px;
page-break-inside: avoid;
}
div.textbox_4 p{
text-indent: 0;
text-align: center;
}

.legend{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.75em;
text-align: center;
margin-top: 10px;
color: #17A362;
text-indent: 0;
}

.inhalt{
font-family: "Galliard-Black";
font-style: normal;
font-weight: normal;
font-size: 2.1em;
text-align: center;
margin-bottom: 30px;
}
.font_regular{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
}
.char{
font-family: "Galliard-Black";
font-style: normal;
font-weight: normal;
font-size: 1.5em;
margin-top: 25px;
color: #D62C36;
}

.todo{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
text-indent: 0;
margin-top: 25px;
}
div.number{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
}
div.number div{
padding-top: 7px;
}
div.number p{
text-indent: 0;
}
div.exercise{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
color: #646466;
}
div.exercise p{
text-indent: -20px;
margin-left: 20px;
}
div.sub_chapter{
page-break-before: always;
padding: 10px;
margin-bottom: 15px;
font-size: 0.9em;
}
div.sub_chapter p{
text-indent: 0;
}
div.sub_chapter .head{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.5em;
}
div.sub_chapter p.tipp{
font-family: "Galliard-Bold";
font-style: normal;
font-weight: bold;
margin-top: 15px;
font-size: 1.25em;
}
div.sub_chapter p.sub_tipp, ul.sub_tipp{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
margin-top: 3px;
font-size: 0.9em;
}
div.bg_yellow{
background-color: #FFC90A;
}
div.bg_green{
background-color: #16A362;
}
div.bg_purple{
background-color: #873F98;
}
div.bg_orange{
background-color: #F15922;
}

.var{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
text-indent: 0;
margin-top: 20px;
color: #17A362;
}
.title_var{
font-family: "MyriadPro-Regular";
font-style: normal;
font-weight: normal;
text-indent: 0;
font-size: 1.1em;
}
.title_ex{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.2em;
text-indent: 0;
color: #F15923;
}
.sub_title_ex{
font-family: "MyriadPro-Semibold";
font-style: normal;
font-weight: normal;
font-size: 0.85em;
color: #F15923;
text-indent: 0;
}
.number_ex{
font-family: "MyriadPro-Bold";
font-style: normal;
font-weight: bold;
font-size: 1.1em;
text-indent: 0;
margin-top: 25px;
}
div.textbox_5{
font-family: "MyriadPro-Semibold";
font-style: normal;
font-weight: normal;
font-size: 0.9em;
border-top: 1px solid #F15922;
border-bottom: 1px solid #F15922;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
div.textbox_5 p{
text-indent: 0;
}
div.textbox_5 .head{
font-family: "ACaslonPro-Bold";
font-style: normal;
font-weight: bold;
color: #F15922;
font-size: 1.3em;
margin-bottom: 5px;
text-indent: 0;
}
.ml_20{
padding-left: 20px;
}