* { margin: 0px; font-size: 12px; }
body { text-align: center; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-weight: normal; line-height: 1.4em; color: #666666; background-color: white; margin: 0; padding-bottom: 48px; }
div { text-align: left; }
span { display: inline; }
h1, h2, h3 { font-family: arial, geneva, helvetica, sans-serif; font-weight: bold; margin-top: 10px; color: #669900; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
ul { list-style-type: none; }
sup { color: gray; font-size: 0.3em; top: -0.625rem; }
.clear { clear: both; }
* #main_container, * #top_menu_container, * #top_menuitems_container, * #logo_banner_container { width: expression(document.body.clientWidth > 1210 ? "1200px" : ( document.body.clientWidth < 960 ? "950px" : "auto")); }
#main_container, #top_menu_container, #logo_banner_container, .copyright, .list_container { max-width: 1200px; min-width: 950px; }
#footer, #top_menu, #header_bottom { width: 100%; min-width: 950px; }
#main_container { margin: 0px auto 0px auto; }
.welcome_image { margin-top: 16px; }
#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); }
@media screen { body>#header { position: fixed; }
body>#footer { position: fixed; }
}
@media print { .noPrint { display: none; }
}
* html body { overflow: hidden; }
* html #main_container { height: 100%; overflow: auto; }
#rightLabel { float: right; padding-right: 10px; position: absolute; bottom: 0px; right: 0px; }
#globalSearch { margin-top: 1px; height: 23px; }
.headerUserInfo { }
#top_menuitems_container { text-align: center; max-width: 1200px; min-width: 950px; margin: 0px auto 0px auto; }
#top_menuitems_container img { display: inline; }
#top_menuitems_container .rich-toolbar { border: 0px solid; padding: 0px; background-image: none; background-color: transparent; }
.rich-menu-list-bg { border: 0px solid; }
#top_menuitems_container .rich-menu-list-bg { background-image: none; }
@media only screen and (max-device-width: 1024px) { body { padding-top: 100px; }
#top_menu { height: 45px; }
#top_menu_container { height: 45px; }
#top_menuitems { height: 36px; background-image: none; background: #727272; background: -moz-linear-gradient(top, #727272 0%, #2c2c2c 50%, #000000 51%, #111111 61%, #494949 93%, #131313 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727272), color-stop(50%, #2c2c2c), color-stop(51%, #000000), color-stop(61%, #111111), color-stop(93%, #494949), color-stop(100%, #131313)); background: -webkit-linear-gradient(top, #727272 0%, #2c2c2c 50%, #000000 51%, #111111 61%, #494949 93%, #131313 100%); background: -o-linear-gradient(top, #727272 0%, #2c2c2c 50%, #000000 51%, #111111 61%, #494949 93%, #131313 100%); background: -ms-linear-gradient(top, #727272 0%, #2c2c2c 50%, #000000 51%, #111111 61%, #494949 93%, #131313 100%); background: linear-gradient(to bottom, #727272 0%, #2c2c2c 50%, #000000 51%, #111111 61%, #494949 93%, #131313 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#131313', GradientType=0); -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); }
#top_menuitems .rich-ddmenu-label { height: 26px; }
#top_menuitems .rich-ddmenu-label .rich-label-text-decor { margin-top: 0px; font-size: 20px; padding: 8px 6px; }
#top_menuitems .rich-toolbar-item label { font-size: 20px; }
#top_menuitems_container .rich-menu-item-label { font-size: 20px; }
#top_menuitems_container .rich-menu-item, .rich-menu-group { height: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 1px; }
#top_menuitems_container .rich-menu-item-hover, .rich-menu-group-hover { border: 0px solid; background-color: silver; height: 22px; padding-top: 8px; padding-bottom: 6px; padding-left: 1px; }
#top_menuitems_container .rich-ddmenu-label-unselect { border: 0px none transparent; padding: 0px 0px 6px 0px; }
#top_menuitems_container .rich-ddmenu-label-select { border: 0px none transparent; cursor: pointer; padding: 0px 0px 6px 0px; }
}
@media only screen and (min-device-width: 1025px) { #top_menu { height: 46px; }
#top_menuitems { height: 26px; }
#top_menuitems_container .rich-menu-item, .rich-menu-group { height: 20px; padding-top: 3px; padding-left: 1px; }
#top_menuitems_container .rich-menu-item-hover, .rich-menu-group-hover { border: 0px solid; padding: 0px; background-color: silver; height: 22px; padding-top: 3px; padding-left: 1px; }
#top_menuitems_container .rich-label-text-decor { padding: 4px 6px; }
#top_menuitems_container .rich-ddmenu-label-unselect { border: 0px none transparent; padding: 0; }
#top_menuitems_container .rich-ddmenu-label-select { border: 0px none transparent; cursor: pointer; padding: 0; }
}
#header_bottom { height: 20px; min-height: 20px; text-align: center; background: url("../images/top_fading.png") repeat-x; margin-top: -1px; }
#logo_banner_container { margin: 0px auto 0px auto; }
#user { font-weight: bold; }
#left_column { float: left; width: 220px; height: auto; margin-top: -10px; }
#left_column .content { padding-bottom: 10px; }
#left_column .info { padding-right: 10px; padding-bottom: 50px; line-height: 1.75; }
#left_column .subHeader { margin-top: 12px; margin-bottom: 8px; padding: 0px; }
#body_column { padding: 1px 10px 0px 230px; width: auto; }
#body_column_inner { width: 100% }
#body_column_full { padding: 1px 0px 0px 0px; width: auto; margin: 0px auto; text-align: center; }
.copyright { margin: 0px auto 0px auto; padding-top: 2px; }
.version { bottom: 18px; position: relative; padding-right: 20px; float: right; }
#footer { height: 20px; margin-top: 0px; background-position: 0px -26px; -webkit-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.75); box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.75); z-index: 10; }
#logo { float: left; width: 210px; height: 100px; margin-top: 10px; }
#banner { float: right; width: 210px; height: 85px; margin-top: 10px; }
#top_menu div.date, #top_menu div.version { margin: 9px 0px 0px 10px; float: left; color: white; }
#top_menu ul { float: right; height: 37px; }
#top_menu li { display: inline; height: 37px; margin-left: -4px; }
#top_menu a { position: relative; top: 9px; padding: 10px 10px 13px 10px; font-size: 12px; color: white; }
#top_menu a:hover { text-decoration: underline; }
.left_menu_top h5 { padding: 26px 20px 0px 25px; }
.left_menu { padding: 10px 20px 0px 25px; }
.left_menu ul { padding-left: 0px; padding-top: 5px; padding-bottom: 30px; }
.left_menu ul li { padding-bottom: 5px; padding-left: 25px; }
.left_menu a { }
ul.left_menu li.none a:hover { }
ul.left_menu li.none a.selected { font-weight: bold; background: none; }
#body_column p { margin: 15px 15px 0px 0px; }
#body_column .section, #body_column dl { margin: 25px 0px 0px 0px; padding: 0px 10px; }
#body_column .section { }
#body_column .section .section { margin: 0px; border: 0px; padding: 0px; overflow: auto; }
* #body_column .section .section { position: relative; width: 100%; overflow: hidden; overflow-x: auto; }
#body_column ul { margin: 0px 15px 10px 15px; }
#body_column ul li { padding: 0px 0px 0px 15px; }
#body_column ol { padding: 15px 0px 15px 20px; }
#body_column ol ol { padding: 0px 0px 0px 15px; }
#body_column table.bodyTable { margin: 0px 0px 10px 0px; border-collapse: collapse; padding: 2px; font-family: Tahoma, Arial, sans-serif; font-size: 0.9em; color: #333333; background: white; }
#body_column table.bodyTable th, table.bodyTable tr, table.bodyTable td { margin: 0px; border: 1px solid white; padding: 0px 7px 0px 7px; }
#body_column table.bodyTable tr.a { background: #F7F9F4; }
#body_column table.bodyTable tr.b { background: #F2F5ED; }
#body_column table a.externalLink { background: none; padding-right: 0px; }
#body_column table.bodyTable th { padding: 7px 7px 5px 7px; background: #CDDCB8 url("../images/table_head_dark.png") repeat-x; }
#body_column .source, code { margin: 14px 0px 14px 0px; border: 1px solid #E6E9DA; font-size: 1.1em; font-family: "Courier new", Courier, monospace; color: #333333; background: #F9FAF5 url("../images/code_section.png") repeat-x top; }
#body_column b { padding-top: 10px; }
#body_column h2 { padding: 5px 10px 5px 10px; border: 1px solid #D8E4C7; background: white url("../images/h2.png") repeat-x top; }
.copyright p { font-size: 0.9em; }
.small_gray { color: gray; }
#info_body { padding-left: 200px; padding-right: 200px; padding-bottom: 30px; width: auto; text-align: justify; line-height: 5px; }
.info_content { text-align: justify; line-height: 20px; }
.info_modalDialog { padding-left: 70px; padding-bottom: 10px; }
.comment { color: gray; }
.tooltip { background-color: white; border-width: 2px; padding: 10px; -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); }
.tooltip-info { background-color: white; padding: 10px; width: 350px; cursor: arrow; border-width: 1px; text-align: left; display: table-cell; vertical-align: middle; -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); }
.system_title { font-size: 30px; color: gray; font-weight: bolder; }
.error_msg { color: red; font-size: smaller; display: block; }
.error_msgShort { color: red; font-size: smaller; display: block; margin-top: -20px; }
.error_msg_important { color: white; background-color: red; font-size: smaller; font-weight: bold; display: block; padding: 1px 4px; display: inline-flex; }
.warn_msg { color: yellow; font-size: smaller; display: block; }
.warn_msgShort { color: yellow; font-size: smaller; display: block; margin-top: -20px; }
.important_msg { background-color: orange; display: block; padding: 1px 4px; display: inline-flex; }
.messages { margin-top: -20px; }
.userInfo { color: navy; }
.statusIcon { float: right; margin-top: 0px; top: 0px; margin-left: 20px; }
.statusIconParent { border-radius: 50%; border: 1px solid #444444; width: 48px; height: 48px; background-color: #FFFFFF; z-index: 10; position: fixed; top: 100; -webkit-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.75); }
.bold { font-weight: bold; }
.boldBlack { font-weight: bold; color: black; }
.tableCellStandard { font-size: 10px; }
.dataTableShortFilter .rich-filter-input { width: 100px; }
.dataTableShorterFilter .rich-filter-input { width: 80px; }
.content_list { width: 100%; }
.selectedRowHighlight { background-color: #F7E9C8; }
.rowHighlightYellow { background-color: #FFFA75; }
.rowHighlightGreen { background-color: #CCFFC2; }
.rowHighlightLightBlue { background-color: #DDEAFF; }
.tinyLabelClass { width: 50px; padding-right: 10px; }
.shortLabelClass { width: 100px; padding-right: 10px; }
.labelClass { width: 160px; padding-right: 10px; }
.widthLabelClass { width: 200px; padding-right: 10px; }
.extraWideLabelClass { width: 260px; padding-right: 10px; }
.shortTopLabelClass { width: 100px; padding-right: 10px; vertical-align: top; }
.topLabelClass { width: 160px; padding-right: 10px; vertical-align: top; }
.widthTopLabelClass { width: 200px; padding-right: 10px; vertical-align: top; }
.tinyRightLabelClass { width: 50px; padding-right: 10px; text-align: right; }
.rightLabelClass { width: 160px; padding-right: 10px; text-align: right; }
.valueClass { }
.topAlignClass { vertical-align: top; }
.nowrap { white-space: nowrap; }
.caseCommentTable { border-width: 0px; background-color: transparent; }
.caseComment { padding-bottom: 20px; font-size: 12px; border-width: 0px; }
.caseCommentHeader { width: 100%; border-bottom-width: 1px; border-bottom-color: silver; border-bottom-style: solid; margin-bottom: 5px; }
.caseCommentText { padding-left: 20px; }
.dateClass { width: 70px; }
.spinnerClass { width: 60px; }
.valueBankStatementClass { width: 200px; }
.valueApplicationClass { width: 150px; }
.labelBookingClass { width: 130px; padding-right: 10px; }
.valueBookingClass { padding-right: 30px; }
.dialogButton { padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; margin-top: 10px; margin-bottom: 10px; }
.dialogButtonPanel { width: 100% background-color: yellow; }
.dialogInnerPanel { width: 100%; padding-bottom: 20px }
.dialogPanel { width: 100% }
.dialogTableLabelClass { float: right; font-weight: bold; padding-right: 10px; }
.dialogBarcodePanel { float: left; margin-top: 10px; margin-bottom: 10px; }
.canceledContract { color: red; font-size: 10px; }
.lockedContract { color: purple; font-size: 10px; }
.inactiveChargebundle { color: violet; font-size: 10px; }
.futureChargebundle { color: green; font-size: 10px; }
.tableListCellLarge { font-size: 14px; }
.disabledTableListCell { color: gray; font-size: 10px; }
.canceledTableListCell { color: red; font-size: 10px; }
.warningTableListCell { color: white; background-color: red; font-size: 10px; font-weight: bold; }
.stornoBooking { color: gray; font-size: 10px; }
.openNewBooking { font-size: 10px; font-style: italic; }
.directDebitBooking { color: navy; font-size: 10px; }
.notPayedBooking { color: red; font-size: 10px; }
.stornoStatusHistory { color: gray; font-size: 10px; }
.stornoDocument { color: gray; font-size: 10px; }
.archivedReport { color: #804000; font-size: 10px; }
.stornoReport { color: gray; font-size: 10px; }
.retoureReport { color: red; font-size: 10px; }
.mainAgencyInvoice { font-weight: bold; color: navy; font-size: 10px; }
.extendChargebundle { font-size: 10px; color: navy; }
.activeChargebundle { font-weight: bold; font-size: 10px; }
.inactivChargebundle { color: silver; font-size: 10px; }
.activeCard { font-weight: bold; font-size: 10px; }
.parkedCreditNote { color: red; font-size: 10px; }
.createdCreditNote { color: navy; font-size: 10px; }
.bankName { font-size: 9px; color: navy; }
.activeBank { font-weight: bold; font-size: 10px; }
.inactiveBank { color: silver; font-size: 10px; }
.caseClosed { color: gray; font-size: 10px; }
.caseHigh { font-weight: bold; font-size: 10px; }
.caseCritical { color: red; font-weight: bold; font-size: 10px; }
.inactiveUser { color: silver; font-size: 10px; }
.inactiveAgency { color: silver; font-size: 10px; }
.noUserCharge { color: silver; font-size: 10px; }
.bankStatementChecked { color: green; font-size: 10px; }
.extendContractCharge { color: navy; font-size: 10px; }
.listCountInfo { color: silver; font-size: 10px; }
#eventForm a.eventLink { display: block; font-weight: bold; padding-top: 0px; padding-bottom: 10px; font-size: 14px; }
#eventForm .eventComment { color: gray; padding-bottom: 10px; }
#listForm a.reportLink { display: block; font-weight: bold; padding-top: 20px; padding-bottom: 10px; font-size: 14px; }
#listForm a.scheduleLink { font-size: 8px; }
#listForm .reportComment { color: gray; width: 600px; text-align: justify; }
#listForm .faqBlock { vertical-align: top; padding-bottom: 10px }
.faqQuestion { font-size: larger; font-weight: bold; }
textarea[type="textarea"].adressQuality1, input[type="text"].adressQuality1, input[type="password"].adressQuality1, select.adressQuality1 { }
textarea[type="textarea"].adressQuality2, input[type="text"].adressQuality2, input[type="password"].adressQuality2, select.adressQuality2 { background-color: yellow; background-image: none; }
textarea[type="textarea"].adressQuality3, input[type="text"].adressQuality3, input[type="password"].adressQuality3, select.adressQuality3 { background-color: orange; background-image: none; }
textarea[type="textarea"].postalReturn, input[type="text"].postalReturn, input[type="password"].postalReturn, select.postalReturn { background-color: red; background-image: none; color: white; }
.errorField { background-color: red; }
.appStatusOk { color: green; font-size: 10px; }
.fileStatusError { color: red; font-size: 10px; font-weight: bold; }
.fileStatusStorno { color: rgb(192, 192, 192); font-size: 10px; }
.fileStatusFinished { color: green; font-size: 10px; font-weight: bold; }
.appStatusTodo { font-size: 10px; font-weight: bold; }
#deniedPanel { padding-top: 20px; width: 600px; }
#left_column .infoNews { padding-right: 10px; padding-bottom: 30px; line-height: 1.75; }
#newsInfo .news_title { font-weight: bold; display: block; padding-bottom: 5px; line-height: 1.5; }
#newsInfo .news_date { padding-left: 5px; font-size: smaller; font-weight: bold; color: navy; float: right; }
#newsInfo p, strong { font-size: 0.9em; line-height: 1.75; }
.stepHeader { color: gray; font-size: 14px; font-weight: bold; }
.rich-datascr-inact { color: silver; }
.tableRatioBig { width: 61.8%; vertical-align: top; }
.tableRatioSmall { width: 38.2%; vertical-align: top; }
.checkinCustomerName { color: black; font-weight: bold; }
.productStatusAvailable { color: #35B327; font-weight: bold; }
.productStatusNotAvailable { color: #CC121F; font-weight: bold; }
.cartLabelClass { width: 100px; }
.rich-pmenu-selected-element { font-weight: bold; font-style: normal; }
.productPictureColumn { width: 120px; text-align: center; }
.productInfoColumn { }
.productCostColumn { float: right; width: 140px; }
.productBuyColumn { width: 100px; }
.shoppingCartTableFooterText { text-align: left; font-weight: bold; }
.shoppingCartTableFooterNumber { text-align: right; font-weight: bold; }
.shoppingPaymentMethodCell { width: 50%; height: 220px; vertical-align: top; }
.shoppingTotalPrice { color: black; font-weight: bold; }
.shoppingResultsText { color: black; font-weight: bold; font-size: 14px; }
.ebicsLocked { color: #BBBBBB; font-size: 10px; }
.ebicsNotReady { color: #4444FF; font-size: 10px; }
.ebicsNeedConfirm { color: rgb(255, 0, 255); font-size: 10px; }
.halfWidth { width: 50%; vertical-align: top; }
.thirdWidth { width: 33%; vertical-align: top; }
.quarterWidth { width: 25%; vertical-align: top; }
.divButtonContainer { display: inline-block; }
.divButtonContainer>input { width: calc(100% - 4px); margin: 2px; }
.noPadding { padding: 0px; }
.noDisplay { display: none; }
.clientInfo { margin: 0px auto 0px auto; vertical-align: bottom; float: right; padding-right: 10px; position: absolute; bottom: 0px; right: 0px; z-index: -3; }
.greenInfoBox { background-color: #BDF0A5; border-color: #81BF63; border-width: 1px; border-style: solid; padding: 5px; }
.yellowInfoBox { background-color: #FAFAD7; border-color: #DED16F; border-width: 1px; border-style: solid; padding: 5px; }
.redInfoBox { background-color: #FFBBBB; border-color: #FF6666; border-width: 1px; border-style: solid; padding: 5px; }
.divBlueButton { margin-right: 8px; padding: 2px 8px 2px 8px; background-color: #B3C7E7; border: 1px solid #81A5C5; }
.divBlueButton:hover { margin-right: 8px; padding: 2px 8px 2px 8px; background-color: #C4D8F8; border: 1px solid #81A5C5; color: #3384AB; }
.photoShadow { -webkit-box-shadow: 0px 8px 32px #000000; -moz-box-shadow: 0px 8px 32px #000000; box-shadow: 0px 8px 32px #000000; }
.photoShadowSmall { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5); }
.smallShadow { -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4); }
.fullScreenDim { position: fixed; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.centerAbsolute { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.badgeText { font-size: 8px; border-radius: 2px; background: #81A3E6; padding: 2px 6px; color: white; font-weight: bold; margin-right: 2px; white-space: nowrap; }
.badgeTextGreen { font-size: 8px; border-radius: 2px; background: #19A005; padding: 2px 6px; color: white; font-weight: bold; margin-right: 2px; white-space: nowrap; }
.badgeTextYellow { font-size: 8px; border-radius: 2px; background: #B79F1E; padding: 2px 6px; color: white; font-weight: bold; margin-right: 2px; white-space: nowrap; }
.badgeTextRed { font-size: 8px; border-radius: 2px; background: #E68181; padding: 2px 6px; color: white; font-weight: bold; margin-right: 2px; white-space: nowrap; }
.classificationDiv { color: black; background-color: #E2ECF0; border: 1px solid #8FC1D5; margin: 2px 0px; padding: 4px; }
.classificationDiv:hover { color: #0d6a79; background-color: #d9dff0; }
.classificationDivClickable { color: black; background-color: #b3f2b3; border: 1px solid #91D091; margin: 2px 0px; padding: 4px; }
.classificationDivClickable:hover { color: #0d6a79; background-color: #d1f9d1; }
.welcomeMainCenter { font-size: 12px; text-align: center; width: 800px; margin-left: auto; margin-right: auto; }
.welcomeMainItem { width: 200px; }
.welcomeMainIcon { padding: 10px; text-align: center; }
.welcomeMainHeader { font-size: 16px; font-weight: bolder; }
.welcomeMainTeaser { text-align: justify; line-height: 1.75; padding-left: 15px; padding-right: 15px; }
.welcomeMainItemBig { width: 400px; }
.welcomeMainIconBig { padding: 10px; text-align: center; }
.welcomeMainHeaderBig { font-size: 16px; font-weight: bolder; }
.welcomeMainTeaserBig { text-align: justify; line-height: 1.75; padding-left: 15px; padding-right: 15px; }
.headerUserInfoMobile { font-size: 2em; }
.titleMobile { color: gray; font-size: 3em; font-weight: bolder; }
.teaserMobile { padding-bottom: 20px; padding-top: 10px; font-size: 2.5em; line-height: 1.25; text-align: justify; }
.textMobile { font-size: 2.75em; line-height: 1.25; }
.textBoldMobile { font-size: 2.75em; font-weight: bold; line-height: 1.25; }
.buttonMobile { font-size: 2.75em; padding-left: 48px; padding-right: 48px; padding-top: 12px; padding-bottom: 12px; margin-top: 6px; margin-bottom: 6px; margin-left: 8px; margin-right: 8px; }
.tableHeaderMobile { font-size: 1.9em; padding-top: 32px; padding-bottom: 32px; }
.tableColumnHeaderMobile { font-size: 2.75em; padding-left: 12px; }
.tableCellMobile { height: 96px; padding-left: 12px; }
.tableCellContentMobile { font-size: 2.75em; vertical-align: middle; }
.whiteBackground { background-color: white; }
.red { color: red; }
.orange { color: #F98100; }
.mobileWelcomeMainCenter { font-size: 1em; text-align: center; width: 100%; margin-left: auto; margin-right: auto; }
.mobileWelcomeMainItem { width: 360px; height: 360px; border-radius: 16px; padding: 48px; background-color: #F7E9C8; text-align: center; margin-left: auto; margin-right: auto; }
.mobileWelcomeMainIcon { margin: 24px; text-align: center; }
.mobileWelcomeMainHeader { font-size: 2.75em; font-weight: bolder; }
.mobileWelcomeMainTeaser { text-align: justify; line-height: 1.25; padding-left: 30px; padding-right: 30px; font-size: 2.25em; color: #555555; }
.priceBig { font-size: 2.25rem; font-weight: bold; font-style: italic; }
.normalPrice { font-size: 1.5rem; font-weight: bold; }
.durchgestrichen { text-decoration: line-through; }
.aktionsbox { position: absolute; top: -0.625rem; left: 1.0rem; }
.aktionsbox .text { background: #F98100; position: relative; z-index: 2; padding: 0.625rem 1.25rem; text-transform: uppercase; }
.aktionsbox .box-arrow { width: 0; height: 0; border-top: 0.625rem solid transparent; border-bottom: 0.625rem solid transparent; border-right: 0.625rem solid #b76000; position: absolute; z-index: 1; bottom: -0.625rem; left: 0; }
.collapsibleMain { background-color: #777; color: white; cursor: pointer; padding: 2px 8px; width: 100%; border: none; text-align: left; outline: none; font-weight: bold; }
.collapsibleActive, .collapsibleMain:hover { background-color: #555; }
.collapsibleContent { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1; }
.center { margin: 0 auto; text-align: center; }
.block { display: block; }
.vis-item.vis-dot.biggerLine { border-radius: 10px; border-width: 10px; }
.vis-item.vis-line.biggerLine { border-width: 5px; }