/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {display:block;}
audio,
canvas,
progress,
video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],
template {display:none;}
a {background-color:transparent;}
a:active,
a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b,
strong {font-weight:bold;}
dfn {font-style:italic;}
h1 {font-size:2em;margin:0.67em 0;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub,
sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre {overflow:auto;}
code,
kbd,
pre,
samp {font-family:monospace, monospace;font-size:1em;}
button,
input,
optgroup,
select,
textarea {color:inherit;font:inherit;margin:0;}
button {overflow:visible;}
button,
select {text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled] {cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
textarea {overflow:auto;}
optgroup {font-weight:bold;}
table {border-collapse:collapse;border-spacing:0;}
td,
th {padding:0;}

/* Start EOS CSS */
/* Overall styling Start */
body {margin:0 auto;width:1200px;max-width:100%;font:normal normal normal 15px/21px Arial, Helvetica, Verdana, sans-serif;color:#31171F;text-align:left;background:#e7e7e7;-webkit-box-shadow:0 0 5px 3px rgba(128, 128, 128, 0.3);box-shadow:0 0 5px 3px rgba(128, 128, 128, 0.3);}
.state-indicator {position: absolute; top: -999em; left: -999em; z-index: 1;}

div, p, ul, ol, li, img, h1, h2, h3, h4, h5, h6, form, fieldset, dl, dd, dt, input, button, select, textarea, label, table, tr, td, th {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;line-height:normal;font-weight:bold;}
table, th, td, table th, table td {font:normal normal normal 15px/21px Arial, Helvetica, Verdana, sans-serif;color:#58585a;}
th {font-weight:normal;text-align:left;}
textarea {font:normal normal normal 15px/21px Arial, Helvetica, Verdana, sans-serif;color:#58585a;}
a {color:#58585a;text-decoration:none;}
a:hover {text-decoration:none;}
p {padding:0 0 12px 0;}
p a {text-decoration:underline;}
p a:hover {text-decoration:none;}
a:focus {outline:none;}
strong, b {font-weight:bold;}
li {list-style:none;}
button {overflow:visible;}
img, fieldset {border:none;}
input, select, textarea, option:focus {outline:none;}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* Overall styling End */

.menu-button {padding: 0 10px;font-size:14px;color: #58585a;display: inline-block;cursor: pointer;border-color: #979797;border-width: 0px;border-style: solid;border-radius: 8px;margin-left: 5px;line-height: 10px;}

.login-button-div {  }
.login-button-div > a > i {margin-right: 8px}
.login-button { }
.login-button-div span.login_text { font-weight: bold; color:#31171f !important; vertical-align: super; }
.login-button-div i.icon-employee { font-size: 25px; }
.icon-employee:before { color: #31171f !important; }

.mobile-only {display:none;}

.main {background:#fff;}
.main:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.main.bg_indexLanding {height:490px;background: #fff url("/resources/img/2022/eos-stage-1200px.svg") no-repeat scroll 50% 95px;}

.content_left {float: left; padding-right: 20px; padding-bottom: 5px}
.content_right {float: left; max-width: 800px;}

#form\:imgPanel > a {
	border:none !important;
}

#j_idt97\:imgPanelInfo > a {
	border:none !important;
}

/* Icons */
.icon-global-service:before, .startPageImageFlowBoxes i, .index_images2 i { color: #ea0029; }

/* Header Start */
.head {margin:0 0 25px 0;padding:0px 40px 5px 105px;border:none;border-bottom:1px solid #d6d1d2;background:#fff;display: flex;flex-flow: column;height: 94px;}
.head:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.main.bg_index .head {margin:0;padding-bottom:0;}
.logo,
.logo_index {float:left;width:125px;height:67px;margin-top: 14px;background-image:none; margin-right: 15px;}
span.headerText { font-size: 16px; font-weight:bold; font-family: Arial, sans-serif; margin-top: 53px; color: #000; display: inline-block; }
.meta {width:auto;font-size:14px;float: none; margin-right:10px; }
.meta a {display:inline-block;color:#58585a;border-bottom:1px solid white; padding:10px; width: 93%;}
.meta a:active, .meta a:hover, .nav .current { color: #EA0021; }
.languageFlagBox .ui-overlaypanel-content div:hover {background:#cbcfd4;}
.languageFlagBox .ui-overlaypanel-content div a {padding-top:5px;padding-bottom:5px;}
.languageFlagBox .ui-overlaypanel-content div:hover a {color:#9c301a;}
.menu-container:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.menu-container form {float:right;}
.telephone {clear:both;float:right;margin:17px 0 0 0;padding:0 0 1px 23px;font-weight:bold;color:#9c301a;background:transparent url("/resources/img/eos-images/telephone.png") no-repeat 0 1px;}
.telephoneMobile { display: none; }
.trigger-menu, .icon-menu,
.close-menu,
.meta ul.mobile-menu {display:none;}

.idleMonitor {display:none;position:absolute;top:58px;right:200px;font-weight:bold;color:#9c301a;}
/* Header End */

.nav {display:none;}
.messages {white-space:normal;}
.content {float:none;width:990px;height:auto;margin:0 auto;}
.content:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.paymentPlan { display: flex;}
.paymentPlan_info p { margin-bottom: 30px;}
.paymentPlan_headline { margin-bottom: 30px; }
.paymentPlan_headline h1 { color: #444444; }
.paymentPlan_info { width: 66%;}
.paymentPlan_contactBox { margin-left: 9%; }
.paymentLink { line-height: 2.5em; }
.paymentStep1_button { margin-right: 0 !important; float: right !important; }
.content form,
.linie {padding:0;}
.index_site_teaser {width:100%;}
.index_site_teaser p {padding:0 0 20px 0;font-size:15px;line-height:21px;text-shadow:1px 1px 4px #fff !important;hyphens:none;}
.index_site_teaser h2 {text-shadow:1px 1px 4px #fff !important;}
.index_site_teaser h3 {padding:0 0 19px 0;color:#fff;font-size:40px;line-height:45px;font-weight:normal;}
#teaserHeader {width:600px;padding:18px 0 0 0; margin-top: 5em;}
.content a {margin:0;font-size:100%;text-decoration:underline;color:#31171F;}
.content a:hover { text-decoration: underline; text-decoration-color:#EA0029; }
.box_images_index .box_search_deptor_index .messages {padding:0 0 10px 0;}
.box_images_index .box_search_deptor_index .messages li, form#contentDialogForm .messages li {color:#9c301a;font-size:13px;font-style:italic;}
.box_images_index .box_search_deptor_index p {clear:both;}
.box_images_index .box_search_deptor_index div {padding:0 0 4px 0;}
.box_images_index .box_search_deptor_index div:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.box_images_index .box_search_deptor_index .ui-inputfield {float:left;display:block;width:250px !important;margin:0 5px 0 0;padding:13px 10px 11px 10px;font-size:15px;border:1px solid #d5d5d6;}
.box_images_index .box_search_deptor_index .ui-inputfield.input-small {width:150px !important;}
.box_images_index .box_search_deptor_index input[type="submit"] {float:left;min-width:94px;margin:1px 0 0 0;padding:9px 0 9px 0;text-align:center;color:#fff;font-weight:bold;font-size:17px;border:1px solid #9c301a;background:#9c301a;}
.box_images_index .box_search_deptor_index a {display:inline-block;margin:10px 0 0 0;font-size:13px;}
.main.bg_index .meta .languageFlagBox .ui-overlaypanel-content a {color:#58585a;}
.meta ul, .meta ul li {display:block;}
.meta form ul {float:left;}
.meta form ul li {float:left;}
.meta form .ui-menu {padding:0;background:transparent;}
.meta form .ui-menu .ui-menuitem {margin:0 !important;font-size:14px;}
.meta form .ui-menubar .ui-menuitem-link {padding:10px !important;line-height:21px !important;border:none !important;}
.meta form .ui-menubar .ui-menuitem-link.ui-state-hover {background:none !important;}
.meta form .ui-menu .ui-menu-parent .ui-menu-child {top:38px !important;background:#fff;}
.meta form .languageSelector {float:left;margin:10px 0 0 0;}
.meta form .languageSelector span {cursor:pointer;display:inline-block;}
.languageFlagBox .ui-overlaypanel-content {min-width:10em;}

.additional_text_block {display:none;}
.additional_text_block {padding:40px 105px 10px 105px;background:#fff;}
.additional_text_block:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.additional_text_block p {padding:0;}

.box_images_index:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.box_images_index .index_images {padding:10px 105px 36px 105px;background:#fff;}
.box_images_index .index_images:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.box_images_index a:hover div:after {display:block;width:100%;height:100%;content:" ";background-color:rgba(0,0,0,0.3);}
.box_images_index .box_info2,
.box_images_index .box_info,
.box_images_index .box_info3 {position:relative;float:left;width:316px;height:214px;margin:0 0 0 20px;}
.box_images_index .box_info2 {margin-left:0;background:transparent url("/resources/img/eos-images/index_image1.jpg") no-repeat left top;}
.box_images_index .box_info {background:transparent url("/resources/img/eos-images/index_image2.jpg") no-repeat left top;}
.box_images_index .box_info3 {background:transparent url("/resources/img/eos-images/index_image3.jpg") no-repeat left top;}
.box_images_index .text {position:absolute;left:0;bottom:0;width:100%;padding:15px 0 11px 0;color:#fff;text-align:center;font-size:18px;font-weight:bold;background:transparent url("/resources/img/eos-images/index-bg.png") repeat left top;}
.box_images_index .foot_index {padding:7px 105px;font-size:13px;border-top:1px solid #cfcfd0;}
.foot {margin:0px 0 0 0;display:flex;padding:7px 96px 11px 96px;font-size:100%;border-top:1px solid #cfcfd0;background: rgb(49,23,31);}
.foot:after {content:".";font-size:0;height:0;visibility:hidden;}
.foot a,
.foot_index a {display:inline-block;margin:0;padding:5px 9px;font-size:13px;}
.copyright { height: 60px; border-top:1px solid #4B3D42; background-color: rgb(49,23,31); }
.copyright p { padding: 18px 96px 11px 96px; color: white; font-size: 80%; }
.bdiuBlockFooterMobile { display: none; }

.content form:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.contact_help_block_top {float:left;width:650px;}
.contact_help_block_top table.ui-selectoneradio tr td { display: inline-flex; }
.contact_details_block {float:right;width:235px;padding:20px 0 20px 15px;background:#f3f3f3;}
.contact_details_block .headline_small {margin:0;padding:0 0 20px 0;font-size:18px;color:#58585a;}
.contact_details_block .selectInkassoFirma {border:none;margin:-7px 1em 7px 0; width: auto !important;}
.contact_details_block .ui-selectonemenu-panel { width: auto !important;}
.dept_list_lable { margin:-4px 10px 0 0; float:left; }
.icon_trash_dept { width:32px;text-align: center; }
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {margin-top:6px !important;}
.ui-selectonemenu { background: white; padding: 5px; }
.contact_details_block .ui-selectonemenu {display:block;}
.content .form-box .contact_details_block .ui-selectonemenu .ui-selectonemenu-label {padding:5px !important;}
.selectInkassoFirma { border:1px solid #a8a8a8; margin:-7px 0 5px 0; }
.contact_details_block label.ui-widget {padding:0 50px 0 0;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:100%;color:#58585a;}
.ui-selectmanycheckbox.ui-widget td,
.ui-selectoneradio.ui-widget td {padding:0 0 10px 0;vertical-align:top;}
.ui-radiobutton {margin-right:10px !important;}
.ui-radiobutton .ui-radiobutton-box {border-radius:0 !important;background:#fff;}
table.ui-selectoneradio {margin:0 0 40px 0;}
.formContactSelectLenght { min-width: 335px; width: 325px; }
.whereIsMyDebtnumber a { float:left; color:#9c301a !important; margin:0 0 0 0px !important; }
.contactSiteDebtNumberLink { float: right; margin-top:-2em; }
.contactSiteCompanyInfo {max-width: 44%;margin:-3px 0 0 4px;float: right;font-size:80%;}
.timePicker { float: left; width: 80%; }

h1,
h2,
h3 {padding:0 0 20px 0;color:#31171f;font-weight:bold;font-size:24px;line-height:28px; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: 700;}
h4 {margin: 10px 0 5px 0; font-size: 13px; color: #58585a; line-height:20px; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: 700;}
h1 a {font-size:15px;line-height:21px;}
.headline_small {padding:0 0 15px 0;font-size:18px;line-height:22px;}
.content .registerForm,
#helpForm,
.content .form-box {margin:20px 110px 95px 0;padding:30px 20px 10px 20px;background:#e3eef0;}
.content .registerForm:after,
#helpForm:after,
.content .form-box:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.content .registerForm.xtra-form,
#helpForm.xtra-form,
.content .form-box.xtra-form {background:transparent;margin-right:0;margin-bottom:30px;padding:0;}
.content .registerForm.form-full-width,
#helpForm.form-full-width,
.content .form-box.form-full-width {margin-right:0;}
.form-row {margin:0 0 10px 0;}
.debtNumberTitle { display: inline; margin-right: 22%; margin-bottom: 1%;}
.titleRow {width: 66%;display: flex;justify-content: space-between;}
#seeOtherClaimLink {display: inline;}
#contactForm .form-row { margin-bottom: 0 !important; }
.form-row:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
#payment .form-row{margin:0 330px 10px 0;}
form .error {max-width:100%;margin:0;font-size:14px;}
form .error_payment { max-width: none; position: absolute; margin-top: 40px; margin-left: -50px; }
form .error_paymentEmail { max-width: none; position: absolute; margin-top: 3px; }
.emailFieldPaymentStep3 .ui-widget-content { background: none !important; width: 62%;}
form .formular-errors {overflow:hidden;margin:0 0 20px 0;padding:10px 10px 8px 10px;border:1px solid #9c301a;}
form .formular-errors li {padding:0 0 2px 13px;background:transparent url("/resources/img/eos-images/error.png") no-repeat 0 3px;background-size:auto 15px;}
.form-row label,
.content .registerForm label,
#helpForm label,
.content .form-box label {float:none !important;width:auto !important;background: none !important;margin:0;padding:0 !important;display:block;font-size:14px;color:#58585a;}
.ui-selectmanycheckbox label,
.ui-selectoneradio label {margin:2px 0 0 0 !important;padding:0 0 0 5px;color:#58585a;}
.content .backgroundForLabel { background: #f3f3f3 !important; }
.content .form-row .lengthOfBox { width: 337px !important; }
.content .form-box span label {clear:both;}
.form-row .form-block label,
.content .registerForm .form-block label,
#helpForm .form-block label,
.content .form-box .form-block label {clear:none;float:left !important;padding:6px 6px 6px 0px !important;text-align:left;}
#helpForm .contact_form_left label:nth-of-type(2),
.content .form-box .contact_form_left label:nth-of-type(2) {float:left !important;width:48px !important;padding:6px 0 0 0;text-align:center;}
.content .registerForm .ui-inputfield,
#helpForm .ui-inputfield {display:block;margin:0;padding:10px;line-height:20px;}
.content .form-row textarea.ui-inputfield,
.content .registerForm textarea.ui-inputfield,
#helpForm textarea.ui-inputfield,
.content .form-box textarea.ui-inputfield {width:440px;height:160px;font-size:100%;}
.contact_form_left {padding:0 0 10px 0;}
.contact_form_left:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.buttons {margin:0;padding:10px 0;}
.buttons:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.buttons input {display:block;margin:0;}
button.barzahlen { float: right; background-color: #ea0029 !important; border-radius:20px; padding: 6px 4px 4px; min-width: 124px; font-size: 14px !important;font-weight: normal !important;}
.form-row .buttons input,
#helpForm .buttons input,
.content .form-box .buttons input {float:left;margin:0 10px 0 0;min-width:194px;padding:14px 10px 12px 10px;color:#fff;font-size:17px;background:#9c301a;}
.form-row .buttons.small-buttons input,
#helpForm .buttons.small-buttons input,
.content .form-box .buttons.small-buttons input {padding:6px 4px 4px 4px;font-size:14px;font-weight:normal;}
.buttons .ui-button {float:left;border-radius:20px;height:48px;margin:0 10px 0 0;min-width:194px;padding:14px 10px 12px 10px;color:#fff;font-size:17px;background:#EA0029;}
.buttons.grey {background-color: #79797b; }
.ui-button:hover, .detail-contact-box .debtPaymentnoLoginContactBox2 .linkButtons:hover { background: #31171F !important; }
.buttons.grey:hover {background-color:#ea0029 !important;}
.buttons.small-buttons .ui-button {min-width:124px;padding:6px 4px 4px 4px;font-size:14px !important;font-weight:normal !important;}
.form-row .pe-timepicker,
#helpForm .pe-timepicker,
.content .form-box .pe-timepicker {float:left;}
.form-row .pe-timepicker input,
#helpForm .pe-timepicker input,
.content .form-box .pe-timepicker input {width:86px !important;}
.form-row input,
.content form.registerForm input.ui-inputfield,
.resetPassword input[type="text"],
.resetPassword input[type="password"],
.changePW input {width:315px !important;margin:0;padding:10px;font-size:15px;line-height:16px;border:1px solid #d3d3d3;}
.captcha {margin:0 0 10px 0;}
.captcha:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.captcha img {float:left;margin:0 10px 0 0;}
.captcha a img {margin:26px 0 0 0;}
form .form-set:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
form .form-set .form-row {float:left;margin-right:40px;}
.ui-messages-error, .ui-message-error { background-color: none !important; background:none; border:0; padding-left: 0 !important; }
.ui-messages-error ul li span { margin-left: 0 !important; font-style: italic; margin-right: 10px; }
.ui-messages-error-icon { background: none; width: 0 !important; }
.ui-messages ul { margin-left: 0 !important; }

.menu-container .ui-widget.ui-widget-content { border:none; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: none; border-color:#cd0a0a !important;background-color:#fef1ec !important;}

.content .registerForm {margin-top:30px;}
.content .img_info {display:none;} /* Tooltipps ausblenden */

.ui-tooltip-tip { height: 0 !important; left: 0 !important; }
.ui-tooltip-content { background: #FFF !important; line-height:1.3em; padding:3px 5px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.8); color: #222222 !important; border-color: #222222 !important; border-radius:0 !important;  }
.ui-tooltip { padding:0px; font-size: 100% !important; }

.content form.registerForm .buttons {margin:0;text-align:center;}
.content form.registerForm .buttons:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.content form.registerForm .buttons input {float:left;min-width:192px;margin:0 0 10px 20px !important;padding:14px 10px 12px 10px;font-size:17px;color:#fff;border:none;background:#9c301a;}
.content form.registerForm .buttons input:first-child {margin-left:0 !important;}
.abort {margin-left:0 !important;}

.ui-timepicker-table .ui-timepicker .ui-state-default {background:#d5d5d6;}
.ui-dialog-titlebar-icon.ui-state-hover {border:none !important;-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;}
*, *:hover {text-shadow:0 0 0 rgba(255,255,255,0) !important;}

.tableInfo {font-size: 4vw;font-style:italic;}
.debtPaymentnoLoginContactBox, .debtPaymentnoLoginContactBox2 {width:214px;padding:18px 18px 10px 18px;background:#f3f3f3;}
.debtPaymentnoLoginContactBox h4 {padding:0 0 12px 0;font-size:18px;line-height:25px;font-weight:normal;}
.debtPaymentnoLoginContactBox p {padding:0;color:#808081;}
.debtPaymentnoLoginContactBox2 p {padding:0;color:#808081;}
.debtPaymentnoLoginContactBox h6 { font-size: 75%; margin-top:0.5em; font-weight: normal; }
.debtPaymentnoLoginContactBox a{display:inline-block;padding:12px 0 4px 0;font-size:13px;}
.debtPaymentnoLoginText {overflow:hidden;line-height:25px;width: 67%;}
.debtPaymentnoLoginText .debtPaymentnoLoginQuestion {float:right;margin:20px 4px 0 0;font-size:13px;}
.debtPaymentnoLoginTable {margin:0 330px 0 0;}
.debtPaymentnoLoginTable:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.debtPaymentnoLoginTable table {margin:0 0 6px 0;}
.debtPaymentnoLoginTable table td {vertical-align:top;padding:12px 14px 11px 14px;color:#808081;border-right:4px solid #fff;border-bottom:4px solid #fff;background:#f3f3f3;}
.debtPaymentnoLoginTable table tr:first-child td {color:#58585a;background:#d5d5d6;}
.debtPaymentnoLoginTable div {float:right;}
.debtPaymentnoLoginTable div a {padding-right:4px;font-size:13px;}
.debtPaymentnoLoginButton {float:left; width:66%; }
.debtDetailLink {font-size: 13px;}
.debtPositionsTable {min-height:350px;}
.lableStep1 { line-height: 2.5em; font-weight: bold; }
.display-flex {display: flex; justify-content: space-between;}
.payStep1 { margin-left:-10px !important; width: 55%; }
.payStepNaviHaken { background: transparent url("/resources/img/haken-gruen.png") no-repeat scroll right -2px / auto 35px; }
.payStepNaviCross { background: transparent url("/resources/img/cross-red.png") no-repeat scroll right -2px / auto 35px; }

.track-progress { margin: 0; padding: 0; overflow: hidden; margin-bottom: 20px; }
.track-progress li {	list-style-type: none;	display: inline-block;	position: relative;	margin: 0;	padding: 0;	text-align: center;	line-height: 30px;	height: 29px;	background-color: #f0f0f0;}
.track-progress[data-steps="3"] li {	width: 32.8%;}
.track-progress[data-steps="4"] li {	width: 25%;}
.track-progress[data-steps="5"] li {	width: 20%;}
.track-progress li>span {	display: block;	color: #999;	font-weight: bold;	text-transform: uppercase;}
.track-progress li.done>span {	color: #666;	background-color: #ccc;}
.track-progress li>span:after, .track-progress li>span:before {	content: "";	display: block;	width: 0px;	height: 0px;	position: absolute;	top: 0;	left: 0;	border: solid transparent;	border-left-color: #f0f0f0;	border-width: 15px;}
.track-progress li>span:after {	top: -5px;	z-index: 1;	border-left-color: white;	border-width: 20px;}
.track-progress li>span:before {	z-index: 2;}
.track-progress li.done+li>span:before {	border-left-color: #ccc;}
.track-progress li:first-child>span:after, .track-progress li:first-child>span:before	{	display: none;}
.track-progress li:first-child i, .track-progress li:last-child i {	display: block;	height: 0;	width: 0;	position: absolute;	top: 0;	left: 0;	border: solid transparent;	border-left-color: white;	border-width: 15px;}
.track-progress li:last-child { padding-right: 15px; }
.track-progress li:last-child.done { background-color: #CCC; }
.track-progress li:last-child i {	left: auto;	right: -15px;	border-left-color: transparent;	border-top-color: white;	border-bottom-color: white;}

.content .debtDetails .ui-panelgrid-cell {padding: 3px 0 3px 0; color: red;}
.content .debtDetails .ui-datatable thead {font-size: 10px !important;}
.content .debtPaymentnoLoginButton .form-box {margin-right:0;margin-bottom:50px;padding:0;background:none;margin-top:-20px;}
.content .debtDetails .ui-datatable thead th {font-size: 14px; line-height:14px;}
.content .debtDetails .ui-datatable tbody td {font-size: 14px; line-height:14px;}
.content .debtDetails .meshTables {clear: both;}
.content .debtDetails .box {border:1px solid #dfdfdf; padding: 5px 0 0 5px; margin-bottom:15px; margin-top: 2px}

.paymentData {padding:20px 0 0 0; clear: both; flex-direction: column;}
.paymentData .amountSize {display:block;padding:0 0 20px 0;}
.paymentData .amountSize:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.paymentData .amountSize .payment-amount {float:left;}
.paymentData .amountSize input {opacity:1;float:left;width:126px;margin:0 10px 0 0px; padding:10px;text-align:right;font-size:15px;line-height:15px;border:1px solid #d3d3d3;background:#fff;}
.rabatt .amountSize input { margin-left: -47px !important; }
.paymentData .amountSize .currency-symbol {float:left;padding:8px 0 0 0;}
.paymentData .amountSize .buttons {float:left;padding:2px 0 0 0;}
.paymentData .amountSize .ui-datatable {width:auto !important;}
.paymentData .amountSize .ui-commandlink {clear:both;float:right;font-size:13px;padding-right:4px;width:auto !important;}
.paymentData .ui-widget-content, .payStep1 .ui-widget-content {border: 0 !important; z-index: 9999 !important; }

.paymentAccordion .ui-state-default {background:#e6e6e6;border: 1px solid #c4c4c4;}
.paymentAccordion .ui-corner-top, .ui-corner-bottom {background:#c4c4c4;border: 1px solid #f3f3f3 !important;}
.paymentAccordion .ui-widget-content {background:#fafafa; }
.paymentAccordion .ui-icon { display: block;  left: 95% !important;}

.detail-contact-box { margin-right: 5px; }
.detail-contact-box .ui-datatable {margin:0 350px 0 0;}
.detail-contact-box .debtPaymentnoLoginContactBox {right:0;top:0;float:none;display:block;}
.detail-contact-box .debtPaymentnoLoginContactBox2 {margin:10px 0 10px 0;float:none;display:block;}

.ui-corner-top, .ui-corner-bottom {background:#fff;}
.login_box_round_corner .ui-corner-top {border-bottom:none !important;}
.ui-dialog .ui-dialog-titlebar {padding:22px 12px 12px 26px !important;}
.ui-dialog .ui-dialog-content {padding:0 12px 12px 26px !important;}
.ui-dialog .ui-dialog-title {color:#58585a;font-size:24px;line-height:29px;font-weight:normal;white-space:normal;}
.headerInterestRate span.ui-dialog-title { font-size: 1.3em; margin-left: 6%; text-align: center; }
.ui-dialog .buttons {overflow:hidden;}
.ui-dialog .buttons .ui-button {float:left;margin:0 20px 0 0;padding:14px 10px 12px 10px;color:#fff;font-size:17px !important;background:#9c301a;text-shadow:0 0 0 #fff;}
.ui-dialog .buttons .ui-button span {padding:0;}
.ui-dialog .buttons input {float:left;margin:0 20px 0 0;padding:14px 10px 12px 10px;color:#fff;font-size:17px;background:#9c301a;}
.ui-dialog .buttons.small-buttons .ui-button,
.ui-dialog .buttons.small-buttons input {padding:6px 4px 4px 4px;font-size:14px !important;font-weight:normal !important;}
.ui-dialog .login_box_links {padding:15px 0 0 0;}
.ui-dialog .login_box_links a {display:inline-block;margin:0 0 5px 0;color:#9c301a;}
.linkButtons {float:left;padding:14px 10px 12px 10px;color:#fff;font-size:17px !important;background:#9c301a;text-shadow:0 0 0 #fff;border:0;min-width: 120px;}
.buttonBarzahlen { padding: 11px 4px 10px 4px !important; }

.ui-tabs.ui-tabs-top > .ui-tabs-nav {padding:0 !important;}
.ui-tabs .ui-tabs-nav li {margin:0 10px 0 0 !important;}
.ui-tabs .ui-tabs-nav li a {min-width:170px;padding:7px 25px 7px 25px !important;background:#d5d5d6;border:none !important;border-top:8px solid #fff !important;border-radius:0 !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {padding-top:15px !important;border-top:none !important;background:#f3f3f3;}
.ui-tabs .ui-tabs-nav li img {display:block;margin:0 auto;}
.ui-tabs-panels {border:none;background:#f3f3f3;}
.ui-tabs .ui-tabs-panel {padding:20px 0 !important;}
.ui-tabs-panel td {vertical-align:top;}
.ui-tabs-panel iframe {display:block;width:100%;height:615px;background:#f3f3f3;}
.ui-tabs tbody tr {background:transparent;}

.ui-datepicker {border:1px solid #d5d5d6;}
.ui-datepicker-calendar th {background:#fff;}
.ui-datepicker .ui-datepicker-header {background:#fff;}

.dialogPayments .ui-helper-clearfix:after { clear: none; }

.ui-panel {padding:0 !important;}
.ui-panel .ui-panel-content {padding:0 !important;}
.ui-datatable-tablewrapper {margin:0 0 30px 0;}
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {border:none !important;border-right:4px solid #fff !important;border-bottom:4px solid #fff !important;}
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable thead th {vertical-align:top;padding:12px 14px 11px 14px !important; word-wrap:break-word;}
.ui-datatable tbody td {color:#808081 !important;background:#f3f3f3 !important;}
.ui-datatable thead th,
.ui-datatable tfoot td,
.ui-datatable tfoot th {color:#58585a !important;background:#d5d5d6 !important;}
.ui-datatable .ui-button {margin:0;min-width:16px;min-height:16px;}
.ui-datatable .ui-button:hover,
.ui-datatable .ui-button.ui-state-hover {background:none !important;}
.ui-datatable .ui-button:hover {background:none;}
.ui-datatable .ui-button .ui-button-text {display:none;}

.ui-dialog .login_error {padding:0 0 10px 0;}
.ui-dialog .login_error label, .login_error {display:block;color:#9c301a !important;}
.ui-dialog .form-box .form-row:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.ui-dialog .form-box .form-block:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.ui-dialog .form-box .form-block .currency-symbol {padding:0 0 0 10px;}
.errorLoginPage { margin-bottom: 1em; }
.errorLoginPage label { border:1px solid #9c301a; margin-bottom: 1em; background: transparent url("/resources/img/eos-images/error.png") no-repeat scroll 16px 13px / auto 15px;  }

.ratesDialog:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.ratesDialog .ratesBoxes {position:relative;padding:17px 0 20px 0;margin:0 0 7px 0;border-top:1px solid #a6a6a5;}
.ratesDialog .ratesBoxes:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.ratesDialog .ratesBoxes:nth-of-type(1) {border:none;}
.ratesDialog .ratesBoxes label {display:block;}
.ratesDialog .ratesBoxes .buttons {position:absolute;right:0;top:0;}
.ratesDialog .ratesBoxes .buttons .ui-button {min-width:1px;padding-left:20px !important;padding-right:20px !important;margin-right:0;}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize {padding:0;}
.content .ui-dialog .form-box {margin:0;background:#fff;}
.ui-dialog .ui-tabs {padding:0;}
.ui-dialog .ui-tabs-panels {padding:0 10px;}
.content .ui-dialog .form-box .form-block label {width:auto !important;padding:5px 10px !important;text-align:left;}

.is-mobile-device .ui-dialog {top:40px !important;}

.serviceNotAvailable {width: 65%; min-height: 230px;}
.serviceNotAvailable img {margin:0 auto; width:4%; margin:1em 1em 1em 0; float:left;}
.serviceNotAvailable a {margin-top: 1em;}
.salutationDropDownBox { padding:0px; }

/* Sidebar */
.help-top {padding:0 0 30px 0;}
.help-top:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.help-top h2 {float:left;}
.help-top .help-search {float:right;}
.help-top .help-search form {position:relative;float:left;margin:0 10px 0 0;}
.help-top .help-search form .input {display:block;width:205px;padding:10px;font-size:15px;line-height:15px;border:1px solid #d3d3d3;}
.help-top .help-search form .submit {position:absolute;right:5px;top:3px;display:block;border:none;}
.help-top .help-search a {float:left;padding:10px 0 0 0;font-size:13px;}
.main-content:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.main-content h3 {font-size:18px;line-height:24px;}
.main-content .sidebar {float:left;width:300px;margin:0 36px 0 0;}
.main-content .sidebar .side-nav li a {display:block;padding:10px 0;}
.main-content .sidebar .side-nav li:first-child a {padding-top:0;}
.main-content .content-area {float:left;width:654px;}
.main-content .content-area p {padding:0 0 30px 0;}
.main-content .content-area img {display:block;max-width:100%;height:auto;margin:0 0 30px 0;}

/* Admin */
.ui-datatable .ui-column-filter {clear:both;width:75% !important;margin:10px 0 0 0 !important;}
/*.ui-state-default.ui-button {padding:5px !important;background:#9c301a;}*/
#directoryTree {margin-top:20px;float:left;width:280px;}
.editButtons {float:left; margin-top: -14px; }
.editButtons form { float: left; }
.fileUploadButton span.ui-button { padding: 8px 5px 5px !important; }
.fileUploadButtonIE .ui-fileupload-simple input[type=file] { position: absolute !important; width: 124px !important;}
.ui-fileupload-simple input[type="file"] { width: 124px !important; }
.contentTable {float:left;width:75%;}
.ui-paginator.ui-paginator-bottom {padding-top:8px;padding-bottom:8px;}
.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {margin-top:-30px;background:#d5d5d6;}
.ui-paginator .ui-paginator-current {color:#58585a;background-color:transparent;}
.ui-paginator .ui-paginator-rpp-options {color:#58585a;background-color:#fff;min-width:50px;}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {color:#58585a;background-color:transparent;border:1px solid #fff;opacity:1;}
.ui-paginator .ui-state-active {color:#58585a !important;font-weight:bold;}
.meta .ui-state-hover .ui-icon, .meta .ui-state-focus .ui-icon { background-image: none !important; }
.meta .ui-icon, .meta .ui-widget-content .ui-icon { position: inherit;}
.contentAdmin_block_left { 	float: left; width: 30%; }
.contentAdmin_block_left .ui-selectonemenu { margin: -5px 0 0 7px; position: absolute; }
.contentAdmin_block_right { float: left; width: 70%; }
.contentAdmin_block_right form.contentTable { width: 100%; }
.contentAdmin_block_right form.contentTable table thead tr th:last-child, .contentAdmin_block_right form.contentTable table tbody tr td:last-child {
	width: 20px;
}
.contentAdmin_block_right h2 { font-size: 18px; margin: 0.5em 0; }
.ui-growl-image { background: none; width: 0; }
.ui-growl-item { padding: 10px !important; color: #b94a48 !important; text-shadow:0 0 0 0 !important; }
.ui-growl-message { float: left; }
.adminDeleteDialog { padding:1em 0 0 1.5em; }
.adminDeleteDialog .ui-dialog-titlebar-icon  { top:0 !important; }
.adminDeleteDialog .ui-confirm-dialog-severity { margin-top: 3px; }
.maxSizeAdminTable { max-height:12em; font-size:14px !important; float:left; color:#808081; width:100%;overflow: hidden;text-overflow:ellipsis; }

.mobileSelectMenu { padding:8px;min-width: 92px !important; }

.ui-tree { width: 290px; }
.ui-tree .ui-tree-container { white-space: normal !important; }
.ui-tree .ui-treenode-label { display: inline !important; }
.ui-state-highlight { color: red; background-color: #FFF; }
.ui-state-highlight .ui-icon {
	background-image: url("#{resource['jquery-ui:images/ui-icons_888888_256x240.png']}");
}

/* Wartungsseite Hinweis */
#infoMaintenancePage { display:none; background-color:#EA0029; padding:10px; width: 100%; position: fixed; top: 0; left:0; z-index: 999; }
#infoMaintenancePage span.text { color:white; display: flex; justify-content: center; }
#infoMaintenancePage #infoMaintenancePageCloser { background-image: url("/resources/img/startPage2017/Close_Icon_rot.svg"); height: 30px; width: 30px; }
#infoMaintenancePage .closeIcon { display: flex; justify-content: flex-end; cursor:pointer; width: 97%; margin-top: -25px; }

/* Paypal */
.paypalButton { float: right; }
.paypalButton button { min-width: 12.6em; margin:10px 0 10px 0; background-repeat: no-repeat !important; }
.paypalButton button:hover { background-image: url("/resources/img/payment/Button_paypal.png") !important; background-repeat: no-repeat !important; width: 99%; height: 34px; background-color: white !important; }
.paypalButton .ui-icon { left: 7% !important; }
.paypalButtonImage { background-image: url("/resources/img/payment/Button_paypal.png") !important; width: 100%; height: 34px; }

/* Kreditkarte */
form#creditcardForm input[type='submit'] { float: right; }

.contentAdmin_block_left .ui-widget.ui-widget-content { border: none; }

.adminInputCreateFolder { width: 97%; }
.interestRate { width: 600px !important; }
#et-opt-out { width: 95% !important; }
input[type='text'].startTimeWidget, input[type='text'].endTimeWidget {width: 50px; float: left; }
.positionTimeBox { margin-left: 102px;}

.ui-blockui-content{position: fixed; left:50% !important;}

#editContentDialog span.ui-icon-closethick { margin-left: -3em; }

#contactForm .contactLabel {
    width: 30%;
    display: flex;
    align-items: center;
}
#contactForm .ui-outputlabel-rfi {
	color: red;
}
#contactForm .contactValue {
    width: 70%;
}

#contactForm select { width: 50% !important; line-height: 20px; padding: 10px; }
#contactForm .form-row label { margin-top:12px !important; }
#contactForm .ui-selectonemenu label { margin-top: 0 !important;}

form.tabOverview { width: 70%; float: left; }
form.tabOverview table td {float: left; margin-top: 1em;}
form.tabOverview ul.ui-wizard-step-titles { border: none;}
form.tabOverview ul.ui-wizard-step-titles li { color: gray; margin-left: 12%; border: none;}
form.tabOverview ul.ui-wizard-step-titles li.ui-state-highlight { color: #9C301A !important;}

/* Chat */
div.chat {width: 214px; clear: both; background-color: #f3f3f3; padding: 18px 18px 10px; }
div.chatContact { clear: none; margin: -110px 109px 0 0; }
.chat_box_step1 {margin-top: 1em;}
.chat_box_step2 {float: right;margin:0;}
.chat i.fa-comments {float:left; margin-right: 10px; font-size: 30px;line-height: 20px;}
.chat h3 {float: left; padding-bottom: 10px;}
.chat p {clear: both;padding-bottom: 5px;}
.chat a {color:#9c301a;font-size: 13px;}
form.form70 { width: 96%; float: left; padding: 16px !important; margin: 0 !important;}

.sidebar_paymantStep1 { float: right; margin-left: -18px; }
.chatZahlungsvorschlag { position: absolute; margin-left: 630px; margin-top: -13px; }
.paymentAccordion h3.ui-state-disabled { opacity: 1.0 !important; background-color: rgba(230,230,230,0.4) !important;}
.errorMaxPayment {width:85%; margin-left:3em; padding-top:7px; position:absolute; color:#9c301a;}

.ui-state-disabled span.ui-icon { display: none !important; }

.ui-state-default .ui-icon {
	/* background-image: url("../jquery-ui/images/ui-icons_777777_256x240.png"); */
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:1px solid #58585a;
}

/* Startpage 4 Boxes */
.boxes-4 { display: flex; }
.boxes-4 a { color: rgb(234,0,41); justify-content:end; display: flex; align-items: center; margin-top: auto; }
.boxes-4 .boxes-4-1 { width: 217px; display:flex; justify-content:center; flex-direction:column; margin-right:13px; background-color:#E1DDDE;
	padding:10px; color:#31171F; text-align: center;
}
.boxes-4 .boxes-4-1 p { padding: 0; }
.boxes-4 .boxes-4-1 a i { font-size: 2em; }

.boxes-4 .boxes-4-1 .headline { display: grid; }
.boxes-4 .boxes-4-1 i { font-size: 3em; }
.boxes-4 .boxes-4-1 .headline b { margin-left: 11px; width: 190px; }
/* Conditional Comments bis IE 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .boxes-4 .boxes-4-1 .headline b { margin-left: 0px; }
}
.boxes-4 .noPadding { margin-right: 0; }
.boxes-4 .boxes-4-1 .headline img { margin: 0 10px 0 0; float: none; }
/*
.boxes-4 { display: flex; justify-content: center; display: -ms-flexbox; -ms-flex-pack: center; }
.boxes-4 .boxes-4-1 { flex: 0px 1 1; -ms-flex: 0px 1 1; padding:10px; border-right:1px solid #cfcfd0; border-bottom:1px solid #cfcfd0; color:#696669; min-height: 150px; }
.boxes-4 .boxes-4-1 p { padding: 0; }
.boxes-4 a { margin-right:10px; flex: 1; -ms-flex: 1; }
.boxes-4 a:last-of-type { margin-right: 0; }

.boxes-4 .boxes-4-1 .headline { display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: start; height: 55px; line-height: 16px; }
.boxes-4 .boxes-4-1 .headline img { margin: 0 10px 0 0; float: none; }
*/

.ui-widget-overlay { background-color: #ccc; background: #ccc; }

/*** New StartPage 2017 ***/
.main.bg_index { height: 470px; }
.box_images_index { background: white; }
div.index_images2 { padding: 10px 105px 10px; background: white; margin-top: 2em; display: block; margin-bottom: 2em; }
div.index_images2 div.indexBlock1, div.index_images2 div.indexBlock2, div.index_images2 div.indexBlock3 { text-align:center; width:300px; padding:1em; margin-right:3.3333%; background:#E1DDDE; color: #31171F; display: flex; justify-content: center; flex-direction: column; }
div.index_images2 div.indexBlock1 p, div.index_images2 div.indexBlock2 p, div.index_images2 div.indexBlock3 p { padding-bottom: 0; }
div.index_images2 div.indexBlock3 { margin-right: 0; }
div.index_images2 div.indexBlock1 a, div.index_images2 div.indexBlock2 a, div.index_images2 div.indexBlock3 a {justify-content:end; display:flex; align-items:center; margin-top:auto; color: rgb(234,0,41); }
div.index_images2 .index_site_teaser { margin-top: 2.5em; float: left; box-sizing: border-box; }
#teaserbottom.index_site_teaser div { padding: 0.3em; }
#teaserbottom p { margin: 1em; }
div.index_images2 .index_site_teaser p {font-size: 12px; background-color: #EDEDED; padding: 0em 1.5em 0 1em; }
div.index_images2 .index_site_teaser b { color:#EA0029; font-weight: bold; }
div.index_images2 i { font-size:3em; }
div.index_images2 .textRotHinweis { color: #9c301a; }
.box_images_index .foot_index { padding: 0.5em 0em 0em 0; width: 82.5%; margin: 0 auto; height: 50px;}
.foot_index a:FIRST-CHILD { padding-left: 0; }
.foot_index a {color:#696669;text-decoration: none;}
.foot_index a:hover {color:#9c301a;}
.highOfLineValidationKey { height: 40px; }

.mobileViewTextRetBox { margin-left: 13px; }
.boxDebtSearch { width: 447px; height: auto; margin-top: 3em; }
.boxDebtSearch.rot { background-color: #EA0029; color: white; }
.boxDebtSearch.rot .boxDebtSearchContent h1 { color:white; hyphens: initial; min-height: 60px; }
.boxDebtSearch.rot .boxDebtSearchContent h2 { color:white;}
.info-layer { color:#58585a !important; margin: 0 0 0 15px; padding-bottom: 0;}
.boxDebtSearch.rot .boxDebtSearchContent .startPageOverlayPreText { font-size: 15px; }
.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { width: 710px; }
.startpageOverlayPanelInfo {width: 425px !important;}
.startpageOverlayPanelInfo .overlayStartPageInfo { hyphens: manual; padding:0 0.5em; }
.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content h3 { width:89%; color:#696669; font-size: 1.1em; margin:-7px 10px 0 28px; font-weight: normal; line-height: normal; }
.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content p img { width: 100%; height: 100%; }
.boxDebtSearch.weiss { background-color: white; color:#696669; }
.boxDebtSearch .weiss, .boxDebtSearch.weiss input { border:1px solid #d5d5d6 !important; height: 34px !important; }
.boxDebtSearch.weiss .boxDebtSearchContent .loginDebtorBoxHinweiss { border:1px solid #d5d5d6 !important; margin-top: 1em; }
.boxDebtSearch.weiss .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages-error { margin: 0 !important; }
.boxDebtSearch .boxDebtSearchContent { min-height:185px; height:190px; padding:0.3em 1.2em 0.3em 1.4em; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBox { display: block; margin-bottom: 0.8em; margin-top: 0.8em; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss { margin-top:-8px !important; display: none; background: white; padding:0 0.5em; color:#9c301a; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.landingRedBox h1 { font-size: 24px !important; }
.landingImageBox { padding-top:2em !important; margin-top:0 !important; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-widget { margin: 0 0px 0px 30px; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss i { float: left; margin: 8px 0 0 0; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss p { margin-bottom: 0; padding: 0; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages ul { margin: 0; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages ul .ui-messages-error-summary { font-weight: normal; font-size: 90%; }
.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages .ui-messages-error ul li  { line-height: 15px; }
.boxDebtSearch .boxDebtSearchContent h2.text, .boxDebtSearch .boxDebtSearchContent span.text { width:80%; display:block; font-size: 13px; font-family:Arial; padding-bottom:0; line-height: 18px; margin-bottom: 0em; hyphens: none; }
.boxDebtSearch .boxDebtSearchContent input { border-radius:20px; height:36px; color:#696669; border:none; width:61%; font-size: 15px; padding-left:15px; }
.boxDebtSearchContent .buttonBoxDebtSearch { background:white; color:#696669; border:none; width:7em; font-size: 16px;
font-family:sans-serif; outline:none; float:left; padding:0.7em !important; margin:0; text-align: center; margin-top: 1em; }
.boxDebtSearchContent .buttonBoxDebtSearchReg { background:white; color:#696669; border:none; width:10em; font-size: 16px;
font-family:sans-serif; outline:none; float:left; padding:0.7em !important; margin:0; text-align: center; margin-top: 1em; margin-left: 1em; }

.boxDebtSearchContent .buttonBoxDebtSearchReg span.fa-angle-right { margin: -4px 0 0 20px !important; color: #696669  !important; }

.boxDebtSearch .boxDebtSearchContent input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
}
.boxDebtSearch .boxDebtSearchContent input::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
}
.boxDebtSearch .boxDebtSearchContent input:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
}
.boxDebtSearch .boxDebtSearchContent input:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
}

.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer { width: 27%; margin-right:0.5em; float: left; }
.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer:-moz-placeholder { /* Firefox 18- */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey { width: 34%; float: left; }
.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey:-moz-placeholder { /* Firefox 18- */
  font-size: 12px;
}
.boxDebtSearch .boxDebtSearchContent .buttonSmalRedBox { margin-top: -8px !important; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"], .andiButton { font-family:sans-serif; padding-left:0; outline:none; min-width:6em; padding-top:3px !important; font-weight:bold; height:44px; float:right; margin:0; color:white; border:none; width:31%; background-color: #31171F; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"].ui-state-disabled { opacity: 1; background-color: #DCDFE2; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"].ui-state-disabled:hover { background: #31171F !important; color:#7e5954 !important; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"] .aktiv { background-color: #31171F; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"] span.ui-icon { display: block !important; font-size: 34px; height: auto; margin: -19px 80px 0; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"] span.ui-button-text { margin: 0 0 0 -22px; font-size: 15px; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"] .ui-button-text-icon-left { padding: 0; }
.boxDebtSearch .boxDebtSearchContent span.fa-angle-right { margin: 6px 0 0 110px; position:absolute; font-size: 28px; color:#7e5954; }
.boxDebtSearch.weiss .boxDebtSearchContent input[type="submit"] { background:#9c301a; color: #FFF; }
.boxDebtSearch.weiss .boxDebtSearchContent input[type="submit"]:hover { background: #9c301a; color: white !important; }
.boxDebtSearch.weiss .boxDebtSearchContent input[type="submit"].ui-state-disabled { background: #D9ABA0; color: white; }
.boxDebtSearch.weiss .boxDebtSearchContent input[type="submit"].ui-state-disabled:hover { background: #D9ABA0 !important; color: white; }
.boxDebtSearch .boxDebtSearchContent input[type="submit"] i { margin-left: 0.5em;}
.boxDebtSearch .boxDebtSearchContent h1 { padding-bottom: 0.2em; padding-top:0.4em; font-size:24px; line-height:35px; font-weight:bold; width: 96%; min-height: 60px; }
.boxDebtSearch .boxDebtSearchContent p { font-size: 80%; line-height: 1.5em; margin-bottom: 1em; }
.boxDebtSearch .boxDebtSearchContentFooter { background-color: rgb(255,255,255); padding-left:0em; bottom:75px; width: 447px; }
.boxDebtSearch .boxDebtSearchContentFooter img { width: 100%; }
.boxDebtSearch .boxDebtSearchContent .ui-messages-error, .boxDebtSearch .boxDebtSearchContent .ui-message-error { padding:2px 2px 2px 2px; background: white; border:0; }
.boxDebtSearch .boxDebtSearchContent span.ui-icon-closethick { border-radius:0; margin:10px 0 0 -40px; height:30px; position:absolute; width:30px; background:#fff url("/resources/img/startPage2017/Close_Icon.svg") no-repeat scroll 0 0; }
.ui-icon-closethick { z-index:999; border-radius:0; margin:9px 0 0 -39px; height:30px; position:absolute; width:30px; background:#fff url("/resources/img/2022/EOS_cancel V2_sRGB.svg") no-repeat scroll 0 0 !important; }
.andi2 .ui-dialog .ui-dialog-titlebar-close { margin: 0; }
.boxDebtSearch .boxDebtSearchContent .boxDebtSearchContentInfoIcon { float: right; }

.logo_footer { width: 20%; }
.logo_footer img { width: 60%; height: 26px }
.foot .linksFooter { padding-top: 5px; display: flex; width: 450px; }
.foot .linksFooter p { display: flex; }
.foot .linksFooter a { color: white; }

.mobileDebtHintInfo { float:left; margin-left: 93px; margin-top: -21px; }
.mobileDebtHintInfo .icon-questions-V2, .boxDebtSearchContent .icon-questions-V2:before { color: white !important; }

.paymentComplet { float:left; margin:2em 0 1.5em 2.5em; height: 30px; width: 100%; }
.paymentComplet img { width: 93%; }

.logo_block_front { z-index: 9999; width: 500px; }

/* DebtSerach Box RO */
.paymentBoxDebtNumberSearch { margin-top: 10px; }
.loginDebtorBoxRo { margin-bottom: 14px !important; }
.paymentBoxDebtNumberSearch span { vertical-align: middle; font-size: 80%; }
.paymentBoxDebtNumberSearch img { vertical-align: middle; padding: 3px; background: white; border-radius: 3px; }
.boxDebtSearchContentFooterRo { margin-left: 0.5em; padding: 0px 0 4px; }
.boxDebtSearchContentFooterRo h4 { padding-top: 7px; margin-bottom: 0; }
.boxDebtSearchContentFooterRo a { font-weight: bold; font-size: 12px; }

.loginDesktop { display: block; }
.loginMobileSmartphone { display: none; }

.boxDebtSearch .boxHeightWhenSticky { height: 220px; }
.boxDebtSearch .boxHeightWhenSticky h1 { font-size: 24px; }

/*************
Video
*************/
.content video.video { width: 100%; }

/*************
Dialog PaymentStep1 Forderungsaufstellung
*************/
.block_debtPaymentList { display: flex; flex-direction: column; }
.block_debtPaymentList p { margin-top: 10px; font-style: italic;}
.block_debtPaymentList div { background: #f0f0f0; margin-bottom:2px; padding: 5px; display: flex; justify-content: space-between; }
.block_debtPaymentList div.finalAmount { background: #ccc; }
.block_debtPaymentList div.finalAmount span { font-weight: bold; }
.block_debtPaymentList div.finalAmount  span.summe { margin-left: -21px; }
.block_debtPaymentList .flex_1 { flex: 2 1 30%; }
.block_debtPaymentList .flex_2 { flex: 1 1 10%; }
.block_debtPaymentList .flex_3 { flex: 1 1 0%; text-align: right; }

/*************
DebtBox Zahlungsvorschlag
*************/
.stickyZahlungsvorschlag .boxDebtSearch { margin-top: 1em; width: 89%; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent { min-height: auto; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent input {width: 30%; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent input[type="submit"] { float: none; margin: 1px 0 0 1em; width: 20%; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent span.fa-angle-right { margin: 8px 0 0 -27px !important; float: inline-start; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent span.angelIconMobile { float: left; }
.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContentFooter { width: auto; background: #FFF; border-left:1px solid #9c301a; border-right:1px solid #9c301a;border-bottom:1px solid #9c301a; padding-left: 21px; }
.stickyZahlungsvorschlag .buttonLandingpage { width: 40% !important; float: left !important; margin-left: 0 !important; }
.boxDebtSearchContent h4 { color: white; font-weight: bold; }
.stickyZahlungsvorschlag .submitButtonAn2 { }

/**************
PaymentStep1 Rabatt
**************/
.rabatt .payStep1 { width: 70%; }
.rabatt .rabattImageBg { height:97px; padding-top:0.5em; background: url("/resources/img/startPage2017/paymentStep1Rabatt.png") no-repeat;  margin: 1em 0; }
.rabatt .rabattImageBg label { color:white; padding: 0.4em 0 0 1.5em !important; font-size: 13px;}
.rabatt .rabattBox { width:57.5%; padding-bottom:10px; margin-left:0px !important; margin-bottom:1em; border-bottom: 1px solid #d3d3d3; float:left; }
.rabatt .rabattBox .div { width: 100%; }
.rabatt .rabattBox .rabattBoxLabel {float:left !important; width:50% !important;}
.rabatt .rabattBox .rabattBoxValue {float:left !important; width:35% !important; text-align:right;}
.rabatt .rabattTextRed { color: #9c301a !important; }

.payStep1RestSchuld { width:100%; padding-bottom:10px; margin-left:0px !important; border-bottom: 1px solid #d3d3d3; float:left; }
.payStep1RestSchuld a.payments { margin-left: 1.5em; float: left; }
.payStep1RestSchuld .rabattBoxLabel {float:left !important; width:30% !important; padding-bottom: 5px; font-weight: bold;}
.payStep1RestSchuld .rabattBoxValue {float:left !important; width:18.6% !important; text-align:right; font-weight: bold;}

.payStep1RestSchuldDialog {  }
.payStep1RestSchuldDialog .box { height:145px; background: #f0f0f0; padding:1em; margin-right: 0.5em; margin-top: 1em; }
.payStep1RestSchuldDialog .box input { padding:10px; border:1px solid #d3d3d3; line-height: 15px; float: left; width:25%; margin-right: 10px; }
.payStep1RestSchuldDialog .box button { margin-top: 2em; float:right; margin-right:1.8em; padding: 6px 4px 4px 4px; font-size: 14px; min-width: 124px; font-weight: bold; background: #9c301a; }
.payStep1RestSchuldDialog .smallInput { width: 50px; }


.onlinePaymentList { width: 100%; border-bottom: 1px solid #d3d3d3; margin-top:5px; padding-top:1em; display: inline-block; padding-bottom: 1em; }
.onlinePaymentList .lable { float: left; width: 35% !important;  font-size: 80%; }
.onlinePaymentList .ui-datatable-tablewrapper { overflow: inherit !important; margin: -21px 0 0 0; }
.onlinePaymentList table { width: 38%; float: left; text-align: right; }
.onlinePaymentList table thead { display: none; }
.onlinePaymentList table tbody td { background: white !important; padding: 0 !important; font-size: 80%; }
.onlinePaymentList .debtHintInfoPayment { margin:21px 0 0 80px; position:absolute; }
.onlinePaymentList .onlinePaymentHistTableField1 { width: 20px; }
.onlinePaymentList .onlinePaymentHistTableField2 { width:24px; text-align:left; padding-left:10px !important; }
/**************
Payment Success Site
**************/
form#paymentSuccess { background: white; }

/****
Dialog Payments History
****/
.paymentHistoryLink {margin-left:-5em !important;}
.dialogPayments .ui-icon-closethick { margin: -32px 0 0 -10px !important; }
.paymentStep1Balance { padding-left:10px; }
.mobileDebtHintInfoPaySte1 i { margin-left: 10px; font-size: 1.25em; }
.overlayStartPageInfoIpad p { padding-right: 40px; }

/****
Cookieguideline
****/
.cookieBar { min-height:40px; position: fixed; z-index:999; left: 0; right: 0; bottom: 0; padding:7px 49px 7px 14px; background-color: #696669; color:white;}
div.cookieBar {
  background: #2F7C85;
}

.cookieBar p {
  padding: 0px 0px 0px 0px;
  font-size:13px;
  text-align:center;
  margin-top:10px;
}

.cookieBar span {
  position: absolute;
  top: 7px;
  right: 20px;
  border:1px solid #666 !important;
  background:transparent;
  font-size:1em;
  min-width: 2em;
  font-size: 1.3em; color: #58585a;
  text-align: center;
  padding:5px;

}

.cookieBar a { color: white; text-decoration: underline; }
div.cookieBar .buttonCookieBar { margin-right:14%; margin-left:10px; cursor: pointer; border-radius:20px; background-color: #EA0029; float: right; text-decoration:none; border: 0; color: white; padding:10px 40px; margin-top: -10px; }

/***
BDIU Logo
***/
.bdiuBlockFooter { display: flex; justify-content: end; width: 100%; }
.bdiuLogoDesktop { float: right; }
.bdiuLogoDesktop img { max-height: 60px; }
.bdiuLogoMobile { display:none; }

/***
Google Bewertung Success Page
***/
.googleBox {
	padding:20px 10px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-top:1px solid #d3d3d3;
	margin-top: 10px;
	text-align: center;
}
.googleBox p {
	font-weight: bold;
}
.googleBox img {
	width: 25%;
	margin: 0 auto;
}
.googleBox button {
	margin-top:10px;
	background: #EA0029;
	color: white;
	border-radius: 20px;
	height: 48px;
	font-size: 17.55px;
	text-align: center;
	border: 0;
	padding: 0 30px;
	margin-top:20px;
	border-top:1px solid #d3d3d3;
	text-align: center;
	cursor: pointer;
}

/***
importantNote
***/
.importantNote { display: inline-block; margin: 0 1em; }

/* Remove controls from Firefox */
.boxDebtSearch .boxDebtSearchContent input[type=number] {
  -moz-appearance: textfield;
}
/* Remove controls from Safari and Chrome */
.boxDebtSearch .boxDebtSearchContent input[type=number]::-webkit-inner-spin-button,
.boxDebtSearch .boxDebtSearchContent input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.boxDebtSearch .boxDebtSearchContent .errorStartPage .ui-message-error-icon { margin: 0.5em; }
.boxDebtSearch .boxDebtSearchContent .errorStartPage .ui-message-error-detail { float:left; line-height:19px; margin-left: 55px; color: #696669 !important; font-size: 90%; }
.boxDebtSearch .boxDebtSearchContent .errorStartPage
{
position: absolute;
width: 220px;
margin-top:9px;
margin-left:0;
padding: 0.5em;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 15px;
background:#fff url("/resources/img/2022/icon_warning.png") no-repeat scroll 4% 5px;
background-size: 3em;
}

.boxDebtSearch .boxDebtSearchContent .errorStartPage:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 7px 7px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -5px;
left: 23px;
}

.boxDebtSearch .boxDebtSearchContent .errorStartPage:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 7px 7px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 0;
top: -7px;
left: 23px;
}


.boxDebtSearch .boxDebtSearchContent .errorStartPage span.ui-message-error-icon { display: none; }
.boxDebtSearch .boxDebtSearchContent .ui-outputpanel {cursor:pointer; display: inline-block; font-size: 1.1em; }
h1 div.ui-outputpanel { font-size: 0.5em !important; position: absolute; margin-top: -9px; margin-left: -5px; }

/****
Landingpage
****/
.landingBoxDebtNumber { float: left; width: 60%;}
.landingBoxDebtNumber p.landingpage { font-size:22px; line-height: 30px; font-weight: bold; }
.landingBoxDebt { float: left; width: 39%;}
.landingBoxDebt p.landingpage { font-size:22px; line-height: 30px; font-weight: bold; }
.buttonLandingpage { width: 100% !important; /*color: #696669 !important;*/ margin-top:-8px !important; }
.landingAngelIcon { margin: 59px 0px 0 -30px !important; color: #696669 !important; }
.landingAngelIconNew { margin: 0px 0px 0 -30px !important; color: #696669 !important; }
.redBoxIconFlexBlox { display: flex; width: 100%; }
.boxDebtSearch .boxDebtSearchContent p.landingpage { margin-bottom: 0; }
.landingPageChatBox { clear: none !important; background-color: white !important; }
.aboutUsForDistanceMobile {display: none;}
.main.bg_index {height:470px;padding-bottom:2em;background:#fff url("/resources/img/2022/eos-stage-1200px.svg") no-repeat scroll 50% 95px;}
.ui-overlaypanel-content .overlayStartPageInfo p { font-size: 1em; padding-left: 0em; padding-right: 3em; padding-top: 0em; margin: 1em 0; }

.blockUI .pe-blockui-content { width:auto; color:#9c301a;}
.blockUI .pe-blockui-content p:messages { color:#9c301a;}
.blockUI .pe-blockui-content i img { float:left; margin: 0.6em 0.6em 0 0; }

/****
Icons PaymentStep2
****/
.paymentAccordion .ui-icon { width: 20px; height: 20px; position: absolute !important;  }

/****
Download-Page
****/
.downloadsAntrag { width: 98%; }
.downloadsAntrag p.bloecke a { color: #4D4D4C; }
.downloadsAntrag p.bloecke { background: #E4E4E4; margin-bottom:10px; padding: 5px 10px; width: 100%; color: #4D4D4C; }
.downloadsAntrag p.bloecke:before { content: url("/resources/img/download/download_icon.png"); margin-right: 10px; vertical-align: sub; }
.downloadsAntrag p.bloecke:after { content: url("/resources/img/download/pdf_icon.jpg"); float: right; }
.downloadsAntrag p.bloecke span { float:right; margin-left: 5px; line-height: 27px; }

.downloadsAntragAcrobat { border:2px solid #DBDBDB; margin-top: 3em; padding: 20px; width: 49%; }
.downloadsAntragAcrobat .icon { background-image: url("/resources/img/download/pdf_icon_gross.jpg"); width: 60px; height: 60px; margin-right: 2em; float: left; }

/****
Umfrage
****/
.umfrage .block {margin:2em 10em; hyphens: manual; background: rgba(47, 124, 133, 0.3)/*#2F7C85*/; padding: 1em; text-align:center;}
.umfrage .block button {overflow: visible; min-width: 156px; min-height: 48px; padding: 9px 36px; border: 2px solid rgb(234, 0, 41); border-radius: 3em; color: rgb(234, 0, 41); background-color: inherit; font-size: 18px; line-height: 22px;}
.umfrage .block .content_block {display: inline-flex; flex-flow: row; gap: 10px; text-align: initial;}
.umfrage .block .content_block .text_wrapper {padding-bottom: 10px;}
.umfrage .block .content_block .survey_btn_wrapper {text-align: center;}

/****
Sticky Chat
****/
.stickyChatPayBox { position: fixed; bottom: 0em; right: 5em; display: inline-flex; }
.stickyChat { min-width: 365px; height: 85px; text-align: center; background-color: #e63728; }
.stickyChatHelpDialogue { animation-timing-function: linear; bottom:10px !important; right:20px !important; flex-direction: column; justify-content: start; z-index: 1; border-radius:30px; position: fixed; bottom: 0; right: 5em; display:none; background-color: #EA0029; color: white; text-align: center; }
.stickyChatHelpDialogue .headline_small { font-size: 1.4em; max-width: 250px; display: block; padding: 18px 0 0 0; font-weight: bold; }
.stickyChatHelpDialogue p { margin: 15px auto 15px auto; width: 70%; font-size: 1.2em;}
.help_dialogue_header { display: flex; justify-content: center; cursor: pointer; padding:0 30px; flex-direction: column; }
.help_dialogue_header i.icon-exchange-V1 { font-size:35px; }
.help_dialogue_header i.icon-exchange-V1:before { color: white !important; }
.stickyChatHelpDialogue .headline_small { padding-top:0 !important; font-size:1em !important; font-weight:bold !important; }
/*.stickyChatHelpDialogue:hover { width: 250px; height:40px; background-color: blue; transform: translateX(-200px); }*/

.close_button { position: absolute; right: 0; top: 0; cursor: pointer;}
.help_dialogue_buttons { font-size: 16px; display: flex; justify-content: space-around;}
.stickyChatHelpDialogue .fa { font-size: 3em; margin-right: 10px;}
.stickyPayment { background-color: #EA0029; text-align:center; border-radius: 30px; padding: 3px 30px; position: fixed; right: 125px; bottom: 10px; }
.stickyPayment i.icon-fintech-euro { font-size: 35px; }
.stickyPayment i.icon-fintech-euro:before { color: white !important;}
.stickyChat a, .stickyPayment a { color: white; display: block; }
.stickyChat a .fa {
	font-size: 3em;
	float: left;
	padding: 8px 0 10px 35px;
}
.stickyPayment a .fa { font-size: 2em; }
.stickyChat .headline_small {
	font-size: 1.4em;
	display: block;
	float: left;
	padding: 25px 0 0 15px;
	font-weight: bold;
}
.stickyPayment .headline_small { font-size: 1em;font-weight: bold;line-height: 0px; display: block; padding:5px 0 8px 0; }

/****
Startpage neue Garfik
****/
.startPageImageFlow { margin: 0em auto; color:rgb(49,23,31); margin-bottom:2em; width: 81%; display: flex; padding: 2em 0 0em 1em;  }
.startPageImageFlowText { width: 49%; float: left; margin-right: 0em; }
.startPageImageFlowText h3 { font-size: 1.5em; color:rgb(49,23,31); line-height: 24px; width: 98%; font-weight: bold; }
.startPageImageFlowBoxes { display: inline-flex; width: 50%; float: left; margin-left: 20px; }
.startPageImageFlowBoxes .box1, .startPageImageFlowBoxes .box2, .startPageImageFlowBoxes .box3 { width: 35%; display: flex; justify-content: center; flex-direction: column; margin-bottom: auto; }
.startPageImageFlowBoxes .box1 i, .startPageImageFlowBoxes .box2 i, .startPageImageFlowBoxes .box3 i { font-size: 4em; text-align: center; }
.startPageImageFlowBoxes .box3 { width: 27%; }
.startPageImageFlowBoxes p { text-align: center; font-size: 100%; line-height: 14px; }
.startPageImageFlowBoxes img { text-align: center; margin-left: 17%; }
.startPageImageFlowBoxes .arrow { margin: 13px 22px 0 0; }
.startPageImageFlowBoxes .arrow img { width: 100%; }
.startPageImageFlowBoxes i.icon-arrow-right { font-size:3em; margin-top: 7px; }
.startPageImageFlowBoxes .box1 .iconNumber, .startPageImageFlowBoxes .box2 .iconNumber, .startPageImageFlowBoxes .box3 .iconNumber { border-radius: 10px; background: #2F7C85; width: 20px; text-align: center; color: white; position: absolute; margin: -81px 0 0 41px; }
.startPageImageFlowBoxes .box3 .iconNumber { margin: -97px 0 0 26px !important; }

/*****
Menu neu
*****/
.header_box { display: flex; justify-content: flex-end; margin-top:-32px;}
.card { margin-left:20px; }
.card button .pi-bars { margin-left: -14px !important; margin-top: -13px !important; }
button.menu_new { min-width: 0em; font-size: 25px !important; color:#31171f !important; margin: 0; padding:0; display: flex; font-weight: normal !important; width: 90px; }
.menu_new span.ui-button-text { padding: 5px 0 0 10px !important; font-weight:bold; font-size: 14px !important; font-family: "Arial", Helvetica, sans-serif !important; }
.icon-menu:before { color: #31171f; }
button.menu_new span.ui-button-text { color: #31171f !important; }
button.menu_new:hover { background: #DCDFE2 !important; color: #31171F; height: 35px; }
.icon-menu:active { color:#ea0029 !important;}

.ui-icon { width: 30px; height: 25px; position: inherit !important; color: #EA0029; }

.dropDownMenu { background: #DCDFE2; color: #31171F; box-shadow: 0 0 !important; width: 270px; }
.dropDownMenu .ui-icon { font-size: 20px; }
.dropDownMenu ul li { border-bottom: 1px solid white !important; }
.dropDownMenu ul li.ui-submenu-child { border-bottom: 0 !important; }
.dropDownMenu ul li a { border:0 !important; margin: 5px; }
.dropDownMenu ul li:hover { background: #CACFD3; border:0; width: 100%; box-shadow: 0 0 0 0; color: #333333; }
.dropDownMenu .ui-state-hover { background: transparent !important; box-shadow: 0 0 0 0 !important;  }
.menuDesktopDisable { display: none !important; }
.dropDownMenu ul li:nth-last-child(1), .dropDownMenu ul li:nth-last-child(2), .dropDownMenu ul li:nth-last-child(3),
.dropDownMenu ul li:nth-last-child(4) { border-bottom: 0 !important; }
.ui-menu .ui-menuitem-link { display: flex; padding:0 20px; line-height: 50px; }
.dropDownMenu .disableFirstIcon { display: none;}
.dropDownMenu .ui-widget-header { background: none;box-shadow: 0 0 0 0 !important; }
.dropDownMenu .icon-communication-V1:before, .dropDownMenu .icon-exchange-V1:before, .dropDownMenu .icon-digital-processes-V3:before,
.dropDownMenu .icon-download:before, .dropDownMenu .icon-rate-agreement:before, .dropDownMenu .icon-info:before, .dropDownMenu .icon-questions-V2:before, .dropDownMenu .icon-household:before { font-size:32px; margin-right: 10px; color:#ea0029; }
.dropDownMenu ul li .navigationHeader { display: none; }

/****
Payment Success Page Payment Details
****/
.Step3paymentDetails { width: 100%; margin-bottom:1em; border-top:1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin-top: 1em; padding: 1em 0; }
.Step3paymentDetails .headline { font-weight: bold; margin-bottom: 1em; display: block; }
.Step3paymentDetails .boxLine { display: inline-block; width: 100%; line-height: 1.7em; }
.Step3paymentDetails .boxLine label { width: 25%; }
.Step3paymentDetailsPrint a { margin-left: 5px; }
.noViewOnPrintPaymentSuccess { display: block; }
.yesViewOnPrintPaymentSuccess { display: none; }

/**********
Google Pay
*********/
.googlePayDiv { height: 250px !important; }
.googlePaySelect { float:left; margin-top:4px; }
.googlePayText { clear:none !important; margin-left:25px !important; }
.paymentAccordion .googlePayDiv .ui-icon { display:block; left: 0% !important }
.googlePayDiv label { margin-top: 10px !important; }
.googlePayButtonDisable { margin: 8px 8px 0px 0px; float:right; }

/***
Session Table on privacy site
***/
.sessionTabelPrivacy { border-spacing: 0; }
.sessionTabelPrivacy td { padding:5px 4px;border-style:solid;border-width:1px; }

.menu-container {display:none;position:absolute;top:35px;left:0;z-index:150;width:15vw;background:#DCDFE2;-webkit-box-shadow:0 8px 10px -2px #333;box-shadow:0 8px 10px -2px #333;}
	.menu-container.is-open {display:block;}
	.menu-container form {float:none;display:block;padding-top:0;}


	.trigger-menu, .icon-menu,
	.close-menu,
	.meta ul.mobile-menu {display:block;}
	.meta ul.desktop-menu {display:none;}


.trigger-menu, .icon-menu {cursor:pointer;width:2vw;height:1.6vw;}
	.close-menu {cursor:pointer;position:absolute;right:0.5vw;top:0.5vw;z-index:200;width:12px;height:14px;background:transparent url("/resources/img/eos-images/mobile-close.png") no-repeat 50% 50%;background-size:0.75vw auto;}
	.meta ul.mobile-menu li {display:block;}
	.meta ul.mobile-menu li a {width:93%;display:inline-block;padding:10px;font-weight:normal;font-size:14px;border-bottom:1px solid white;}
	.languageSelector i { margin: 0px 4px 0 0; font-size: 24px; }
	.languageDesktop { display: block; padding:0px 12px 6px 16px; border:1px solid #eae8e9; height: 16px; margin-top: 0px; }
	.languageDesktop .languageSelector span { display: flex; font-weight: bold; text-transform: uppercase; }
	.languageDesktop .languageSelector span.icon-arrow-down { font-size:22px; }
	.languageDesktop .languageSelector span.icon-arrow-down:before { color: #31171F; }
	.languageSelector span.ui-icon { width: 16px !important; height: 20px !important; }
	.meta form ul {float:none;}
	.meta form ul li {float:none;}
	.meta form .ui-menu .ui-menuitem {float:none;font-size:5vw;}
	.meta form .ui-menubar .ui-menuitem-link {float:none;display:block;padding:4.5vw 0 3.75vw 0 !important;line-height:7vw !important;border:none !important;border-bottom:0.5vw solid #cdcdcd !important;}
	.meta form .ui-menubar .ui-menuitem-link.ui-state-hover {-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;color:#9c301a !important;}
	.meta form .ui-menubar .ui-separator {display:none !important;}
	.meta form .ui-menubar .ui-icon {display:none !important;}
	.ui-menu .ui-menuitem-text {float:none !important;font-size:14px;font-weight: bold;font-family: Arial,Helvetica,sans-serif;color:#31171f;}
	.meta form .ui-menu .ui-menu-parent .ui-menu-child {top:auto !important;height:auto !important;overflow:hidden !important;padding:0 !important;background:none !important;width:auto !important;left:auto !important;position:static !important;-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;}
	.meta form .ui-menu .ui-menu-parent .ui-menu-child .ui-menuitem .ui-menuitem-link {padding-left:3.75vw !important;}
	.meta form .languageSelector {float:none;margin:0;}
	.meta form .languageSelector span {display:none;}

	.languageFlagBox {width:146px;margin:5px 0 0 -16px;border-bottom:1px solid white; left:auto !important;top:auto !important;visibility:visible !important;-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;}
	.languageFlagBox .ui-overlaypanel-content {min-width:1px;padding:0;background:white;}
	.languageFlagBox.ui-overlay-hidden * {visibility:visible !important;}
	.languageFlagBox .ui-overlaypanel-content div {width:auto;}
	.languageFlagBox .ui-overlaypanel-content div a:first-child {display:none;}
	.main.bg_index .meta .languageFlagBox .ui-overlaypanel-content a {color:#31171F;width: 60px;font-size:14px;border-bottom:0;}
    .main.bg_index .box_search_deptor_index .messages {padding:2vw 0;margin:0 0 3vw 0;background:rgba(255,255,255, 0.65);}

@media (min-width:1200px) and (max-width:1700px) {
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { width: 710px; }
}
@media only screen and (max-device-width:1370px) and (orientation : landscape) {
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { width: 55%; }
}

@media (min-width:768px) and (max-width:1199px) {
	.state-indicator { z-index: 2; }
	body {width:768px;overflow-x:hidden;}

	.logged-in .main.bg_index {height:790px;background-position:50% 195px;}
	.head {padding-left:20px;padding-right:20px;margin-bottom: 10px !important;}
	.main.bg_index .head {padding-bottom:20px;}
	.content {width:728px;}
	.index_site_teaser {width:100%;padding-top:20px;}
	.additional_text_block {padding-left:20px;padding-right:20px;}
	.box_images_index .index_images {padding-left:20px;padding-right:20px;}
	.box_images_index .foot_index {padding-left:20px;padding-right:20px;}
	.box_images_index .box_info2,
	.box_images_index .box_info,
	.box_images_index .box_info3 {width:230px;height:156px;margin-left:19px;}
	.box_images_index .box_info2 {margin-left:0;}
	.box_images_index .text {font-size:16px;padding:10px 0 8px 0;}
	.main.bg_index .box_search_deptor_index .messages {padding:4px;margin:0 0 10px 0;width:50%;background:rgba(255,255,255, 0.65);}

	.telephone { display: none; }
	.telephoneMobile { display: block !important;clear:both;float:right;margin:17px 0 0 0;padding:0 0 1px 23px;font-weight:bold;color:#9c301a !important;background:transparent url("/resources/img/eos-images/telephone.png") no-repeat 0 1px; }
	.telephoneMobile a {color:#9c301a !important;margin: -10px 0 0 -10px;}
	#teaserHeader {width:auto;}

	.contact_help_block_top {width:450px;}
	.contact_details_block {width:227px;}
	.content .registerForm,
	#helpForm,
	.content .form-box {margin:20px 278px 55px 0;}
	.content .form-row textarea.ui-inputfield,
	.content .registerForm textarea.ui-inputfield,
	#helpForm textarea.ui-inputfield,
	.content .form-box textarea.ui-inputfield {width:388px !important;}
	form .form-set .form-row {margin-right:30px;}
	.ui-message-error-detail { float: left; width: 65% !important; }

	.debtPaymentnoLoginContactBox {width:204px;padding-left:13px;padding-right:13px;}
	.debtPaymentnoLoginText {margin-right:248px;}
	.debtPaymentnoLoginTable {margin-right:248px;}
	.debtPaymentnoLoginButton {margin-right:0px;}
	.detail-contact-box .ui-datatable {margin-right:248px;}
	.buttons .ui-button {min-width:100px;}

	.foot { padding-left: 10px; }

	/* Sidebar */
	.main-content .sidebar {width:210px;}
	.main-content .content-area {width:482px;}

	.contactSiteDebtNumberLink { float: none; }
	.contactSiteCompanyInfo {margin:0; max-width: 100%;}
	.form-row input.timepicki-input {width: 33px !important;}
	.track-progress[data-steps="3"] li {	width: 32%;}
	.chat_box_step1 {margin-top: -10em;float: right;}
	.chat_box_step1 div.chat {width: 194px; }
	.chat_box_step2 div.chat {width: 130px; }
	.chat_box_step2 {float: right;margin:0;}

	.stickyZahlungsvorschlag .chat_box_step1 { margin-top: -1em !important; }

	/* New Start Page 2017 */
	.main.bg_index { padding-bottom: 0; background: #fff url("/resources/img/2022/eos-stage-1200px.svg") scroll 53% 95px; background-size: cover; }
	div.index_images2 { padding: 10px 35px 36px 40px; margin-top: 0.5em; }
	.boxes-4 .boxes-4-1 { width: 317px; }
	div.index_images2 div.indexBlock1, div.index_images2 div.indexBlock2, div.index_images2 div.indexBlock3 { min-height: 141px; font-size:80%; padding:0.5em; width: 220px; }
 	.boxDebtSearch { margin-top: 1.5em; float: left; margin-left: 0em; min-height: 218px; }
 	.boxDebtSearch .boxDebtSearchContent { padding: 0.5em 0.5em 0 0.5em; min-height: 165px; height: 165px; }
 	.boxDebtSearch .boxDebtSearchContent h1 { padding-bottom: 0.2em; font-size: 16px; width: 95%; }
 	.boxDebtSearch .boxDebtSearchContent p { margin-top: 0em; padding-bottom: 0; }
 	.loginDebtorBoxHinweiss .ui-messages-error ul li { line-height: 15px; }
 	.loginDebtorBoxHinweiss .ui-messages-error ul li span { font-size: 80%; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss { margin-bottom: 1.45em; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { position: absolute; width: 92%; height: auto !important; top:2em !important; left:2em !important; margin: 0; padding: 0; }
	.boxDebtSearch .boxDebtSearchContent span.fa-angle-right { margin: 6px 0em 0 125px;  }
	.boxDebtSearch .boxHeightWhenSticky { height: 225px !important;}
	.boxDebtSearch .boxDebtSearchContent .buttonSmalRedBox { margin-top: 10px !important; }
	.boxDebtSearchContent h1 div.ui-outputpanel { font-size: 1em !important; }

	/****
	Brutforce
	****/
	.blockMsg {left: 36% !important; width: auto !important; }
	.blockUI .pe-blockui-content { width: 90%; color:#9c301a;}
	.blockUI .pe-blockui-content i img { float:left; margin: 0.6em 0.6em 0 0; }

	/****
	Landingpage
	****/
	.landingBoxDebtNumber { float: left; width: 60%;}
	.landingBoxDebt { float: left; width: 40%;}
	.buttonLandingpage { width: 100% !important; margin-top: 1em !important; }
	.landingAngelIconNew { margin: 15px 0px 0 -30px !important; }
	.main.bg_indexLanding {height:460px;background:#fff url("/resources/img/eos-images/lp-stage-768px.jpg") no-repeat 50% 100px;}

	/****
	DebtSearchBoxRO
	****/
	.boxDebtSearchContentFooterRo { margin-left: -0.3em; }

	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContentFooter {padding-left: 8px;}
	.chatZahlungsvorschlag { margin-left: 419px; }

	/********
	StickyBox alle Seiten
	********/
	.stickyChatPayBox { right: 2em; bottom: 2em; }
	.rabatt .ui-grid-row { display: inline; }


	/**************
	PaymentStep1 Rabatt
	**************/
	.rabatt .rabattImageBg label { padding: 0em 0 0 1em !important; line-height: 18px;}
	.rabatt .rabattBox { width:100%; }
	.rabatt .rabattBox div { width: 100%; display: inline-block; }
	.rabatt .rabattBox .rabattBoxLabel {width:70% !important;}
	.rabatt .rabattBox .rabattBoxValue {width:29% !important;}

	/******
	PaymentHistrory
	******/
	.paymentHistoryLink {margin-left:-3em !important;}

	/***
	BDIU Logo
	***/
	.bdiuLogoDesktop {
		display: none;
	}
	.bdiuLogoMobile {
		display:contents;
	}
	.bdiuLogoMobile p img {
		float: right;
		margin-top: -36px;
	}

	/***
	CookieBar
	****/
	.cookieBar { padding: 7px 10px 7px 14px; }
	.cookieBar p { width: 100%; margin-top: 0px; }
	div.cookieBar .buttonCookieBar { margin-top: 0; }

	/***
	New Image StartPage
	***/
	.startPageImageFlow { width: 86%; }
	.startPageImageFlowBoxes img { margin-left: 0; }

	/***
	RestClaim PaymentStep1
	***/
	.payStep1RestSchuld .rabattBoxLabel { width: 46% !important; }
	.mobileDebtHintInfoPaySte1 i { margin-left: 10px; }
	.mobileDebtHintInfo { margin-left: 90px; }

	/****
	Landingpage
	****/
	.landingRedBox { height: 205px !important; }

	/***
	Online Payments paymentStep1
	***/
	.onlinePaymentList .lable { width: 47% !important; }
	.onlinePaymentList table { width: 18% !important; float: left; margin-left: 38px; }
	.payStep1 { width: 71%; }
	.onlinePaymentList .onlinePaymentHistTableField1 { width: 45px; }
	.onlinePaymentList .onlinePaymentHistTableField2 { width: 130px; }

	/***
	Payment Logos Startpage
	***/
	.paymentComplet { margin:2em 0 1.5em 1em; display: block; }

}



@media (min-width:768px) and (max-width:1199px) and (orientation : landscape) {
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { width: 69%; }
	/****
	Brutforce
	****/
	.blockMsg {left: 39% !important; width: auto !important; }

}

@media (min-width:506px) and (max-width:1365px) {
	div.cookieBar .buttonCookieBar { margin-right: 0; }
}

@media (max-width:767px) {
	.login-button-div { float: none; margin: 0;}
	.login-button-mobile { border-radius: 0; border-style: none;}
	.state-indicator { z-index: 3; }
	html {width:100% !important; }
	body {width:100% !important;font-size:5.5vw;line-height:7vw;}
	table, th, td, table th, table td, textarea {font-size:5.5vw !important;line-height:7vw !important;}
	p {padding:0 0 3vw 0;}
	.mobile-only {display:block;}
	.idleMonitor {display:none !important;}
	.main.bg_index {width:100%;height:auto;background-size:100vw auto;}
	.head {padding:3.125vw 3.125vw 3.75vw 3.125vw;border-width:0.5vw;}
	.main.bg_index .head {padding-bottom:3.75vw;margin-bottom:43vw;}
	.main.bg_indexLanding .head {padding-bottom:3.75vw;margin-bottom:43vw;}
	.logo,
	.logo_index {margin:0;padding:8.4vw 0px 0px 26.5vw;height:7.9vw;font-size:3.8vw;background-size:28.75vw auto;}
	.meta {position:static;float:right;width:12vw;height:9vw;padding:0;margin-top: 18px;}
	.meta form a,
	.main.bg_index .meta form a {display:block;margin:0 3.125vw;padding:4.5vw 0 3.75vw 0 !important;font-weight:normal;font-size:5vw;color:#31171F;border-bottom:0.5vw solid #cdcdcd;}
	.meta a {padding:0;}
	.telephone {float:none;margin:0;margin:0 3.125vw;padding:4.5vw 0 3.75vw 5.5vw;font-size:5vw;font-weight:normal;border-bottom:0.5vw solid #cdcdcd;background-position:0 5.5vw;background-size:4vw auto;}
	.telephone span {display:block;}
	.telephone { display: none; }
	.interest {display: none;}
	.telephoneMobile { display: block !important;float:none;margin:0;margin:0 3.125vw;padding:4.5vw 0 3.75vw 7.5vw;font-size:5vw;font-weight:normal;border-bottom:0.5vw solid #cdcdcd;background-position:0 5.7vw !important;background-size:4vw auto !important;background:transparent url("/resources/img/eos-images/telephone.png") no-repeat 0 1px; }
	.telephoneMobile span {display:block;}
	.telephoneMobile a {color:#9c301a !important;margin: -10px 0 0 -10px;}

	.menu-container {display:none;position:absolute;left:0;top:0;z-index:150;width:100vw;background:#DCDFE2;-webkit-box-shadow:0 8px 10px -2px #333;box-shadow:0 8px 10px -2px #333;}
	.menu-container.is-open {display:block;}
	.menu-container form {float:none;display:block;padding-top:10vw;}
	.trigger-menu, .icon-menu,
	.close-menu,
	.meta ul.mobile-menu {display:block;}
	.meta ul.desktop-menu {display:none;}
	.trigger-menu, .icon-menu {cursor:pointer;width:12vw;height:9vw;}
	.close-menu {cursor:pointer;position:absolute;right:3vw;top:2.5vw;z-index:200;width:9vw;height:9vw;background:transparent url("/resources/img/eos-images/mobile-close.png") no-repeat 50% 50%;background-size:3.75vw auto;}
	.meta ul.mobile-menu li {display:block;font-size:5vw;}
	.meta ul.mobile-menu li a {display:block;margin:0 3.125vw;padding:4.5vw 0 3.75vw 0;font-weight:normal;font-size:5vw;color:#31171F !important;border-top:0.5vw solid #cdcdcd;}
	.meta ul.mobile-menu li:first-child a {border:none;}
	.languageSelector .ui-overlaypanel {display: block !important;}
	.meta form ul {float:none;}
	.meta form ul li {float:none;}
	.meta form .ui-menu .ui-menuitem {float:none;font-size:5vw;}
	.meta form .ui-menubar .ui-menuitem-link {float:none;display:block;padding:4.5vw 0 3.75vw 0 !important;line-height:7vw !important;border:none !important;border-bottom:0.5vw solid #cdcdcd !important;}
	.meta form .ui-menubar .ui-menuitem-link.ui-state-hover {-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;color:#9c301a !important;}
	.meta form .ui-menubar .ui-separator {display:none !important;}
	.meta form .ui-menubar .ui-icon {display:none !important;}
	.ui-menu .ui-menuitem-text {float:none !important;}
	.meta form .ui-menu .ui-menu-parent .ui-menu-child {top:auto !important;height:auto !important;overflow:hidden !important;padding:0 !important;background:none !important;width:auto !important;left:auto !important;position:static !important;-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;}
	.meta form .ui-menu .ui-menu-parent .ui-menu-child .ui-menuitem .ui-menuitem-link {padding-left:3.75vw !important;}
	.meta form .languageSelector {float:none;margin:0;}
	.meta form .languageSelector span {display:none;}
	.languageFlagBox .ui-overlaypanel-content div:hover a {color:#9c301a; background: #DCDFE2;}
	.meta form ul.mobile-menu li:first-child a {border-bottom:0.5vw solid #cdcdcd;}
	.languageFlagBox {position:static !important;left:auto !important;top:auto !important;visibility:visible !important;-webkit-box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;box-shadow:0 0 0 0 rgba(255,255,255, 0) !important;}
	.languageFlagBox .ui-overlaypanel-content {min-width:1px;padding:0;background:#DCDFE2;}
	.languageFlagBox.ui-overlay-hidden * {visibility:visible !important;}
	.languageFlagBox .ui-overlaypanel-content div {width:auto;}
	.languageFlagBox .ui-overlaypanel-content div a:first-child {display:none;}
	.main.bg_index .meta .languageFlagBox .ui-overlaypanel-content a {color:#31171F;}
	.main.bg_index .meta .languageFlagBox .ui-overlaypanel-content a:hover { background: #DCDFE2; width: 100%; padding-left: 12px !important; margin-left: 0; }
	.main.bg_index .box_search_deptor_index .messages {padding:2vw 0;margin:0 0 3vw 0;background:rgba(255,255,255, 0.65);}

	.content {width:93.75vw;}
	.content_left {float: none;}
	.content_right {float: none;}
	.index_site_teaser {width:auto;}
	.index_site_teaser p {font-size:4.620vw;line-height:5.5vw;text-shadow:0 0 0 #fff !important;}
	.index_site_teaser h3 {padding:0 0 5vw 0;font-size:6.875vw;line-height:7.5vw;}
	.index_site_teaser h2 {text-shadow:0 0 0 #fff !important;}
	.main.bg_index .box_search_deptor_index .ui-inputfield {width:85.75vw !important;margin:0 0 2vw 0;padding:4vw 3.5vw;font-size:5.5vw;border:0.5vw solid #d5d5d6;}
	.main.bg_index .box_search_deptor_index .ui-inputfield.input-small {width:45.75vw !important;margin:0 4vw 0 0;}
	.main.bg_index .box_search_deptor_index input[type="submit"] {display:block;width:36vw;padding:3.5vw 0;font-size:5.5vw;}
	.main.bg_index .box_search_deptor_index a {font-size:4.5vw;}
	.main.bg_index .box_search_deptor_index .messages li {font-size:4.5vw;line-height:6vw;}
	.main.bg_index .box_search_deptor_index div {padding:0;}

	.additional_text_block {padding-left:3.125vw;padding-right:3.125vw;}

	.box_images_index .index_images {padding:0vw 3.125vw 11vw 3.125vw;}
	.box_images_index .box_info2,
	.box_images_index .box_info,
	.box_images_index .box_info3 {float:none;display:block;width:93.75vw;height:63.48vw;margin:0 0 3.125vw 0;background-size:93.75vw auto;}
	.box_images_index .box_info3 {margin-bottom:0;}
	.box_images_index .text {padding:3.75vw 0;font-size:5.5vw;}
	.box_images_index .foot_index {padding:3.75vw 3.125vw;font-size:4.5vw;border-top:0.5vw solid #cfcfd0;}
	.foot {margin:0 0 0 0;padding:2vw 0 2vw 0;border-width:0.5vw;}
	.foot a,
	.foot_index a {display:inline-block;margin:0;padding:2vw 3.125vw;font-size:4.5vw;}
	.foot_index {text-align:center;}

	.contact_help_block_top {width:auto;}
	.contact_details_block {display:none;} /* VORERST AUSGEBLENDET */
	.contact_details_block .selectInkassoFirma {margin:0;}
	.ui-selectmanycheckbox.ui-widget td,
	.ui-selectoneradio.ui-widget td {padding:0 0 4.5vw 0;}
	.ui-selectmanycheckbox label,
	.ui-selectoneradio label {margin:0 !important;padding:0 0 0 3.5vw;font-size:5vw;line-height:6.5vw;}
	table.ui-selectoneradio {margin:0 0 10vw 0;}
	table.ui-selectoneradio td {vertical-align:top;}
	.content .form-box table.ui-selectoneradio label {padding-top:1vw !important;}
	.ui-radiobutton {width:5vw !important;height:5vw !important;margin-top:0 !important;}
	.ui-radiobutton .ui-radiobutton-box {width:5vw !important;height:5vw !important;}
	.ui-radiobutton .ui-icon {margin:1.5vw 0 0 1.5vw;width:2vw;height:2vw;border-radius:0;}
	/*.ui-radiobutton .ui-state-active .ui-icon {background:#58585a;}
*/
	h1,
	h2 {padding:0 0 6vw 0;color:#58585a;font-size:7vw;line-height:8vw;margin-top: 10px;}
	.headline_small {padding:0 0 5.5vw 0;font-size:5.5vw;line-height:6.5vw;}

	.content .registerForm,
	#helpForm,
	.content .form-box {margin:3vw 0 12vw 0;padding:0;background:transparent;}
	.content .registerForm.xtra-form,
	#helpForm.xtra-form,
	.content .form-box.xtra-form {margin:3vw 0 2vw 0;}
	.content .registerForm.xtra-form table.ui-selectoneradio,
	#helpForm.xtra-form table.ui-selectoneradio,
	.content .form-box.xtra-form table.ui-selectoneradio {margin:0 0 10vw;}
	.form-row {margin:0 0 3vw 0;}
	form .error {font-size:4.5vw;}
	form .error_payment { position: relative; width: 100%; margin-top: 0; }
	form .formular-errors {margin:0 0 4vw 0;padding:2vw 2vw 1vw 2vw;border-width:0.5vw;}
	form .formular-errors li {padding:0 0 1vw 3.5vw;background-position:0 1.4vw;background-size:auto 4vw;}
	.form-row label,
	.content .registerForm label,
	#helpForm label,
	.content .form-box label {font-size:4.5vw;}
	.form-row .form-block label,
	.content .registerForm .form-block label,
	#helpForm .form-block label,
	.content .form-box .form-block label {padding-top:2vw !important;width:16.3vw;}
	#helpForm .contact_form_left label:nth-of-type(2),
	.content .form-box .contact_form_left label:nth-of-type(2) {width:17.15vw !important;padding:2vw 0 0 0;}
	.content .form-row .ui-inputfield,
	.content .registerForm .ui-inputfield,
	#helpForm .ui-inputfield,
	.content .form-box .ui-inputfield {width:86.75vw !important;padding:4vw 3vw;border-width:0.5vw;font-size:5.5vw;line-height:5.5vw;}
	.content .form-row textarea.ui-inputfield,
	.content .registerForm textarea.ui-inputfield,
	#helpForm textarea.ui-inputfield,
	.content .form-box textarea.ui-inputfield {width:87.15vw !important;height:50vw;}
	.contact_form_left {padding:0 0 3vw 0;}
	.buttons {padding:3vw 0;}
	.form-row .buttons input,
	#helpForm .buttons input,
	.content .form-box .buttons input {min-width:54vw;margin:0 0 3vw 0;padding:4vw 3vw 4vw 3vw;font-size:6vw;}
	.form-row .buttons.small-buttons input,
	#helpForm .buttons.small-buttons input,
	.content .form-box .buttons.small-buttons input {padding:4vw 3vw;font-size:4vw;}
	.buttons .ui-button {display:block;float:none;margin:0 0 3vw 0;min-width:220px;padding:4vw 3vw;font-size:5.5vw;}
	.buttons.small-buttons .ui-button {min-width:37%; padding:4vw 3vw !important;font-size:5.5vw !important;font-weight:normal !important;}
	.form-row .pe-timepicker input,
	#helpForm .pe-timepicker input,
	.content .form-box .pe-timepicker input {width:23.5vw !important;}
	.form-row input,
	.content form.registerForm input.ui-inputfield,
	.resetPassword input[type="text"],
	.resetPassword input[type="password"],
	.changePW input {width:86.75vw !important;padding:4vw 3vw;font-size:5.5vw;line-height:5.5vw;border-width:0.5vw;}
	form .form-set .form-row {float:none;margin-right:0;}
	.formContactSelectLenght { min-width: 308px !important; }

	.content .registerForm {margin-top:8vw;}
	.content .registerForm .ui-inputfield,
	.content .registerForm .captcha {margin:0 0 3vw 0 !important;}
	.content form.registerForm .buttons input {float:none;display:block;min-width:54vw;margin:2vw 0 1vw 0 !important;padding:4vw 3vw;font-size:6vw;}
	.captcha {margin:0 0 3vw 0;}
	.captcha img {width:50vw;height:auto;margin:0 3vw 0 0;}
	.captcha a img {width:4vw;margin-top:4.7vw;}

	.debtPaymentnoLoginContactBox {display:none;float:none;width:81.75vw;padding:5vw 6vw;}
	.debtPaymentnoLoginContactBox h4 {padding:0 0 3vw 0;font-size:4.5vw;line-height:5.5vw;}
	.debtPaymentnoLoginContactBox a {padding:0 0 1vw 0;font-size:5vw;}
	.debtPaymentnoLoginText {margin:0 0 5vw 0;font-size:5.5vw;line-height:6vw;}
	.debtPaymentnoLoginText .debtPaymentnoLoginQuestion {float:none;display:inline-block;margin:10vw 0 0 0;font-size:4vw;}
	.debtPaymentnoLoginTable {width:100%;margin:0 0 2vw 0;overflow:auto;}
	.debtPaymentnoLoginTable table {width:200%;margin:0;}
	.debtPaymentnoLoginTable table td {padding:3vw 2vw;font-size:3.5vw;line-height:4.5vw;border-right:1vw solid #fff;border-bottom:1vw solid #fff;}
	.debtPaymentnoLoginTable div {float:left;}
	.debtPaymentnoLoginTable div a {padding-right:0;font-size:4vw;}
	.debtPaymentnoLoginButton {margin:0;}
	.debtPaymentnoLoginButton p { line-height:7vw; }
	.detail-contact-box .ui-datatable {margin-right:0;}
	.detail-contact-box .debtPaymentnoLoginContactBox {position:static;right:auto;top:auto;margin:0 0 6vw 0;}

	.ui-datatable-tablewrapper {margin:0 0 6vw 0;width:100%;}
	.ui-datatable table {width:200% !important;}

	.paymentData {padding:0;}
	.paymentData h2 {padding-top:6vw;padding-bottom:4vw;}
	.paymentData .amountSize {padding:0 0 6vw 0;}
	.paymentData .amountSize input {width:79.75vw !important;padding:4vw 3vw;border-width:0.5vw;margin:0;font-size:5.5vw;line-height:5.5vw;}
	.paymentData .amountSize .currency-symbol {width:7vw;padding:3.2vw 0 0 0;text-align:right;}
	.paymentData .amountSize .buttons {clear:both;float:none;display:block;padding:3vw 0 0 0;}
	.paymentData .amountSize .buttons:after {content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
	.paymentData .amountSize .buttons .ui-button {margin:0 0 3vw 0;}
	.paymentData .amountSize .ui-datatable {width:auto !important;}
	.paymentData .amountSize .ui-commandlink {clear:both;float:right;font-size:13px;padding-right:4px;width:auto !important;}
	.paymentData .amountSize .payment-amount {float:none;}

	.ui-datatable thead th,
	.ui-datatable tbody td,
	.ui-datatable tfoot td,
	.ui-datatable tfoot th {border-right:1vw solid #fff;border-bottom:1vw solid #fff;}
	.ui-datatable tbody td,
	.ui-datatable tfoot td,
	.ui-datatable tfoot th {padding:3vw 2vw !important;font-size:3.5vw;line-height:4.5vw;}

	.ui-dialog,
	.is-mobile-device .ui-dialog {position:absolute;left:0 !important;right:0 !important;top:52% !important;bottom:0 !important;overflow:auto !important;width:98% !important;height:90% !important;}
	.ui-dialog .ui-dialog-content {padding:3.125vw !important;}
	.ui-dialog .form-box .form-row label {float:none !important;width:auto !important;padding-top:0 !important;}
	.ui-dialog .login_error {padding:0 0 3vw 0;}
	.ui-dialog .form-box .form-block {float:none;width:auto;}
	.ui-dialog .form-box .form-block input {width:86.75vw;padding:4vw 3vw;font-size:5.5vw;border-width:0.5vw;}
	.login_box_round_corner .ui-corner-top {margin:0 0 4vw 0;border-bottom:0.5vw solid #58585a !important;}
	.ui-dialog .buttons .ui-button {float:none;display:block;margin:2vw 0 1vw 0;padding:4vw 3vw 4vw 3vw;font-size:6vw !important;}
	.ui-dialog .buttons input {float:none;display:block;margin:2vw 0 1vw 0;padding:4vw 3vw 4vw 3vw;font-size:6vw;}
	.ui-dialog .buttons.small-buttons .ui-button,
	.ui-dialog .buttons.small-buttons input {padding:4vw 3vw;font-size:6vw !important;font-weight:bold !important;}
	.ui-dialog .ui-dialog-titlebar-close {padding:0 !important;width:9vw;height:9vw;}
	.ui-dialog .ui-icon-closethick {width:9vw;height:9vw;background:transparent url("/resources/img/eos-images/mobile-close.png") no-repeat 50% 50%;background-size:3.75vw auto;}
	.ui-dialog .form-box .form-block .currency-symbol {padding:0;}

	#payment {padding:10vw 0 0 0;}
	.ui-tabs .ui-tabs-nav li {position:relative;overflow:hidden;float:none !important;margin:0 0 3vw 0 !important;padding:0 0 1vw 7vw !important;}
	.ui-tabs .ui-tabs-nav li:before {content:" ";display:block;position:absolute;left:0;top:50%;margin:-2.65vw 0 0 0;width:5vw;height:5vw;text-align:center;font-size:20vw;line-height:7.7vw;color:#454545;border:0.3vw solid #aaa;}
	.ui-tabs .ui-tabs-nav li a {min-width:1px;padding:0 !important;border-top:none !important;background:transparent !important;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {padding-top:0 !important;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected:before {content:"\00b7";}
	.ui-tabs .ui-tabs-panel {padding:0 !important;}
	.ui-tabs-panel td {height:60vh;}
	.ui-tabs-panel iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.interestRate { width: 95vw !important; height:65vh !important;  margin: 2em auto !important; }

	/* Sidebar */
	.help-top {padding:0 0 6vw 0;}
	.help-top h2 {padding-top:2.65vw;}
	.help-top .help-search form {margin:0;}
	.help-top .help-search form .input {width:65vw;padding:4vw 3vw;border-width:0.5vw;font-size:5.5vw;line-height:5.5vw;}
	.help-top .help-search form .submit {right:1vw;top:1vw;}
	.help-top .help-search a {display:none;}
	.main-content h3 {padding:0 0 6vw 0;font-size:6.25vw;line-height:6.75vw;}
	.main-content .sidebar {float:none;width:auto;margin:0;}
	.main-content .sidebar .side-nav {padding:0 0 6vw 0;}
	.main-content .sidebar .side-nav li a {padding:2vw 0;}
	.main-content .sidebar .side-nav li:first-child a {padding-top:2vw;}
	.main-content .content-area {float:none;width:auto;}
	.main-content .content-area p {padding:0 0 4vw 0;}
	.main-content .content-area img {width:100%;margin:0 0 4vw 0;}
	.contactSiteDebtNumberLink { float: none; }
	.formContactSelectLenght { max-width: 100%; width: 100% !important; }
	.track-progress { display: none; }
	#teaserHeader {width:auto;}
	.ui-messages-error-icon ul li {line-height:5vw;}

	.payStep1 { width: 100%; }
	.payStep1 .form-row input { width: 230px; }
	.ui-message-error-detail { float: left; width: 65% !important; }

	.cookieBar p { line-height: 14px; text-align: left;}

	.boxes-4 .boxes-4-1 { min-height: 224px; }

}

@media (max-width:505px) {
	body { font-size:4.5vw !important;}
	.head { margin-bottom: 0; }
	h1 { margin-top: 10px;padding-bottom: 3vw; font-family: sans-serif; font-weight: bold; }
	h2 { margin-top: 5px; font-family: sans-serif; font-weight:bold; padding: 0 15px 10px 0 !important; }
	h3 { font-family: sans-serif; font-weight: bold; }
	.h2Mobile { padding-bottom: 0px; }
	p { padding-bottom: 0vw; }
	.meta { display: none; }
	.ui-selectonemenu { padding: 1px; }
	.logo_box { display: flex; flex-direction: column; }
	.boxDebtSearch .boxDebtSearchContent h2.text { padding-bottom: 0 !important;}
	.boxDebtSearch .boxDebtSearchContent .errorStartPage {
		background:#fff url("/resources/img/2022/icon_warning.png") no-repeat scroll 4% 2px;
		background-size: 2em;
	}
	.state-indicator { z-index: 4; }
	.ui-tooltip-content { width:75vw !important; }
	.formContactSelectLenght { width: 97% !important; min-width: 87% !important; }
	.form-row .form-block label, .content .registerForm .form-block label, #helpForm .form-block label, .content .form-box .form-block label { width: 93% !important; }
	#et-opt-out { width: 95% !important; }
	.time_pick {float:left;}
	.paymentPlan_info { width: auto;}
	.positionTimeBox { margin-left: 0px;}
	.content { margin-top: 10px; }
	.content p { padding-bottom: 12px; width: 97%; }
	.content .form-box .ui-inputfield { padding: 10px 10px 10px 7px !important; }
	.content p img { width: 100% !important; height: auto !important;}
	.form-row input.timepicki-input {width: 33px !important;}
	.debtPaymentnoLoginText .debtPaymentnoLoginQuestion {display: none;}
	.debtPaymentnoLoginText p strong { font-weight: normal; }
	div.chat {clear: both;float: none;width: 100%;margin: 0; }
	form.form70 { width: 100%;}
	.ui-tooltip { display: none !important;}
	.chat_box_step1 {bottom: 0; position: fixed; left: 0; width: 100%;z-index: 999;}
	.chat_box_step1 div.chat {width: 92%; }
	.chat_box_step1 div.chat p {display: none;}
	.chat_box_step2 { bottom: 0; position: fixed; left: 0; width: 100%; }
	.chat_box_step2 div.chat .headline_small  {padding: 0 0 2vw; display: none;}
	.chat_box_step1 div.chat .headline_small  {padding: 0 0 2vw; display: none;}
	.chat_box_step2 div.chat p {line-height: 30px; display:none;}
	.chat_box_step1 div.chat a {font-size: 100%;}
	.chat_box_step2 div.chat a {font-size: 100%;}
	.debtPaymentnoLoginButton {width: 100% !important; }
	form.form70 { padding: 0 !important; }
	.ui-accordion .ui-accordion-content { padding: 0 0 10px 0;}
	.ui-accordion-content p { margin: 10px 10px 0 10px; font-size: 14px; line-height: 1.5em; }
	.ui-accordion-content p img { width: 100%; }
	.payStep1 { width: 100% !important; }
	.ui-message-error-icon { display: none; }
	.errorMaxPayment { margin-left: 0; font-size: 70%; padding-top: 0; width: 65%; line-height: 1.1em; }
	.buttons.grey { padding: 0vw !important;height: 35px; }
	.buttons.grey .ui-button-text { font-size: 0.6em !important; padding: 3px !important; }
	.buttons.small-buttons .ui-button {padding:1vw 3vw 1vw 3vw !important; min-width: 49%;font-size: 4.5vw !important;}
	.ui-button-text-only .ui-button-text { padding: .2em 1em; }
	.ui-message-error-detail { float: none; width: 81% !important; font-size:4vw !important; font-weight: bold; }
	form .error_paymentEmail { position: inherit; }
	form .error_payment { position: none !important; float: left !important; }
	.debtPaymentnoLoginTable div { float: right;}
	.paymentData { margin-top: 0em; }
	.mobileSelectMenu { line-height: 0vw !important; padding: 0 !important;}
	.boxDebtSearchContent .buttonBoxDebtSearch { width: 90%; margin: 1.3em 0 1em 0; }
	.boxDebtSearchContent .buttonBoxDebtSearchReg { width: 90%; margin-left: 0; }
	.lableStep1 { line-height: 1em; font-weight: bold; }
	.content .form-row .ui-inputfield, .content .registerForm .ui-inputfield, #helpForm .ui-inputfield, .content .form-box .ui-inputfield { font-size: 4.5vw; box-sizing: border-box; }
	.mobileSelectMenu { width: 95%; }
	.ui-widget .ui-widget { font-size: 4.5vw; }
	.content .debtDetails .ui-datatable tbody td, .content .debtDetails .ui-datatable thead th, .debtPaymentnoLoginTable table td,
	table, th, td, table th, table td, textarea { font-size: 4.5vw !important;}

	/*New index Site*/
	html {width:100% !important; padding-bottom: 0; }
	body { line-height: 5vw; width: 100%; position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
	.content { line-height: 6vw; margin-bottom: 10px; }
	div.index_images2 { padding: 0 0 0 27px; margin-top: 1em; margin-bottom: 1em; }
	.landingImageBox { margin-top: 0 !important; padding-top: 0 !important; }
	div.index_images2 div.indexBlock1, div.index_images2 div.indexBlock2, div.index_images2 div.indexBlock3 { margin:0; font-size: 80%; text-align: left; padding-bottom: 0; }
	div.index_images2 div.indexBlock1 p, div.index_images2 div.indexBlock2 p, div.index_images2 div.indexBlock3 p { padding-bottom: 3px !important; margin-left: 65px; }
	div.index_images2 .index_site_teaser { margin-top: 10px; width: 87%;}
	div.index_images2 div.indexBlock1 .headline, div.index_images2 div.indexBlock2 .headline, div.index_images2 div.indexBlock3 .headline { margin-top: -35px; }
	.box_images_index .foot_index { border-top: 0; border-top-width:0; margin-top: 1em; width: 100%; background-color: #F3F3F3; float: left; }
	.foot_index a { float: left; padding: 0vw 4vw; color: #696669;}
	.foot_index a { color: #9c301a;}
	.foot_index a:first-child { padding-left: 4vw;}
	.main.bg_index {background-position-y:90.884px !important;background-size:668px !important; width:100%;height:auto;background:#fff url("/resources/img/2022/SPOT_Buehne_payment.svg") no-repeat 50% 20.3vw;background-size:100vw auto;padding-bottom: 0;}
	.box_images_index { width: 100%; }
	.boxDebtSearch { width: 100vw; margin-left:-12px; float: left; margin-top: 1em; min-height:auto; height: auto;}
	.boxDebtSearch .boxDebtSearchContent { padding: 0.5em 0.2em 0em 0.9em; height: 175px; min-height: 175px; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBox { margin-top: 0.2em; text-align: center;}
	.boxDebtSearch .boxDebtSearchContent h1 { margin:-9.5em 0 2.7em; width:60% !important; position:absolute; line-height:23px; font-size: 1em; color: #696669 !important; }
	.boxDebtSearch .boxDebtSearchContent h1 i.icon-info { font-size: 2.5em; }
	.boxDebtSearch .boxDebtSearchContent h2.text, .boxDebtSearch .boxDebtSearchContent span.text { font-size: 15px; width:93%; line-height: 26px; margin-top: 0; }
	.boxDebtSearch .boxDebtSearchContent input { width: 85%; padding-left: 20px; }
	.boxDebtSearch .boxDebtSearchContent input[type="submit"] { width: 40%; margin-top: 0.5em;  float: none; padding-left:0;}
	.boxDebtSearch .boxDebtSearchContent input[type="submit"] span.ui-icon { margin: -18px 284px 0; }
	.boxDebtSearch.weiss .boxDebtSearchContent input[type="submit"] { width: 94%; }
	.boxDebtSearch .boxDebtSearchContentFooter { text-align: center; padding-left:0; width: 100%; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss { width: 90%; font-size: 75%; margin-top: 1em; }
	.boxDebtSearchContentFooter img { width: 100%; }
	.boxDebtSearch .boxDebtSearchContent h1 div.ui-outputpanel { margin-left: 4px; }
	.boxDebtSearch .boxDebtSearchContent .errorStartPage { margin-top: -11em; width: 90%; border:2px solid; }
	.boxDebtSearch .boxDebtSearchContent .errorStartPage:before { border-width:0; }
	.boxDebtSearch .boxDebtSearchContent .errorStartPage:after { border-width:0; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages .ui-messages-error ul li { line-height: 19px;}
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages ul .ui-messages-error-summary { font-size: 100%; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { margin: 1em !important; z-index:9999 !important; width: 50% !important; position: absolute; width: 97vw !important; height: auto !important; top:0 !important; left:0 !important; margin: 0; padding: 0; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content h3 { margin: 0; width:75%; font-size: 80%; float: left; line-height: 1em; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content div { margin: 0 !important; padding: 0 0em 0 10px !important; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content img { width: 100% !important; height: auto !important; float: left; margin:1em 0 2em 0em;}
	.boxDebtSearch .boxDebtSearchContent span.fa-angle-right { margin: 58px 0 0 -40px; display: none; }
	.boxDebtSearch .boxDebtSearchContent .buttonSmalRedBox { margin-top: 8px !important; }
	.boxDebtSearch.rot .boxDebtSearchContent h2 { margin-left: 0; font-size: 13px; line-height: 24px; margin-top: 20px; }
	.debtPaymentnoLoginText { font-size: 4.5vw !important; }
	.contactSiteCompanyInfo { float: left; max-width:100% !important; line-height:5vw !important; margin: 0; font-size: 75%;}
	.boxDebtSearchContent .buttonBoxDebtSearchReg span.fa-angle-right { margin:1px 0 0 20px !important; }
	.boxDebtSearch .boxDebtSearchContent .boxDebtSearchContentInfoIcon { position: absolute; left: 1em; }
	.loginDesktop { display: none; }
	.landingAngelIconNew { margin: 15px 0px 0 -30px !important; }
	.loginMobileSmartphone { display: block; }
	.startpageOverlayPanelInfo { top: 2em !important; width: 92% !important; }
	button.barzahlen { float: right; }
	.emailFieldPaymentStep3 .ui-widget-content { width: 100% !important;}
	.ui-dialog, .is-mobile-device .ui-dialog { top: 5% !important;height: 75% !important; }
	.ui-dialog.umfrage {overflow: hidden !important; width: 83% !important; height: 80% !important;}
	.ui-dialog .ui-icon-closethick { margin-top: 0px !important; width: 30px !important; height: 30px !important; position: absolute; top: 0; right: 0; }
	.mobileDebtHintInfo {margin: 2px 0px 0 0;font-size:1.1em !important; position: absolute; }
	.mobileDebtHintInfoPaySte1 {float: right; margin-top: -50px;font-size:1.25em !important;margin-right: 14px;}
	.boxDebtSearch .fa-info-circle { font-size: 1.2em; }
	.boxDebtSearch .boxDebtSearchContent input.smallInputDebtnumer { width: 100px; }
	.boxDebtSearch .boxDebtSearchContent input.smallInputValidationKey { width: 57%; }
	form#paymentStep1 .small-buttons { margin-top: 0; }
	.display-flex { display: block; }
	.mobileViewTextRetBox { margin-left: 0px; display: block; }
	form .error_payment { margin-left: 0; }
	.content .form-box table.ui-selectoneradio label { padding-top: 0 !important; }

	.startPageImageFlowBoxes .box1 i, .startPageImageFlowBoxes .box2 i, .startPageImageFlowBoxes .box3 i { margin-left: -12px;}
	.startPageImageFlowBoxes { margin-left: 0; }

	/****
	DebtsDetail
	****/
	.content .detail-contact-box { float: left !important; width: 95%; }
	.content .detail-contact-box .debtPaymentnoLoginContactBox2 { width: 100%; padding:10px;}
	.content .detail-contact-box .debtPaymentnoLoginContactBox2 .linkButtons { width: 100%; }
	.content .debtDetails .ui-panelgrid { width: 100% !important; }
	.content .debtDetails .meshTables { margin-left: 0; }
	#contactForm input, #contactForm select { width: 90% !important;}
	.debtPaymentnoLoginText { width: 99% !important; }

	.contact_help_block { padding: 10px 15px; background: #e3eef0; }

	/****
	Brutforce
	****/
	.blockMsg {left: 2% !important; width: 95% !important; }
	.blockUI .pe-blockui-content { width: 90%; color:#9c301a;}
	.blockUI .pe-blockui-content .andi { float: left; }
	.blockUI .pe-blockui-content i img { float:left; margin: 0.6em 0.6em 0 0; }

	/****
	Landingpage
	****/
	.landingRedBox { min-height: 170px !important; }
	.landingRedBox h1 { margin-top: -7.5em !important; }
	.landingBoxDebtNumber { width: 52%; margin-top: 0em; }

	.landingBoxDebtNumber p.landingpage, .landingBoxDebtNumber span.landingpage { font-size:22px; padding-bottom:0; line-height: 30px; font-weight: bold; }
	.landingBoxDebt { float: left; width: 45%; margin-top: 0em;}

	.landingBoxDebt p.landingpage { font-size:22px; padding-bottom:0; line-height: 30px; font-weight: bold; }
	.buttonLandingpage { width: 95% !important; margin-top:6px !important; }
	.landingAngelIcon { margin: 89px 0px 0 -49px !important; }
	.main.bg_indexLanding {width:100%;height:auto;background:#fff url("/resources/img/eos-images/lp-stage-640px.jpg") no-repeat 50% 23.3vw;background-size:100vw auto;}

	.landingPageChatBox { position: absolute; width: 85% !important; }
	.aboutUsForDistanceMobile { margin-top: 10em !important; float: left; display: block; }

	/****
	BoxDebtNumberSearchRo
	****/
	.paymentBoxDebtNumberSearch { display: inline-block; margin-top: 15px; }
	.boxDebtSearchContentFooterRo { text-align: left; padding-left: 0.4em; }
	.boxDebtSearchContentFooterRo h4 { font-size: 80%; font-weight: normal; padding-top:1.2em; }
	.boxDebtSearchContentFooterRo a { font-size: 80%; }

	/**************
	DebtBox Zahlungsvorschlag
	*************/
	.stickyZahlungsvorschlag .boxDebtSearch { margin-top: 1em; margin-left:0; width: 100%; }
	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContentFooter {padding-left: 0;}
	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent input { width: 50%; }
	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent input[type="submit"] { width: 33%; }
	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent .loginDebtorBox { margin-top: 0; }
	.stickyZahlungsvorschlag h1 { display: none; }
	.stickyZahlungsvorschlag .boxDebtSearch .boxDebtSearchContent span.angelIconMobile { margin: 20px 0 0 -18px !important; }
	.stickyZahlungsvorschlag .buttonLandingpageMobile { width: 60% !important; margin-top: 1em !important; }
	.stickyZahlungsvorschlag .boxDebtSearchContentFooter img { width: 92%;}

	/********
	StickyBox alle Seiten
	********/
	.stickyChatPayBox { display:flex; right: 0; bottom: 10px; width: 100%; position: fixed; justify-content: space-around; }
	.stickyChatPayBox .stickyChat { width: 50%; min-height: auto; padding-top: 0; }
	.stickyChatPayBox .stickyChat .headline_small { float:left; padding: 19px 0 0 13px; text-align:left; font-size: 0.8em; font-weight: normal;}
	.stickyChatPayBox  .stickyPayment .headline_small { line-height:14px; padding:0; min-width:100%; text-align:center !important; font-size: 1em; font-weight: bold;}
	.stickyChatPayBox .stickyPayment { padding: 5px 30px; }

	/**************
	PaymentStep1 Rabatt
	**************/
	.rabatt .rabattImageBg label { font-size: 13px; padding: 0em 0 0 1em !important; line-height: 18px;}
	.rabatt .rabattBox { width:100%; }
	.rabatt .rabattBox div { width: 100%; display: inline-block; }
	.rabatt .rabattBox .rabattBoxLabel {width:65% !important;font-size: 80%;}
	.rabatt .rabattBox .rabattBoxValue {width:29% !important;font-size: 80%;}
	.rabatt .amountSize input { margin-left: 0 !important; }

	/******
	Payment History
	*****/
	.paymentHistoryLink {margin-left:0;}
	.dialogPayments .ui-datatable table { width:100% !important; }
	.paymentStep1Balance { padding-left:5px; }

    /*************
    Dialog PaymentStep1 Forderungsaufstellung
    *************/
    .block_debtPaymentList .flex_1 { flex: 2 1 20%; }
    .block_debtPaymentList .flex_2 { flex: 0 1 0%; }
    .block_debtPaymentList .flex_3 { flex: 1 1 0%; text-align: right; }
    .dialogPayments .ui-dialog-content { position: absolute; }
    .dialogPaymentsHidden { overflow-x: hidden !important; }
    .ui-dialog .ui-dialog-titlebar-close { width: 30px !important; height: 30px; position: absolute; margin: 0 !important; top: 0; right: 0; }

	/******
	Google Review Success Page
	******/
	.googleBox img {
		width: 50%;
	}

	/******
	Teaserbottom
	******/
	#teaserbottom p { margin: 0; }

	/******
	ImportantNote
	******/
	.importantNote { margin:0em 0 2em 0; font-size:80%; padding-right: 2em; }

	/******
	Cookie Bar
	******/
	div.cookieBar { font-size:12px; }
	.cookieBar { top: unset; bottom:0 !important; padding:4px 14px 4px 14px; line-height: 15px; }
	.cookieBar p { padding: 0px 0px 0px 0px; width: 100%; text-align: inherit; word-wrap:break-word; }
	div.cookieBar span { margin-top: 2px; }
	div.cookieBar .buttonCookieBar { margin-right:0; margin-top: -4px; padding: 8px 32px;}

	/******
	Neue Nvigation
	******/
	.dropDownMenu { width: 100%; left:0 !important; z-index: 9999 !important; top:0 !important; position: fixed !important; }
	.dropDownMenu .ui-icon { height: 22px; left:0 !important; top:0 !important; margin-top:10px !important; }
	.dropDownMenu .icon-global-service { padding-left: 25px !important; display:flex !important; align-items:center; font-size: 32px; }
	.dropDownMenu .icon-safety:before, .dropDownMenu .icon-law { font-size: 34px; }
	.dropDownMenu .icon-safety span.ui-menuitem-text, .dropDownMenu .icon-law span.ui-menuitem-text { display: inline-block !important; vertical-align: super; margin-left: 10px; }
	.dropDownMenu .disableFirstIcon { display: block; width: 100% !important; }
	.dropDownMenu .disableFirstIcon span:first-of-type { display: none; }
	.dropDownMenu .disableFirstIcon h3 { line-height: 56px;padding: 0 !important;font-family: Arial,Helvetica,sans-serif;color:#333333;font-size: 14px; font-weight: bold; margin: 0 0 0 10px; }
	.dropDownMenu .disableFirstIcon h3 span.ui-icon { font-size: 32px; height: 37px; margin-right: 10px; }
	.dropDownMenu ul li.ui-submenu-child { border-bottom: 1px solid white !important; }
	.dropDownMenu ul li:first-child { border-bottom: 0 !important; }
	.dropDownMenu ul li .navigationHeader { display: flex; }
	.dropDownMenu ul li .navigationHeader span { display: flex; }
	.dropDownMenu ul li .navigationHeader span img { height: 46px; padding: 24px 20px 24px 0; }
	.dropDownMenu ul li .navigationHeader span button { font-size: 36px !important; min-width:7.3em; font-weight: normal !important; display: flex; justify-content: end; align-items: center; padding-right: 0; }
	.menuDesktopDisable { display: block !important; }
	.dropDownMenu ul li:nth-last-child(1), .dropDownMenu ul li:nth-last-child(2), .dropDownMenu ul li:nth-last-child(3),
	.dropDownMenu ul li:nth-last-child(4) { border-bottom: 1px solid white !important; }
	.logo_index {margin: 25px 15px 1px 47px !important;padding: 0 !important;height: 44px !important; background-size: auto !important;}
	.ui-menu .ui-menuitem-link { line-height: 44px; }

	.main.bg_index .head, .main .head, .bg_indexLanding .head { padding-bottom: 0px !important; margin-bottom: 178px !important; padding-top: 0 !important; padding-left:0 !important; }
	.main .head { margin-bottom: 10px !important; }
	.bg_indexLanding .head { margin-bottom: 178px !important; }
	.logo_block { display: flex; flex-direction: column;}
	span.headerText { margin-left: 42px; margin-top: 0px; display: none; }
	.card  { margin-top: 2px !important; }
	button.menu_new { margin-top: 0; }
	.logo_block_front { width: 200px; }
    .ui-sticky { top: 70px !important; }
    .header_box { margin-top:-35px; }

	/******
	Paypal
	*****/
	.paypalButton button { min-width: 9.8em; }

	/***
	BDIU Logo
	***/
	.bdiuLogoDesktop {
		display: none;
	}
	.bdiuLogoMobile {
		display:contents;
	}

	.bdiuLogoMobile p img {
		float: right;
		margin-top: -37px;
	}

	.startPageImageFlow { margin: 0em auto; margin-bottom:1em; width: 96%; box-sizing:content-box; display: block; padding: 1em 0 1em 1em;  }
	.startPageImageFlowText { width: 100%; float: none; margin-right: 0em; }
	.startPageImageFlowText h3 { font-size: 1.1em; line-height: 22px; width: 93%; text-align: center; }
	.startPageImageFlowText p { padding-right: 10px; text-align: center; }
	.startPageImageFlowBoxes { display: flex; width: 100%; float: none; margin-top: 0; }
	.startPageImageFlowBoxes .box1, .startPageImageFlowBoxes .box2, .startPageImageFlowBoxes .box3 { width: 30%; margin-top: 10px; float: left; }
	.startPageImageFlowBoxes .box3 p { width: 90%; margin-left: -7px; }
	.startPageImageFlowBoxes .box1 { margin-left: 0; }
	.startPageImageFlowBoxes p { text-align: center; font-size: 80%; line-height: 14px; font-weight: bold; width: 85%; margin-top: 7px; }
	.startPageImageFlowBoxes img { text-align: center; margin-left: 0%; }
	.startPageImageFlowBoxes .arrow { margin: 30px 15px 0 0; }
	.startPageImageFlowBoxes i.icon-arrow-right { margin-top: 18px; }
	.startPageImageFlowBoxes .box1 .iconNumber, .startPageImageFlowBoxes .box2 .iconNumber, .startPageImageFlowBoxes .box3 .iconNumber { border-radius: 10px; background: #2F7C85; width: 20px; text-align: center; color: white; position: absolute; margin: -110px 0 0 8px; }
	.startPageImageFlowBoxes .box2 .iconNumber { margin: -97px 0 0 8px !important; }
	.startPageImageFlowBoxes .box3 .iconNumber { margin: -113px 0 0 9px !important; }


	/***
	Login Button
	***/
	.login-button-div a { position: absolute; right:108px; margin-top: -3px; }
	.login-button-div i.icon-employee { font-size: 28px; margin-right: 0; }
	.login-button-div { display: flex; justify-content: flex-end; width: 100%; float: none; margin: 2px 0px 0 0px; }
	.languageDesktop { display: none; }

	/***
	Rest Claim on paymentStep1
	***/
	.payStep1RestSchuld { margin-bottom: 10px; padding-bottom: 5px; }
	.payStep1RestSchuld .rabattBoxLabel { width: 70% !important; }
	.payStep1RestSchuld .rabattBoxValue { width: 24.6% !important; }
	.mobileDebtHintInfoPaySte1 i { margin-left: 0 !important; }

	/***
	Online Payments paymentStep1
	***/
	.onlinePaymentList { padding-bottom: 7px; padding-top:0; margin-top: 0; }
	.onlinePaymentList .lable { width: 64% !important; font-size: 80%; }
	.onlinePaymentList table { width: 32% !important; float: left; margin-top: 3px; }
	.onlinePaymentList table tbody td { font-size: 80% !important; line-height: 5vw !important; }
	.onlinePaymentList .debtHintInfoPayment { margin:22px 0 0 125px; }
	.onlinePaymentList .onlinePaymentHistTableField2 { display: none; }
	.mobileFixAbstand { left:10px !important; z-index:9999 !important; }

	/****
	Payment Success Page Payment Details
	****/
	.Step3paymentDetails .boxLine span { width:  53%; float: right; }
	.Step3paymentDetails .boxLine label { width: 45%; }

	/****
	PaymentStep1
	****/
	.payStep1 .ui-message-error-detail { margin-left: 0; }

	/* Startpage 4 Boxes */
	.boxes-4 { flex-direction: column; }
	.boxes-4 .boxes-4-1 { min-height: auto; font-size: 80%; width: 87%;text-align: left; }
	.boxes-4 .boxes-4-1 i { width: auto; }
	.boxes-4 .boxes-4-1 .headline { margin-left:50px; margin-right: 20px; margin-top: -37px; }
	.boxes-4 .boxes-4-1 p { margin-left: 61px; }

	/****
	Download-Page
	****/
	.downloadsAntragAcrobat { width: 89%; }
	.downloadsAntrag p.bloecke { width: 93%; font-size: 70%; }
	.downloadsAntrag p.bloecke span { line-height: 33px; }

	/****
	Payment logos startpage
	****/
	.paymentComplet { display: none; }


	/**********
	Google Pay
	*********/
	#googlePay { line-height: 0 !important; margin-top: -25px; float: right; }
	.googlePayDiv { padding: 0 0.5em 0.5em 0.5em;}
	.googlePayDiv { height: 190px !important; }
	.googlePaySelect { margin-top:9px; }
	.googlePayText { font-size: 14px; line-height: 18px; }
	.googlePayDiv label { font-size: 14px !important; }

	.paymentPlanLink-mobile {
		display: block;
		margin-bottom: 20px !important;
	}

	.paymentStep1_button {
		float: left !important;
	}

	/*
	Footer
	*/
	.foot .linksFooter { align-items: center; }
	.foot .linksFooter a { font-size: 70%; padding-left: 5px; padding-right: 5px; }
	.copyright { display:flex; justify-content: space-between; padding:5px 10px 7px 20px; }
	.copyright p { padding: 0; display: flex; align-items: center; margin: 0 0 0 15px; }
	.logo_footer { width: 56%; }
	.logo_footer img { width: 85%; margin-left: 15px; }
	.bdiuLogoDesktop { margin-right: 15px; }
	.bdiuBlockFooter { display: none; }
	.bdiuBlockFooterMobile { display: block; }

	/* Wartungsseite Hinweis */
	#infoMaintenancePage { padding-bottom: 20px; }
	#infoMaintenancePage span.text { font-size: 80%; width: 86%; text-align: center; padding-bottom: 12px; }
	#infoMaintenancePage #infoMaintenancePageCloser { margin-top: -46px; margin-right: 5px; }
}

@media (max-width: 768px) {
	.titleRow {
		margin-bottom: 7%;
		width: 100%;
		display: block;
	}

	.debtNumberTitle {
		display: block;
		margin-right: 0;
	}

	.display-flex {
		display: block;
	}

	.stickyChatHelpDialogue {
		right: 0;
	}

	.stickyChatHelpDialogue .headline_small {
		font-size: 1.3em;
		font-weight: normal;
		max-width: 72%;
		padding-top: 12px;
	}

	.stickyChatHelpDialogue .fa {
		font-size: 2.5em;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.titleRow {
		margin-bottom: 7%;
	}

	.paymentLink {
		width: 93px;
		overflow: hidden;
		height: 50px;
	}

	#seeOtherClaimLink {
		display: inline;
		width: 132px;
		overflow: hidden;
		height: 21px;
	}
}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (width : 375px)
    and (height : 559px)
    and (orientation : portrait)
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 375/559)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{ html {width:80em !important;} }

/*@media only screen and (max-device-width:680px) and (orientation : landscape) {*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.head { margin-bottom: 0; }
	ol.track-progress h2 { padding-bottom: 0; }
	.box_search_deptor_index a {font-size:4vw !important;}
	.main.bg_index {width:100%;height:439px;background:#fff url("/resources/img/startPage2017/eos-stage-640px.jpg") no-repeat 50% 20.3vw;background-size:100vw auto;}
	.main.bg_indexLanding {width:100%;height:439px;background:#fff url("/resources/img/eos-images/lp-stage-640px.jpg") no-repeat 50% 20.3vw;background-size:100vw auto;}
	.main.bg_index .head, .main.bg_indexLanding .head { padding-bottom: 0 !important; margin-bottom: 0 !important;}
	.landingAngelIcon { margin:88px 0px 0 -30px !important; }
	.buttons.small-buttons .ui-button {padding:1vw 3vw 1vw 3vw !important; min-width: 38%;}
	.ui-button-text-only .ui-button-text { padding: 0 !important;}
	.buttons.grey { padding: 0vw !important; }
	.buttons.grey .ui-button-text { font-size: 0.6em !important; padding: 3px !important; }
	.boxDebtSearch { margin-top: 0.5em !important;}
	.boxDebtSearch .boxDebtSearchContent { padding: 0.1em 0.3em !important;}
	.boxDebtSearch .boxDebtSearchContent h1 { line-height: 29px !important; width: 92%;}
	.boxDebtSearch .boxDebtSearchContent h2.text { font-size: 60%; line-height: 24px;}
	.landingBoxDebtNumber h2.text, .landingBoxDebt h2.text { font-size: 45% !important;}
	.boxDebtSearchContent .buttonBoxDebtSearchReg span.fa-angle-right { margin: 8px 0em 0 30px !important; }
	.ui-dialog, .is-mobile-device .ui-dialog { top: 5% !important;height: 100% !important; }
	.ui-dialog .ui-icon-closethick { margin-top: -25px !important; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBox { margin-top: 0; margin-bottom: 0.5em; }
	.boxDebtSearch .boxDebtSearchContent input { width: 62%; }
	.boxDebtSearch .boxDebtSearchContent input[type="submit"] { min-width: 3em; font-size:38%; margin-top: 8px;}
	.boxDebtSearch .boxDebtSearchContentFooter { width: 391px; }
	div.index_images2 { padding: 0 0 0 27px; margin-top: 1em; }
	div.index_images2 .index_site_teaser { margin-top: 0; width: 92%; }
	div.index_images2 div.indexBlock1, div.index_images2 div.indexBlock2, div.index_images2 div.indexBlock3 { width:92%; margin: 0 0 1.5em 0; font-size: 80%; }
	div.index_images2 div.indexBlock1 p, div.index_images2 div.indexBlock2 p, div.index_images2 div.indexBlock3 p { line-height:24px; font-size: 80%; }
	.boxDebtSearch .boxDebtSearchContentFooter { text-align: center; padding-left:0; width: 100%; }
	.box_images_index .foot_index { border-top: 0; border-top-width:0; margin-top: 1em; width: 94%; background-color: #F3F3F3; float: left; }
	.foot_index a { font-size: 3vw; float: left; padding: 0vw 4vw; color: #696669;}
	.foot_index a { color: #9c301a;}
	.foot_index a:first-child { padding-left: 4vw;}
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel { position: absolute; width: 97vw !important; height: auto !important; top:0 !important; left:0 !important; margin: 0; padding: 0; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content h3 { margin: 0; font-size: 80%; float: left; line-height: 1em; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content div { margin: 0 !important; padding: 0 !important; }
	.boxDebtSearch .boxDebtSearchContent .ui-overlaypanel-content img { width: 100% !important; height: auto !important; float: left; margin:1em 0 2em 0em;}
	.boxDebtSearch .boxDebtSearchContent .errorStartPage { margin-top: 0.3em; width: 238px; padding: 0.2em; }
	.boxDebtSearch .boxDebtSearchContent .errorStartPage .ui-message-error-detail { line-height: 20px; font-size: 1em;}
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss { width: 90%; font-size: 75%; margin-top: 0em; }
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages .ui-messages-error ul li { line-height: 15px;}
	.boxDebtSearch .boxDebtSearchContent .loginDebtorBoxHinweiss .ui-messages ul .ui-messages-error-summary { font-size: 54%; }
	.boxDebtSearch .boxDebtSearchContent span.fa-angle-right { margin: 15px 0em 0 130px; }
	.blockMsg {left: 28% !important; width: auto !important; top:2% !important; }
	.blockUI .pe-blockui-content { width: 90%; color:#9c301a;}
	.blockUI .pe-blockui-content i img { float:left; margin: 0.3em 0.6em 0 0; }
	.chat_box_step1 {bottom: 0; position: fixed; left: 0; width: 100%;}
	.chat_box_step1 div.chat {width: 92%; }
	.chat_box_step1 div.chat p {display: none;}
	.chat_box_step2 { bottom: 0; position: fixed; left: 0; width: 100%; }
	.chat_box_step2 div.chat .headline_small  {padding: 0 0 2vw; display: none;}
	.chat_box_step1 div.chat .headline_small  {padding: 0 0 2vw; display: none;}
	.chat_box_step2 div.chat p {line-height: 30px; display:none;}
	.chat_box_step1 div.chat a {font-size: 100%;}
	.chat_box_step2 div.chat a {font-size: 100%;}
	.debtPaymentnoLoginText { width: 100%; }
	.payStep1 .ui-grid-col-6 { width:100%; }
	.content .form-row .ui-inputfield, .content .registerForm .ui-inputfield, #helpForm .ui-inputfield, .content .form-box .ui-inputfield { width: 50vw !important;}
	.ui-accordion .ui-accordion-content { padding: 0; }
	.loginDesktop { display: none; }
	.loginMobileSmartphone { display: block; }
}


/* Samsung Galaxy S8 */
@media (min-width : 375px) and (max-width : 1024px) and (orientation : landscape) {
	.landscape {background-color:rgba(255, 255, 255, 0.9);position: fixed;top: 0; bottom: 0;width: 100%; z-index:9999; justify-content: center; align-items: center;}
	.landscape div.box { display: flex; background: #E0EEF0; align-items: center; width: 65%; padding: 15px; height: 110px; }
	.landscape div.left { width: 60%; line-height:1.2em; float: left; text-align: left; padding: 7px 0 0 0px; color:#31171f; font-size:60%; font-weight: bold; }
	.landscape div.right { float:right; background:#E0EEF0 url("/resources/img/2022/icon_portrait_modus.svg") no-repeat center; height: 116px; width: 40%; }
	.cookieBar {display: none; }
}

/* Special class for IE9 */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { filter:Alpha(Opacity=100); }

/******
MedieQuery for iPhone Plus
******/
/* iPhone 6 Plus portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 3)
{

	.mobileDebtHintInfo {  }
}

/* ----------- Galaxy S6 ----------- */
/* Portrait */
@media only screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 4)
  and (orientation: portrait) {

  .landingBoxDebtNumber { width: 52% !important; }
  .landingBoxDebt { width: 46% !important; }
  .mobileDebtHintInfo { font-size: 1.05em !important; }

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait */
@media only screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {

  .landingBoxDebtNumber { width: 52% !important; }
  .landingBoxDebt { width: 46% !important; }
  .mobileDebtHintInfo { font-size: 1.05em !important; }

}

 /*	Umfrage */
@media screen and (max-width: 1200px) {
	.umfrage .block {margin: 2em}
}

@media screen and (max-width: 767px) {
	.umfrage .block {margin: 1em 0}
	.umfrage .block p {font-size: 20px;}
	.umfrage .block .text_wrapper h2 {color: #000000CC;}

}