.tx-p123checkout-pi2-groups { margin: 0px -15px 0px -12px; padding: 6px 15px 6px 12px; }
*:first-child+html .tx-p123checkout-pi2-groups { width: 100%; } /* IE7 */
.tx-p123checkout-pi2-groups.highlight { background: #F4F4F4; }
.tx-p123checkout-pi2-groupName { margin: 0px; padding: 0px 0px 12px 0px; }
.tx-p123checkout-pi2-line { background: url(../typo3conf/ext/p123checkout/res/table-header.gif) repeat-x; font-size: 0px; height: 1px; line-height: 1px; margin-top: 5px; padding-top: 5px; }
#txp123checkoutpi2-option-confirm .csc-mailform-submit-top:before { background: #BE1010; }
#txp123checkoutpi2-option-confirm .csc-mailform-submit-top:after { border-bottom-color: #BE1010; }
#txp123checkoutpi2-option-confirm .csc-mailform-submit-bottom:before { background: #BE1010; }
#txp123checkoutpi2-option-confirm .csc-mailform-submit-bottom:after { border-right-color: #BE1010; }

.tx-p123checkout-pi2-window { padding: 30px 40px; }
.tx-p123checkout-pi2-window h2 { padding-bottom: 0px; }
.tx-p123checkout-pi2-window p { margin-right: 200px; padding-top: 3px !important; }
.tx-p123checkout-pi2-window p span label { display: block; }
.tx-p123checkout-pi2-window a.csc-mailform-button,
#TB_window .tx-p123checkout-pi2-window a.csc-mailform-button { color: #FFFFFF; float: right; position: relative; z-index: 2; }
.tx-p123checkout-pi2-window a.csc-mailform-button.left,
#TB_window .tx-p123checkout-pi2-window a.csc-mailform-button.left { float: left; }
#content-normal #txp123checkoutpi2-ready .csc-mailform-button { float: right; }
.tx-p123checkout-pi2-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 20px 0px; }

#txp123checkoutpi2-ibanGen-hint { background: #FFFFFF url(../typo3conf/ext/p123checkout/res/ibanGen.png) 10px 44px no-repeat; border: 1px solid #DBDBDB; border-left: none; display: none; height: 164px; left: 639px; overflow: hidden; position: absolute; top: -1px; width: 120px;
    -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
@media screen {
    #txp123checkoutpi2-ibanGen-hint.fixed { position: fixed; top: 16px; }
}
@media only screen and (max-device-width: 480px) {
    #txp123checkoutpi2-ibanGen-hint.fixed { left: 639px !important; position: absolute; top: -1px; }
}
#txp123checkoutpi2-ibanGen-hint a { display: block; height: 100%; width: 120px; }
#txp123checkoutpi2-ibanGen-hint a:hover { text-decoration: none; }
#txp123checkoutpi2-ibanGen-hint h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center;
    -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; }
#txp123checkoutpi2-ibanGen-slider { display: none; height: 45px; position: absolute; right: 121px; top: 12.5%; width: 45px; z-index: 3;
    -moz-animation: fadeOutSlider 0.6s ease 0s normal 1; -o-animation: fadeOutSlider 0.6s ease 0s normal 1; -webkit-animation: fadeOutSlider 0.6s ease 0s normal 1; animation: fadeOutSlider 0.6s ease 0s normal 1;
    -moz-transition: right 0.6s ease; -ms-transition: right 0.6s ease; -o-transition: right 0.6s ease; -webkit-transition: right 0.6s ease; transition: right 0.6s ease; }
#txp123checkoutpi2-ibanGen-slider + label { display: none; line-height: 45px; margin-left: 0px; position: absolute; right: 121px; text-indent: 0px; top: 12.5%; z-index: 2;
    -moz-animation: fadeOutSlider 0.6s ease 0s normal 1; -o-animation: fadeOutSlider 0.6s ease 0s normal 1; -webkit-animation: fadeOutSlider 0.6s ease 0s normal 1; animation: fadeOutSlider 0.6s ease 0s normal 1;
    -moz-transition: right 0.6s ease; -ms-transition: right 0.6s ease; -o-transition: right 0.6s ease; -webkit-transition: right 0.6s ease; transition: right 0.6s ease; }
#txp123checkoutpi2-ibanGen-slider + label:before { background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; content: "\f054\f054"; display: block; font: normal normal normal 13px/45px FontAwesome; height: auto; margin: 0px; position: static; text-rendering: auto; top: auto; width: 45px;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#txp123checkoutpi2-ibanGen-slider:checked,
#txp123checkoutpi2-ibanGen-slider:checked + label { right: 0px; }
#txp123checkoutpi2-ibanGen-slider:checked + label:before { content: "\f053\f053"; }
.tx-p123checkout-pi2-ibanGen-field { float: left; margin-right: 7px; width: auto; }
#txp123checkoutpi2-ibanwindow,
#txp123checkoutpi2-ibanGen-result,
#txp123checkoutpi2-ibanGen-error { display: none; }
.tx-p123checkout-pi2-window p.tx-p123checkout-pi2-ibanGen-desc { margin-right: 0px; }
#txp123checkoutpi2-ibanGen-error { color: #BE1010; }
#txp123checkoutpi2-ibanGen-insert { float: right; }
.tx-p123checkout-pi2-positions .tx-p123checkout-pi2-check-iban,
.tx-p123checkout-pi2-positions .tx-p123checkout-pi2-valid-iban { overflow: visible; position: relative; }
.tx-p123checkout-pi2-check-iban:after,
.tx-p123checkout-pi2-valid-iban:after { bottom: 0px; display: block; left: 100%; margin-left: 7px; position: absolute; white-space: nowrap;
    -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; filter: alpha(opacity=70); }
@media all and (min-width:0\0) { .tx-p123checkout-pi2-check-iban:after, .tx-p123checkout-pi2-valid-iban:after { -ms-filter: none; filter: none; } } /* IE9+ */
.tx-p123checkout-pi2-check-iban:after { background: url(../typo3conf/ext/p123checkout/res/loading.gif) 0px 2px no-repeat; content: "Checking IBAN"; line-height: 21px; padding-left: 20px; }
html[lang="de"] .tx-p123checkout-pi2-check-iban:after { content: "Überprüfe IBAN"; }
.tx-p123checkout-pi2-valid-iban:after { content: "\f14a"; font: normal normal normal 24px/1 FontAwesome; text-rendering: auto; width: 32px;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tx-p123checkout-pi2-positions:after,
.tx-p123checkout-pi2-edit:after { clear: both; content: ""; display: table; zoom/*\**/: 1\9; /* IE6-8 */ }
@media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) {
    body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child { min-width: 0px;
        background: #f6ac0d; /* Old browsers */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */
        background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */
        background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * { font-size: 13px; font-weight: normal; line-height: 15px; margin: 0px 10px 0px 0px; padding: 5px; }
    body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > h2 { border-left: none; }
    body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > *:last-child { margin-right: 0px; }
    body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * > a { background: none; height: auto; padding-right: 0px; }
    .tx-p123checkout-pi2 .csc-header:first-child a.active:before,
    .tx-p123checkout-pi2 .csc-header:first-child a.active .before { border: solid transparent; border-width: 11px 9.5px 0px 9.5px; border-top-color: #F8B300; bottom: -13px; background: none; height: 0px; margin-left: -9.5px; width: 0px; }
    #txp123checkoutpi2-ibanGen-slider ~ .tx-p123checkout-pi2-option { margin-right: 120px;
        -moz-transition: margin 0.6s ease; -ms-transition: margin 0.6s ease; -o-transition: margin 0.6s ease; -webkit-transition: margin 0.6s ease; transition: margin 0.6s ease; }
    #txp123checkoutpi2-ibanGen-slider:checked ~ .tx-p123checkout-pi2-option { margin-right: 0px; }
    @-moz-keyframes fadeOutHint {
        0% { width: 0px; }
        100% { width: 120px; }
    }
    @-o-keyframes fadeOutHint {
        0% { width: 0px; }
        100% { width: 120px; }
    }
    @-webkit-keyframes fadeOutHint {
        0% { width: 0px; }
        100% { width: 120px; }
    }
    @keyframes fadeOutHint {
        0% { width: 0px; }
        100% { width: 120px; }
    }
    #txp123checkoutpi2-ibanGen-hint { border: solid #DBDBDB; border-width: 0px 0px 0px 1px; bottom: 0px; height: auto; left: auto !important; position: absolute !important; right: 0px; top: 0px !important; z-index: 5;
        -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
        -moz-animation: fadeOutHint 0.6s ease 0s normal 1; -o-animation: fadeOutHint 0.6s ease 0s normal 1; -webkit-animation: fadeOutHint 0.6s ease 0s normal 1; animation: fadeOutHint 0.6s ease 0s normal 1;
        -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
    #txp123checkoutpi2-ibanGen-slider,
    #txp123checkoutpi2-ibanGen-slider + label { display: inline-block; }
    #txp123checkoutpi2-ibanGen-slider:checked ~ #txp123checkoutpi2-ibanGen-hint { border-width: 0px; width: 0px; }
}