/*-------------------------- Import Font -------------------------*/ @font-face { font-family: "PFReminderPro-Bold"; font-style: normal; font-weight: bold; src: url(../Fonts/PFReminderPro-Bold.otf); } @font-face { font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; src: url(../Fonts/PFReminderPro-Medium.otf); } @font-face { font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; src: url(../Fonts/dinnextltpro-regular.otf); } @font-face { font-family: "DINNext-Bold"; font-style: normal; font-weight: bold; src: url(../Fonts/dinnextltpro-bold.otf); } @font-face { font-family: "OfficinaSerITCStd-Book"; font-style: normal; font-weight: normal; src: url(../Fonts/OfficinaSerITCStd-Book.otf); } @font-face { font-family: "OfficinaSerITCStd-Medium"; font-style: normal; font-weight: normal; src: url(../Fonts/OfficinaSerITCStd-Medium.otf); } @font-face { font-family: "OfficinaSerITCStd-BookItalic"; font-style: normal; font-weight: normal; src: url(../Fonts/OfficinaSerITCStd-BookItalic.otf); } @font-face { font-family: "OfficinaSerITCStd-Bold"; font-style: normal; font-weight: bold; src: url(../Fonts/OfficinaSerITCStd-Bold.otf); } /*-------------------------- Reset -------------------------*/ a, img, h1, h2, h3, h4, div{ margin: 0; padding: 0; } body{ font-family: "OfficinaSerITCStd-Book"; font-style: normal; font-weight: normal; font-size: 0.9em; } /*-------------------------- Heading -------------------------*/ h1{ font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; margin-top: 15px; } h2{ font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; margin-top: 15px; margin-bottom: 20px; } .heading_1{ font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; font-size: 1.2em; margin-top: 25px; } .heading_2{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; font-size: 1.2em; text-align: center; text-indent: 0; margin-bottom: 20px; } /*-------------------------- Image -------------------------*/ .full_page { height: 100%; text-align: center; } .width_100{ width: 100%; margin-top: 15px; margin-bottom: 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; } p { margin-top: 0; margin-bottom: 0; text-indent: 1em; line-height: 130%; } .indent_0 { text-indent: 0; } div.indent_0 p{ text-indent: 0; } .margintop_1{ margin-top: 20px; text-indent: 0; } .margintop_2{ 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; } /*------------------------------- 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; } /*-------------------------- Table -------------------------*/ table{ margin: 20px 0 20px 0; } td { padding: 3px; vertical-align: top; } td p{ text-indent: 0; } table.tab1{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; font-size: 0.75em; width: 98%; page-break-inside: avoid; } table.tab1 th{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; font-size: 1.8em; padding: 5px; padding-bottom: 10px; } table.tab1 td{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; } table.tab1 td.image{ width: 30%; } table.tab1 td.image img{ width: 100%; } table.tab1 td.text{ width: 70%; } table.tab1 td p.head{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; font-size: 1.3em; margin-bottom: 5px; } /*-------------------------- List -------------------------*/ ol, ul { padding-left: 0; margin-top: 0; margin-bottom: 0; } ol li, ul li{ margin-left: 20px; } /*-------------------------- Format -------------------------*/ .italic_1{ font-family: "OfficinaSerITCStd-BookItalic"; font-style: normal; font-weight: normal; } .italic_2{ } .bold_1{ font-family: "OfficinaSerITCStd-Bold"; font-style: normal; font-weight: bold; } .bold_2{ font-family: "PFReminderPro-Bold"; font-style: normal; font-weight: bold; } .bold_3{ font-family: "OfficinaSerITCStd-Medium"; font-style: normal; font-weight: normal; } /*-------------------------- Textbox -------------------------*/ div.textbox_1{ margin-top: 25px; padding: 15px; background-color: #ECECEC; margin-bottom: 15px; page-break-inside: avoid; } div.textbox_1 p{ font-family: "OfficinaSerITCStd-BookItalic"; font-style: normal; font-weight: normal; text-indent: 0; } div.textbox_1 h2{ margin-top: 0; } div.textbox_1 .head{ font-family: "DINNext-Bold"; font-style: normal; font-weight: bold; font-size: 1.1em; margin-bottom: 15px; } .bullet_1{ font-family: "DINNext-Bold"; font-style: normal; font-weight: normal; } div.textbox_2{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; padding: 10px; border: 1px solid; margin-top: 25px; margin-bottom: 15px; } div.textbox_2 p{ text-indent: 0; } div.textbox_2 .head{ font-size: 1.1em; margin-bottom: 15px; } div.textbox_2 ol{ margin-top: 15px; padding-left: 15px; } div.textbox_2 ol li{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; margin-top: 10px; } div.textbox_2 ol.number_1{ padding-left: 15px; } div.textbox_2 ol.number_1 li{ font-family: "PFReminderPro-Bold"; font-style: normal; font-weight: bold; margin-top: 10px; } div.textbox_2 ol.number_1 li span{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; } div.textbox_3{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; padding: 10px; margin-top: 25px; margin-bottom: 15px; } div.textbox_3 p{ text-indent: 0; } .bullet_2{ float: left; font-size: 0.85em; } .inhalt{ font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; font-size: 1.8em; margin-bottom: 20px; } .font_regular{ font-family: "DINNext-Regular"; font-style: normal; font-weight: normal; margin-bottom: 5px; } .font_pf{ font-family: "PFReminderPro-Medium"; font-style: normal; font-weight: normal; }